 |
| 以下メニューからテンプレートのサンプルがご覧になれます。 |
|
| いよいよ、ホームページ作成ソフトを使ってテンプレートをカスタマイズしていきます。解説で使用するソフトは、ドリームウィーバーMXですが、ホームページ・ビルダーでも要領は同じです。
|

index.htmlを選んで右クリック |
ドリームウィーバーでファイルを開いてみましょう。「pink」フォルダ内の「index.html」にカーソルをあて、右クリック。図のようにメニューが出るので「Dreamweaverで編集」を選択します。ホームページ・ビルダーの場合は「ホームページ・ビルダーで編集」を選択します。 |

赤枠部分を変更 |
TOPページ内にいくつかあるダミーテキストを自分なりに変更します。主な修正個所として以下の要素があります。
図の赤で囲った部分です。
※商品欄は後ほど解説しますので、今は手をつけなくて大丈夫です。
<修正が必要な箇所>
(1)ページ上部のサイト説明文
(2)ホームページタイトル
(3)最終更新日
(4)お知らせ欄
(5)ページ最下部の著作権表示
|
| ブラウザ画面からは見えない箇所にも、いくつか修正が必要なポイントがあります。以下の解説を参考に修正してみましょう。 |

タイトルを変更 |
ページのタイトルを変更します。図を参照して、画面上部にある「タイトル」に適切なタイトルを入力して下さい。多くても20文字程度で、そのページのテーマを意識した分かりやすいタイトルにしましょう。 |

キーワードを変更 |
メタタグのキーワードを変更します。図を参照して、htmlコード画面上部にある「keywords」の「content=""」内に、ページに関係のあるキーワードを入力して下さい。キーワードの数は多くても10個以内にし、キーワード間は「,」で区切ります。キーワードを囲む「""」を削除しないようご注意下さい。 |

サイト説明文 |
メタタグのサイト説明文を変更します。図を参照して、htmlコード画面上部にある「description」の「content=""」内に、ページに適切な説明文を入力して下さい。 |
| 以上の作業を使用するページ全てに対して行って下さい。最初は大変ですが、練習のつもりでチャレンジしましょう。慣れてくれば効率的に作業できるようになると思います。 |
|
 |