資料小分類

• はじめに

• レイアウトの考え方

• レイアウトの構造

• レイアウトコンテナ挿入

• HTMLタグの初期化

• メイン

• ヘッダ

• ナビ

• コンテンツ

• フッタ

• メニュー準備

• メニュー

• 文字入力

• スタイル設定

• 画像の用意

• 外部スタイルシート

資料大分類

• 問い合わせ

• 資料トップへ戻る

CSSレイアウトの構造

ここで作成するレイアウト（領域）は下図のとおり。

• 

６個のレイアウトコンテナで構成され、そのうちの５つはブロックに分け、残りの一つで各ブロックをまとめます。

ヘッダは、背景にバナーの画像を表示します。メニューは、リストマークをタブのような外観にします。ナビとコンテンツは、回り込み （float属性） を設定して左右に配置してマルチカラム （段組みレイアウト） にします。フッタは回り込みを解除して、一番下側にレイアウトします。

次ページ：　レイアウトコンテナの挿入