HTML + スタイルシート Webデザインブック

HTML + スタイルシート Webデザインブック

 

HTML + スタイルシート Webデザインブック

 

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段組を採用した企業サイト
  • 全体のブロック分けをする
  • ページボディの要素を配置する
  • ナビゲーションを指定する
  • フッタ要素を配置する

 


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です