閉じる
閉じる
閉じる
  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. はじめてのアフィリエイトで稼ぐ

    はじめてのアフィリエイトで稼ぐ

  2. デジハリデザインスクール Webデザイン Illustrator & Photoshop CS4対応

    デジハリデザインスクール Webデザイン Illustrator…

  3. Illustratorレッスンブック

    Illustratorレッスンブック CS4 CS3/CS2/C…

  4. よくわかるPHPの教科書

    よくわかるPHPの教科書

  5. 現場のプロから学ぶ XHTML + CSS

    現場のプロから学ぶ XHTML + CSS

  6. MovableTypeレッスンブック

    Movable Typeレッスンブック MT5対応

コメント

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

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

ページ上部へ戻る