はじめに
本書は、Webページの主要なデザインのパターンを、デザインのバランスを取りながら作れるようになることを目的としています。
Webページにはさまざまなデザインがあります。HTML/XHTMLやスタイルシート（CSS）の基本的な使い方を覚えても、デザインしたページを作り上げるにはさまざまなテクニックが必要になります。
そこで、主要なデザインのパターンごとに実例サンプルを用意して、ページの基本構造やレイアウトのバランスの取り方についてまとめました。
実例サンプルは、XHTMLとスタイルシートを利用して標準規格に従って作成してあります。また、デザインの実現にはさまざまな方法がありますが、最も一般的なテクニックを利用して、主要なブラウザに対応できるようにしています。
なお、サンプルの作成手順はステップ・バイ・ステップで細かく解説しています。また、サンプルの完成ソースは付属CD-ROMに収録してありますので、本書と一緒に活用してください。
もくじ
Chapter 1 １段組み
PATTERN 1-1 ヘッダーの横幅を固定したパターン
PATTERN 1-2 ヘッダーを画面の横幅いっぱいに表示するパターン
PATTERN 1-3 ヘッダーにメニューを表示したパターン
Chapter 2 ２段組み
PATTERN 2-1 横幅を固定した２段組のパターン
PATTERN 2-2 横幅が変わる２段組のパターン
PATTERN 2-3 サイドバーをコンテンツと同じ高さで表示するパターン
PATTERN 2-4 ２段組みを罫線で区切ってデザインするパターン
Chapter 3 ３段組み
PATTERN 3-1 横幅を固定した３段組みのパターン
PATTERN 3-2 横幅が変わる３段組みのパターン
PATTERN 3-3 サイドバーとコンテンツを同じ高さで表示する３段組みのパターン
PATTERN 3-4 ３段組みを罫線で区切ってデザインするパターン
Chapter 4 ボックス
PATTERN 4-1 ボックスの形でコンパクトにデザインするパターン
PATTERN 4-2 ボックスを２段組みでデザインするパターン
PATTERN 4-3 ボックスを画面の横幅いっぱいに表示するパターン
Chapter 5 パワーアップアレンジ
PATTERN 5-1 指定した大きさの別ウィンドウを開くパターン
PATTERN 5-2 画像を使ったロールオーバーボタンを作成する
APPENDIX
Internet Explorer 5および5.5への対応
