『Web標準の教科書』
読者サポートページ
本文中のすべてのソースを公開しますので、コピー&ペーストでご利用ください(ソースがない節[section]もあります)。
なお、本書の全般的な内容については、書籍紹介ページをご参照ください。
著者のブログで Web標準に関するコラム を随時追加しています。
第1章
イントロダクション—Web標準とは何か?
Introduction—What are Web Standards?
- 誰がWeb標準を決めるのか
- インフラとトレンドから考えるWeb標準
- Web標準のメリット
- 構造言語と表現言語
- その他の言語やガイドライン
第2章
文書構造—これからはXHTMLでWebページを構築
Structure—Building with XHTML
- Webの仕組みを理解する
- XHTMLの全体像と書式
- XML宣言、文書型宣言、名前空間と言語コード
- タイトル、文字コードセット、説明文とキーワード
- 検索ロボットの制御、その他のメタデータ、ナビゲーションリンク
- 見出し、パラグラフ、作成者情報、区切り線
- 引用文、整形済みテキスト
- 箇条書きリストと番号リスト、定義型リスト、表
- リンク、画像
- テキストを定義するためのインライン要素
- グループ化要素、コメントの挿入、文字参照
第3章
視覚表現—CSSでWebページを自由にデザイン
Presentation—Decorating with CSS
- CSSの役割
- CSSの書式
- CSSの適用方法と優先順位
- セレクタと擬似クラス・擬似要素
- ボックスモデル
- 視覚整形モデル
- 視覚効果
- 文字色と背景
- フォント
- テキスト
- 表
- 生成内容
- リスト
- ユーザーインターフェース
- @ルールとメディアコントロール
第4章
インタラクティブ—Webサイトを彩る多様なコンテンツ
Interactive—Functional and Attractive Contents
第5章
リデザイン—Web標準へのスムーズなスイッチ
Redesign—Switching to Web Standards without a Hitch
- HTMLとXHTMLの違い
- HTMLからXHTMLへの移行ポイント
- XHTML 1.1廃止要素の代替
- XHTML 1.1廃止属性の代替
- XHTML 1.1追加要素の解説
第6章
クロスブラウザレイアウト—ブラウザを選ばないレイアウトテクニック
Cross-browser Layout—Fitting for Every Browser
- ブラウザの実装と互換性
- DOCTYPEスイッチと表示モード
- CSSハック
- 外部スタイルシートのつくり込み
- レイアウトテクニック(1)—文書本体
- レイアウトテクニック(2)—ナビゲーション
- レイアウトテクニック(3)—リンク
- レイアウトテクニック(4)—テキスト
- レイアウトテクニック(5)—見出し
- レイアウトテクニック(6)—引用文
- レイアウトテクニック(7)—リスト
- レイアウトテクニック(8)—表
- レイアウトテクニック(9)—フォーム
- レイアウトテクニック(10)—画像の代替表現
- レイアウトテクニック(11)—マルチカラムレイアウト
- レイアウトテクニック(12)—印刷用スタイル
第7章
アクセシビリティ—多様なユーザーに配慮したWebの設計
Accessibility—Designing for Various Users
- アクセシビリティという考え方
- W3Cの取り組み:WAI
- Webコンテンツ・アクセシビリティ・ガイドライン1.0(WCAG 1.0)
- 米国リハビリテーション法508条(Section 508)
- WebコンテンツJIS(JIS X 8341-3)
第8章
メタデータ—効率的な情報収集を支えるWebテクノロジー
Metadata—Web Technologies for Efficient Information Gathering
本書および本ページに関するお問い合わせは、webstandards[at]cybergarden.net までお願いします。