応用文書処理 8回目
更新の流れ(確認)
画像の準備:サイズを小さくして,webフォルダに保存
HTMLファイルの作成・更新:Expression Web 4で作成・更新(index.html の更新。別のページを作る場合はindex.html内にリンクを作成)
データのコピー:更新ファイル(HTMLや追加した画像ファイルなど)を共有ドライブにコピー(コピー先に注意)
公開の確認:教員がアップロード後,ブラウザで公開されているデータの確認(特に画像やリンク)
補足説明
画像の扱い
Webフォルダ内の画像を挿入すること
(アップロード後に画像が表示されないのはこれが原因のことが多い)
バナーや背景用に,他のソフト(Wordなど)で作成した画像をSnipping tool (Windowsアクセサリ内のソフト)で画像ファイルとして保存して使える
挿入後に画像の角をドラッグしてサイズ変更をする場合は,
shiftキーを押しながらドラッグ
すると,縦横比が固定のまま,サイズ変更が可能。
画像ツールバーを表示(表示→ツールバー,もしくは画像右クリック)して,矩形もしくは円形のホットスポットを指定すると,画像の中の特定範囲にリンクを作成することができる。
画像ツールバーの「透明な色に設定」
で,GIF画像内の特定の色を透過色(背景が透けて見える)に設定可能。埋め込みファイルの保存を忘れずに。
アニメーションGIFの作成
アニメーションGIFとは,ぱらぱらマンガのように,複数のGIF画像(同じ大きさ)を一定時間毎に切り替えるデータ
フリーソフト(
natm
,など)でも作成できる
natmの使い方:あらかじめ(同じ大きさの)GIF画像を複数用意しておき,natmに読み込む。待機時間(1/100秒単位)を設定し,名前を付けて保存。場所の移動も可能。
テーブル(表)の操作
挿入後の操作は
テーブルのプロパティ
もしくは
セルのプロパティ
でおこなう
ドラッグで幅や高さの調整をするとピクセル単位での指定となり,表示画面サイズによってはバランスが悪くなる。
セルのプロパティ
からパーセント単位での指定も可能。
テーブル→変更
から
セルの結合
(あらかじめ複数のセルを選択しておく)や
セルの分割
が可能
テーブル(セル)の中にテーブルを入れることも可能
その他
ツールボックスから
水平線
をダブルクリックすると水平線を挿入
背景画像(Step5参照)の指定で
ウォーターマークに変更する
をチェックすると表示する際にスクロールしても背景は動かない
2ページ目以降を作成した場合はトップページ(index.html)にわかりやすいリンクを作成すること。
世界に見られていることを自覚
友人の画像を載せるときには,危険性を理解し,了解をえること。(自分の写真を載せるのも注意)
画像だけでなく,
個人名の掲載も注意
(ニックネーム,イニシャルなどにするのが望ましい)
法律違反,モラル違反は行為自体問題だが,ネットに掲載するのはさらに無能。
一度流出した情報は永遠にネットの世界に残る
なんらかの危険性があるデータの使用を見つけたときは,教員側で削除し,採点時に減点する。