閉じる
閉じる
閉じる
  1. 新世代Web制作テクニック総特集 スマートフォン ソーシャルメディア …
  2. 本格ビジネスサイトを作りながら学ぶWordPressの教科書
  3. スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅惑の副…
  4. パソコン教室で受講料70万円で得た知識
  5. アフィリエイトの達人が教える! 月収別成功体験
  6. ポイントメール受信で稼ぐ わくわくメール
  7. メール受信でお金を稼ぐ GetMoney!
  8. チューニングDIYハンドブック Vol.2
  9. WordPress 3.x デザイン&カスタマイズ スタイル…
  10. Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン…
閉じる

TAKUMI1202.COM

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

 

関連記事

  1. Perlの絵本

    Perlの絵本

  2. クリエイティブ業界に就職するためのポートフォリオの教科書

    クリエイティブ業界に就職するためのポートフォリオの教科書

  3. Fireworksレッスンブック

    Fireworksレッスンブック CS4 CS3対応

  4. PHPのドリル

  5. 株、FX、世界経済がマンガでわかる! 新女子高生株塾

    株、FX、世界経済がマンガでわかる! 新女子高生株塾

  6. ソーシャルなサイト構築のためのWeb APIコーディング

    ソーシャルなサイト構築のためのWeb APIコーディング

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る