目次

基礎知識

準備

Step1

Step2

UpLoad

参考

高度テク

　＜背景・ＢＧＭを入れる＞

＜レイアウトの工夫＞

＜ページのタイトル＞

●背景を指定する

背景は「書式」「背景」「色」又は「塗りつぶし効果」から選びます。
また、自分で作った背景や捜してきた背景を使う時は、「色や塗りつぶし効果」「その他のテクスチャー」でファイルを指定します。
指定されたファイルは自動的にHTMLファイルのあるフォルダにコピーされます。（この時に変換されているようです）

●背景を自分でつくる

PhotoEditorを使って背景を作ってみよう。
お気に入りの写真やイラスト、ロゴなどを読み込んで、「イメージ」や「効果」のメニューを使って加工します。加工した画像は一旦他のフォルダ（挿入するページのあるフォルダではなく、別のフォルダ）に保存します。
※同じフォルダに保存するとトラブルの原因になります。要注意
後は背景の指定と同じ手順です。今保存したファイルを「その他のテクスチャー」として選択します。（この時Wordが背景用に画像変換をします）

このページの背景は、タイトルロゴをPhotoEditorで加工したものです。
左はPhotoEditorでの加工中のイメージです。

●ＢＧＭを入れる

ＢＧＭをページに入れる方法も、背景などと同じです。
「挿入」「バックグラウンドサウンド」でサウンドファイル（・・.MID）を選択します。

＜レイアウトの工夫（表の活用）＞

●レイアウト

このページは表を使ってレイアウトしています。
HTML文書では、普通のワープロ文書のように行頭を揃えること（Tab設定）が出来ません。
でも、表を使えば自由にレイアウトが出来ます。

表（枠）を作成し、罫線の表示をしない設定をし、罫線の位置を調整した上で、各セルに文書を挿入すればＴａｂ設定をしたようなイメージになります。

また、表自体の位置を左、右、中央に変えたり、

各セルの中の文字をセルの中で左に寄せたり、

右に寄せたり

中央に指定したりできます。

　◎フレーム風のページも作れます

フレームを利用したページは、Wordなどのワープロソフトだけでは出来ません。どうしても作りたい場合には、フレーム構造部分についてはHTML文法を勉強して作り、各フレームの内容（パーツ）はWordで作ることになります。
でも、そこまでやらなくても、表を使うことで「フレーム風」のページが作れます。
　「レイアウトのテクニック」と同じ方法で、左側には目次、右側に内容を書き込んで、背景色を少し変えればフレーム風ページの完成です。（「少し高度なテクニック」のページで使っています）

●ボタンのようなもの

クリックする場所を示す「ボタン」は、画像（アイコン）を使う方法が一般的です。（画像にリンクを設定する）
アイコンの欠点は、表示に時間がかかることです。（特にボタンは沢山あると時間がかかってしまいます。）
　ところが、表を使うとボタンのようなものがすばやく表示されます。
セルのプロパティーで背景に色を付け、中の文字にリンクを設定します。
各ページの上下にあるバーも、この方法の応用です。

下の例で表示イメージ、速度の比較をしてみます。
リロード（更新）して表示速度を比べてみてください。（リンクは設定してありません）

ＮＥＷ

E‐MAIL

ＮＥＸＴ

表を使ったボタンのようなもの

●ページのタイトル

ページの「タイトル」はブラウザで見たときに一番上（ツールバーより上）に表示されます。
また、印刷したときにも一番上に表示されます。更に、機械式検索エンジン（gooなど）では、ページのタイトルとして表示されます。
これを編集するには、「表示」「ソース表示」でソース（HTML形式のファイル）を編集します。
上の方に「<TITLE>・・・・</TITLE>」と書かれた所があります。この「・・・・」の部分にタイトルを書き込みます。（日本語でＯＫです）

目次

基礎知識

準備

Step1

Step2

UpLoad

参考

高度テク