３．基本設計では基本レイアウトとしてトップページに対してＢ．横上型、それ以下のページには、Ｅ．縦横型を選びました。
この形式に基づいてレイアウトの詳細設計を行います。
Ａ．表示レイアウト幅の大きさの決定
 ホームページは、パソコンの画面を通して閲覧されます。パソコンの画面には一般に次の解像度があります。（Windowsパソコンを使われている現在のあなたの画面の解像度を知るためには、デスクトップ上のどこか空いているところを右クリックし「画面のプロパティ」を表示させ、「設定」の項目を選んで下さい。そうすると「画面のプロパティ」が示され、「設定」を表示すると、そこに１０２４ Ｘ ７６８ ピクセルとか８００ Ｘ ６００ ピクセルと書いてあります。それがあなたが現在使用している画面解像度です）。
・１２８０ × １０２４ ピクセル
・１０２４ Ｘ ７６８ ピクセル
・ ８００ Ｘ ６００ ピクセル
・ ６４０ Ｘ ４８０ ピクセル
などがあります。
現在、インターネットを利用される視聴者によってもっとも多く使用されている解像度は１０２４ Ｘ ７６８ ピクセルだと思われますが、少し古いパソコンの場合（４−５年前に購入したパソコンなど）は８００ Ｘ ６００ピクセルの場合があります。従って、８００ Ｘ ６００ ピクセルの画面でも問題なく表示できる画面レイアウトを設計する事が一般的です。
ここで重要なのは、ホームページの内容を表示する全幅指定です。８００ Ｘ ６００ ピクセル全画面の全幅は８００ピクセルです。ブラウザを全画面表示にしたとき、ブラウザの外枠及び画面右側のスライドバー表示の幅を約２０ピクセル程度を引いても実効全幅はおよそ７８０ピクセル程度ありますのでその幅程度は横にスライドさせなくても見る事はできます。ここでは幅を７００ピクセルとします。
| ８００ Ｘ ６００ 全画面表示 |
|
１０２４ Ｘ ７６８ 全画面表示 |
 |
|
 |
（幅については上記程度の幅の中でいろいろ試してみても良いと思います。指定する幅によって、そのページ内に掲載できる文字情報や画像情報のレイアウトが微妙に変わってくることが実感できるはずです。又、どうしても大画面表示をしたいと言うのであれば、１０２４ Ｘ ７６８ピクセルの画面に表示させることを目的として作成することもできます。その場合は横幅を９８０〜１０００ピクセルくらいに設定してみることもできます。但し。上記のように８００ Ｘ ６００ピクセルの画面では横向きにスライドさないと全ての内容を見ることができないことを注意してレイアウトする必要があります。） |
第３階層は、「写真ギャラリー」「カメラ紹介」「ふるさと紹介」エッセイ」「プロフィール」「メール」などの第２階層にそれぞれつながる下層ページとなっています。従って第２階層が表示された時にそのページに属する第３階層を表示する必要があります。その表示の一例として作成したものが右図です。図では第３階層の各タイトルを左側の縦部分でボタン化して明示してまいます。このことによって視聴者は上部のナビゲーションバーの横に並べられたボタンによって第２階層のページへ、左側の縦に並べられたボタンによってそれぞれの第２階層につながる第３階層ページに移ることができます。
