閉じる
閉じる
閉じる
  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. 瞬速デザイン素材集 Photoshop Design Tools ブラシ&パターン

    瞬速デザイン素材集 Photoshop Design Tools…

  2. 基本からしっかりわかるWordPress2.7カスタマイズブック

    基本からしっかりわかるWordPress 2.7 カスタマイズブ…

  3. 続・ハッキングの達人

    続・ハッキングの達人

  4. よくわかる Webクリエイター能力認定試験 HTML4.01対応 上級 公認テキスト&問題集 改訂2版

    よくわかる Webクリエイター能力認定試験 HTML4.01対応…

  5. 10日でおぼえる Androidアプリ開発入門教室

    10日でおぼえる Androidアプリ開発入門教室

  6. 1日1時間で1万円稼ぐFX投資入門

    1日1時間で1万円稼ぐFX投資入門

コメント

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

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

ページ上部へ戻る