HTMLとスタイルシートでWebのレイアウトを解説した一冊です。
CHAPTER1 企業サイト(1段組レイアウト)
- シンプルな1段組レイアウト
- 全体の横幅とヘッダ要素を指定する
- ナビゲーションを指定する
- 本文の要素を配置する
- フッタ要素を配置する
CHAPTER2 企業サイト(2段組レイアウト)
- 2種類のナビゲーションを用いた情報サイト
- 各ブロックの幅とヘッダ要素を指定する
- コンテンツの要素を配置する
- ナビゲーションを指定する
- パンくずリスト、フッタ要素を配置する
CHAPTER3 フォトライブラリサイト(2段組レイアウト)
- イメージが並ぶフォトライブラリサイト
- 2段組レイアウトを作成する
- メインコンテンツのサムネイルを作成する
- 右サイドナビゲーションを作成する
- サブウィンドウを表示する
CHAPTER4 レシピサイト(2段組レイアウト)
- コンテンツ内容に対応した2段組サイト
- 2段組レイアウトを作成する
- 左サイドナビゲーションを作成する
- メインコンテンツを作成する
CHAPTER5 ポータルサイト(2段組レイアウト)
- 様々なコンテンツを配置した2段組サイト
- ヘッダを作成する
- 2段組レイアウトを作成する
- メインコンテンツを作成する
CHAPTER6 ニュースサイト(3段組レイアウト)
- テキスト主体の3段組サイト
- 3段組レイアウトを作成する
- メインコンテンツを作成する
- サブコンテンツを作成する
CHAPTER7 オンラインショップ(3段組を含むレイアウト)
- 商品を目立たせたオンラインショップ
- 全体の横幅とヘッダ要素を指定する
- ページボディの要素を配置する
- 新刊情報とナビゲーションを指定する
- リンク関連の色設定とフッタ要素を配置する
CHAPTER8 企業サイト(4段組を含むレイアウト)
- 4段組を採用した企業サイト
- 全体のブロック分けをする
- ページボディの要素を配置する
- ナビゲーションを指定する
- フッタ要素を配置する
コメントを残す