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

XHTML、CSS使ったWeb制作のテクニックに役立つ一冊です。

第0章：XHTML+CSSのつくり方

• XHTML+CSSのメリット
• XHTML+CSSのコツ
• XHTML+CSS制作ワークフロー
• XHTML+CSS制作ｒツール
• CSSをセロから学びたい人へ

第1章：XHTMLのキホン

• XHTMLとは
• XHTMLの書き方
• XHTMLの文章型選び
• XHTMLの構造
• 基本情報を設定する要素
• 本文を構成する要素
• ブロックレベル要素
• インライン要素
• コメントと文字参照

第2章：CSSのキホン

• CSSとは
• CSSの書き方
• CSSの適用方法
• セレクタ
• プロパティ
• スタイルの優先順位
• ユーザースタイルシート

第3章：CSSセッティング

• CSSファイルの分割とファイル設計
• リセットスタイル
• タイポグラフィスタイル
• カテゴリーやページごとに異なるスタイル

第4章：CSSデザインのための実用テクニック

• デザインカンプからの画像書き出し
• div要素によるコンテンツのブロック化
• IDとクラスの使い方・使い分け
• マークアップ選びの工夫
• フォントとテキストのスタイリング
• リストとリンクのスタイリング
• テーブルのスタイリング
• フォームのスタイリング

第5章：CSSレイアウト

• さまざまなレイアウトパターン
• 1カラムレイアウト
• 2カラムレイアウト
• 3カラムレイアウト
• エラスティックレイアウト
• フリーレイアウト
• CSSレイアウトのポイント

第6章：CSSデザインのブラウザ調整

• CSSハック／条件コメント／パスフィルター
• Firefox／Safari／Opera／Google Chrome対策
• Internet Explorer 8・9.6対策
• Internet Explorer 5対策
• ブラウザ調整のケーススタディ
• ブラウザ調整のために知っておくと便利なこと

第7章：多様なデバイスでのCSSデザイン

• さまざまなメディアタイプ
• 印刷用CSS
• 携帯電話用CSS
• 携帯ゲーム機用CSS
• テレビ画面用CSS
• iPhone／iPod touch用CSS
• JavaScriptによるデバイス別ページ振り分け

第8章：JavaScriptライブラリとCSS

• JavaScriptとXHTML+CSS
• 代表的なJavaScriptライブラリ
• JavaScriptライブラリを使ってみよう
• jQueryを使ってみよう

第9章：CSSトラブルシューティング

• セレクタのトラブル
• ボックスとレイアウトのトラブル
• 文字色と背景のトラブル
• フォントとテキストのトラブル
• リストのトラブル
• テーブルのトラブル
• フォームのトラブル

Column

• テーブルレイアウトから抜け出したい人へ……千貫りこ
• ブラウザシェアの現状と今後……益子貴寛
• XHTMLにJavaScriptを記述するための「CDATAセクション」……西畑一馬
• XHTML+CSSの標準仕様……益子貴寛
• XHTML+CSSのチェックに便利なツール……西畑一馬
• ファビコン（favicon）を用意する……山田あかね
• list-style-image／list-style-positionの注意点……山田あかね
• マークアップ言語の将来：HTML5……益子貴寛
• Internet ExplorerのCSSサポートを強力にする「IE7.js」「IE8.js」……西畑一馬
• CSSの将来：CSS3……益子貴寛
• ブラウザのCSS3先行実装状況……益子貴寛
• 複数のJavaScriptライブラリを同時に利用する際の注意点……西畑一馬
• firefoxアドオン「Firebug」を利用したJavaScriptのデバック……西畑一馬
• 複数のInternet Explorerを共存させる方法……益子貴寛
• Webサイト制作に役立つブラウザ拡張やデバックツール……伊藤学
• アクセシビリティのチェックに便利なツール……益子貴寛

Appendix

• XHTML要素・属性一覧
• CSS@ルール一覧
• CSSセレクタ一覧
• CSSプロパティ一覧
• ブラウザのDOCTYPEスイッチ