├ はじめに ├ STEP1 準備とWordの設定 ├ STEP2 スタイルの設定 ├ STEP3 Webページの作成 ├ STEP4 表の活用・文字や画像挿入 ├ STEP5 リンクを張ろう ├ STEP6 ファイルの保存とHTML Filter 2.1 ├ STEP7 FFFTPで転送 ├ STEP8 スクロールとフォーム ├ STEP9 フレームやサウンド ├ STEP10 いらないタグ削除 └ その他1 フォルダ名に「.」が使えないYahoo!ジオシティーズ

STEP 4 表の活用・文字や画像挿入 ■ ツールバーは、よく使うものを表示させておくと便利です。 [表示]−[ツールバー]で選択しておきましょう。 ■ 文章を入れる 普通に行を変えるときは「Enter」キーを押しますが 「Shift」+「Enter」キーにすると「改行」になって<p>タグの記述が減ります。 ■ 文字の形や位置を変える 太字 斜体も出来ます。 大きさ 段落 ■ 線種とページ罫線と網掛けの設定 文字や段落、表や表のセルに対して、色をつけることができます。 ■ 表の挿入 表を使うことで、好きな位置から文章を開始したり、画像を配置することが出来ます。 表の行数や列数を指定します。あとから増やすことも減らすことも出来ます。 表の枠線の色や太さを指定したり、枠線を見せないように設定できます。 ■ 表の挿入例 ここに文字を挿入 真ん中配置 セル網掛け 文字網掛け 段落網掛け ◎表を選択して、「表のプロパティ」から、表の幅やセルの幅、セル内のmarginを指定することが出来ます。 ◎「線種とページ罫線と網掛けの設定」で、枠線のある・なし、色、太さ、網掛けの指定が出来ます。 ■ 画像の挿入 画像を挿入する際に、注意することは、必ず「図の書式設定」で、レイアウトを「行内」に入れるということです。「前面」や「背面」はだめです。 [挿入]−「図」から画像を挿入できます。 画像の背景色を透明にして、透過GIFが作成できます。 ツールバーの[表示]−[ツールバー]−[図]で表示される「透明な色に設定」ボタン ■ オートシェイプの挿入 オートシェイプは「行内」に入れることが出来ないので、「四角」を選択します。 filter使用後は、GIFまたはJPG画像に変換されます。したがって、編集は出来なくなります。 Wordの画面 ブラウザでプレビュー画面 ※Wordの画面と、プレビュー画面では多少のズレがあります。 ※前面や背面は絶対に使わないようにしてください。配置がむちゃくちゃになります。 ■ ワードアートの挿入 ワードアートも「図の書式設定」でレイアウトは「行内」に入れます。 filter使用後は、GIFまたはJPG画像に変換されます。したがって、編集は出来なくなります。 ■ 新しい描画オブジェクトの挿入（オートシェイプ・テキストボックス） filter使用後は、GIFまたはJPG画像に変換されます。したがって、編集は出来なくなります。 ■ 画像に文字をのせる filter使用後は、GIFまたはJPG画像に変換されます。したがって、編集は出来なくなります。 ■ テキストボックスの挿入 filter使用後は、GIFまたはJPG画像に変換されます。したがって、編集は出来なくなります。 ■ という具合で、filterを使う前の段階では編集できたものが、filterを使うことで編集できなくなってしまいます。 filterを使う前は、xmlファイルのおかげでWordの特徴をそのまま残して保存されますが、filterを使うことで、xmlの記述が全て削除されるからです。 しかし、filterを使わなければ、ファイルサイズがかなり大きいですし、画像の持ち帰りも出来ないですし、画像に張ったリンクで手の形にならないなど、いいことは全くありません。 フリーの画像編集ソフトも色々便利なものがありますから、オートシェイプ等の機能は使わないで、あらかじめ、挿入する画像を作成しておくといいですね。 また、インターネット上には数多くの「ホームページ用の素材屋さん」が存在しますので、それらを活用するのもよいでしょう。 STEP5へ>> ▲このページの先頭へ