ホームページの組み立て
何を題材にするかを考えたら、次に大まかな組み立てを考えましょう。つまり、設計図を作ることです。なんでもいいので、紙と鉛筆を用意してください。そこに、必要なコンテンツを書き出します。
（例）トップぺージ・プロフィール・写真・日記・料理レシピ・リンク・掲示板
次にどのようにホームページを構成するかを考えます。
（例）
トップぺージ(index.html)
|
|―プロフィール（pro.htm）
|
|―日記(diary.htm)
|
|―料理レシピ(recipe.htm)
|
|―リンク（link.htm）
|
|―掲示板（レンタル）
|
|―アイコン(icom）→saru.gif、kaeru.gif、panda.gif・・・・・（ホームページ全体で使うアイコンを置く）
|
|―写真(photo) →index.htm（写真のトップページ）、ie.jpg、hunsui.jpg、park.jpg・・・
|
|―バナー(banner) →mypage.gif・・・（link.htmにはるバナーを置く）
※1 太字は、専用のフォルダ（ディレクトリ）を表しています。
※2 カッコ内は、ページの名まえを表しています。
そうしたら、それぞれのページのデザインと構成を考えます。これも大まかでいいので、紙に書き出しましょう。簡単でいいので、デッサンしてみてください（ここでは、省略）。
書けたら、それらが設計図になります。あとは、それをもとに画面に書き出していくのです。