HTML/XHTML&スタイルシートデザインブック

Webページの主要なデザインのパターンを、デザインのバランスを取りながら作れるようになることを目的とした一冊。実例サンプルでページの基本構造やレイアウトのバランスの取り方についてまとめ、ステップ・バイ・ステップで作成手順を解説します。

出版日 2008年06月
ISBN 4883376095
ISBN-13 978-4883376094
出版社 ソシム株式会社
ページ数 320ページ
判型 B5変型

はじめに

本書は、Webページの主要なデザインのパターンを、デザインのバランスを取りながら作れるようになることを目的としています。

Webページにはさまざまなデザインがあります。HTML/XHTMLやスタイルシート(CSS)の基本的な使い方を覚えても、デザインしたページを作り上げるにはさまざまなテクニックが必要になります。

そこで、主要なデザインのパターンごとに実例サンプルを用意して、ページの基本構造やレイアウトのバランスの取り方についてまとめました。

実例サンプルは、XHTMLとスタイルシートを利用して標準規格に従って作成してあります。また、デザインの実現にはさまざまな方法がありますが、最も一般的なテクニックを利用して、主要なブラウザに対応できるようにしています。

なお、サンプルの作成手順はステップ・バイ・ステップで細かく解説しています。また、サンプルの完成ソースは付属CD-ROMに収録してありますので、本書と一緒に活用してください。

もくじ

Chapter 1 1段組み

 PATTERN 1-1 ヘッダーの横幅を固定したパターン
 PATTERN 1-2 ヘッダーを画面の横幅いっぱいに表示するパターン
 PATTERN 1-3 ヘッダーにメニューを表示したパターン

Chapter 2 2段組み

 PATTERN 2-1 横幅を固定した2段組のパターン
 PATTERN 2-2 横幅が変わる2段組のパターン
 PATTERN 2-3 サイドバーをコンテンツと同じ高さで表示するパターン
 PATTERN 2-4 2段組みを罫線で区切ってデザインするパターン

Chapter 3 3段組み

 PATTERN 3-1 横幅を固定した3段組みのパターン
 PATTERN 3-2 横幅が変わる3段組みのパターン
 PATTERN 3-3 サイドバーとコンテンツを同じ高さで表示する3段組みのパターン
 PATTERN 3-4 3段組みを罫線で区切ってデザインするパターン

Chapter 4 ボックス

 PATTERN 4-1 ボックスの形でコンパクトにデザインするパターン
 PATTERN 4-2 ボックスを2段組みでデザインするパターン
 PATTERN 4-3 ボックスを画面の横幅いっぱいに表示するパターン

Chapter 5 パワーアップアレンジ

 PATTERN 5-1 指定した大きさの別ウィンドウを開くパターン
 PATTERN 5-2 画像を使ったロールオーバーボタンを作成する

APPENDIX

 Internet Explorer 5および5.5への対応