デザイン3のページ


デザイン3-1
ヘッダーとコンテンツの二つのエリアで構成し
それぞれのエリアの横幅を固定し
画面の幅が変わっても影響を受けない。

デザイン3-2
基本的な構造は上のデザインと同じ。
ヘッダーの周りには常に余白が入らないようにし
常に横幅いっぱいに表示する。
コンテンツ部分は画面サイズに影響されないよう
横幅を固定し、画面の左側に配置する。

デザイン3-3
ヘッダー部分にメニューを
ボタンのようにデザインしました。




「HTML&スタイルシート デザインブック」(ソシム株式会社発行)を参考にしました