『ユニバーサルHTML/XHTML』詳細目次

目次

• イントロダクション：本書を読むために
  • 本書の構成と記述
  • HTML作成の準備

Part 1. 情報のかたちを示すHTML

• 第1章 ユニバーサルな情報共有
  • 1.1 ハイパーテキストとWWW
    • 1.1.1 私たちが考えるように：連想としてのハイパーテキスト
    • 1.1.2 ネットワークで結ばれたハイパーテキスト：WWWの誕生
    • 1.1.3 ユニバーサリティ：WWWの標準とW3C
  • 1.2 HTMLと情報の共有
    • 1.2.1 データ、情報、知識
    • 1.2.2 情報のかたちとHTMLの役割
    • 1.2.3 コンピュータの力を使ったより効率的な情報共有
• 第2章 情報のかたちと文書の要素
  • 2.1 情報共有の準備
    • 2.1.1 環境に依存しない情報の表現
    • 2.1.2 文書型定義：文書の構成要素についての共通認識
    • 2.1.3 文書型宣言：文書構築に使う枠組みの明示
    • 2.1.4 要素とマークアップ：構成要素を記号で印付けする
    • 2.1.5 要素の属性：構成要素の性質を示す
  • 2.2 HTMLと情報のかたち
    • 2.2.1 HTMLの骨組み
    • 2.2.2 文書の表紙を用意する
    • 2.2.3 文書のアウトラインを示す見出し要素タイプ
    • 2.2.4 パラグラフ要素でトピックを明確に示す
    • 2.2.5 オンライン文書の作者と更新日情報
  • 2.3 HTML文書の姿
    • 2.3.1 HTMLのツリー構造
    • 2.3.2 内容モデルとブロックレベル要素/インライン要素
    • 2.3.3 特別な文字を表す（文字実体参照）
    • 2.3.4 HTMLにおける空白文字の扱い
    • 2.3.5 コメントを書く
• 第3章 情報ブロックの表現
  • 3.1 リスト：箇条書きによる情報のわかりやすい表現
    • 3.1.1 リストの役割
    • 3.1.2 番号付きリストと番号無しリスト（ol, ul, li）
    • 3.1.3 定義型リスト（dl, dt, dd）
    • 3.1.4 多階層にわたる列挙：リストの入れ子
  • 3.2 引用の方法
    • 3.2.1 まとまったブロックの引用（blockquote）
    • 3.2.2 部分的なフレーズの引用（q）
    • 3.2.3 出典、参考文献の表記
  • 3.3 HTMLの定義を越えた文書構造を扱う
    • 3.3.1 class属性による細分化
    • 3.3.2 id属性による特定
    • 3.3.3 div要素タイプによるグループ化
• 第4章 情報の細部を示すインライン要素
  • 4.1 役割を持ったフレーズ
    • 4.1.1 重要部分を強調する（em, strong）
    • 4.1.2 用語の定義箇所を示す（dfn）
    • 4.1.3 省略語を説明する（abbr）
    • 4.1.4 コンピュータの用例を示す（code,var,samp,kbd）
    • 4.1.5 span要素タイプによる独自の意味づけ
  • 4.2 追加と訂正
    • 4.2.1 変化するオンラインドキュメント
    • 4.2.2 修正履歴を残す（ins, del）
  • 4.3 テキストの整形
    • 4.3.1 上付、下付文字（sup, sub）
    • 4.3.2 横罫線（hr）
    • 4.3.3 改行について（br）
    • 4.3.4 整形済みテキスト（pre）
    • 4.3.5 ルビと縦書き
• 第5章 図表による分かりやすいデータの表現
  • 5.1 インライン画像
    • 5.1.1 画像とブラウザ
    • 5.1.2 代替テキストの役割
    • 5.1.3 画像フォーマット
    • 5.1.4 画像の上手な使い方
  • 5.2 テーブル：2次元の情報表現
    • 5.2.1 テーブルの役割
    • 5.2.2 基本的なテーブル
    • 5.2.3 テーブルの内容を説明する
    • 5.2.4 HTMLテーブルの罫線とセルの境界
    • 5.2.5 表データの構造と行のグループ化
    • 5.2.6 列のグループ化
    • 5.2.7 項目名とデータセルの関係
    • 5.2.8 セルの伸張
    • 5.2.9 テーブルと画面レイアウト
• 第6章 情報のかたちを視覚化するスタイルシート
  • 6.1 文書構造とスタイル
    • 6.1.1 意味と構造に表現を与える
    • 6.1.2 カスケーディングスタイルシート
  • 6.2 スタイルシートの設定
    • 6.2.1 スタイルの基本設定
    • 6.2.2 スタイルを定義する場所
    • 6.2.3 よりきめ細かなセレクタ
    • 6.2.4 カスケーディングと継承
  • 6.3 スタイルの設計と適用
    • 6.3.1 効果的なスタイルの設計
    • 6.3.2 メディアに応じたスタイルの使い分け
    • 6.3.3 メンテナンスしやすいスタイルシート
    • 6.3.4 スタイルシートなしでも情報の伝わるデザイン
  • 6.4 情報デザインのためのスタイルプロパティ
    • 6.4.1 基本的な単位について
    • 6.4.2 情報ブロックを表現するボックスモデル
    • 6.4.3 テキストに関するスタイル
    • 6.4.4 色と背景効果
    • 6.4.5 簡単なサンプル

Part 2. ハイパーメディアとしてのHTML

• 第7章 ハイパーリンクで広がる世界
  • 7.1 HTMLとハイパーリンク
    • 7.1.1 ユニバーサルにつながる世界
    • 7.1.2 ハイパーテキストと情報のかたち
  • 7.2 リンクの機能とHTMLでの設定
    • 7.2.1 さまざまなリンク
    • 7.2.2 HTMLのアンカー要素
  • 7.3 アドレッシング：リンクの対象を識別する方法
    • 7.3.1 世界のリソースを指定する
    • 7.3.2 3つの部分を組み合わせてあらゆるリソースを識別するURI
    • 7.3.3 URI, URL, Uniform, Universal...
    • 7.3.4 絶対URIと相対URI
    • 7.3.5 相対URIの補完
    • 7.3.6 デフォルトファイル
    • 7.3.7 URIで使う文字
  • 7.4 文書の内部へのリンク
    • 7.4.1 フラグメント識別子
    • 7.4.2 id属性による要素の名前付け
    • 7.4.3 a要素によるアンカーの名前付け
    • 7.4.4 名前付けの注意点
  • 7.5 より使いやすいリンク
    • 7.5.1 リンクのアンカー文を具体的に書く
    • 7.5.2 title属性で情報を補う
    • 7.5.3 わかりやすいURIと変更不要のURI
    • 7.5.4 キーボードによる選択
  • 7.6 引用とリンク
    • 7.6.1 リンクと引用と著作権
    • 7.6.2 リンクと引用のマナー
    • 7.6.3 リンク集を作ろう
• 第8章 ユーザエージェントのための情報
  • 8.1 WWWの仕組みとユーザエージェント
    • 8.1.1 人間に代わってHTMLを処理するユーザエージェント
    • 8.1.2 URIとHTTPによる情報の受け渡しの仕組み
    • 8.1.3 リソースの種類を示すMIMEタイプ
  • 8.2 メタ情報：文書をスムーズに処理するために
    • 8.2.1 http-equiv属性による応答ヘッダ関連情報の設定
    • 8.2.2 name属性によるさまざまなメタ情報の設定
  • 8.3 リンク情報：関連文書を知らせるために
    • 8.3.1 文書と文書の関係を示す
    • 8.3.2 リンクタイプ
    • 8.3.3 リンク要素によるナビゲーション
    • 8.3.4 異なるバージョンへのリンク
  • 8.4 言語に関する情報：世界中の文書を扱うために
    • 8.4.1 lang属性
    • 8.4.2 hreflang属性
    • 8.4.3 国コード、言語コード、文字コード
    • 8.4.4 テキストの方向性
  • 8.5 プロフィール情報：文書の性質を示す統一方法
    • 8.5.1 統一的な書誌プロフィール：Dublin Core
    • 8.5.2 HTMLでDublin Coreを使う
    • 8.5.3 メタ情報のための次世代の標準文法：RDF
    • 8.5.4 適切なコンテンツ選択のためのプロフィール
• 第9章 インタラクティブなメディア
  • 9.1 フォーム：データの入力手段を提供する
    • 9.1.1 フォームの基本枠組み
    • 9.1.2 さまざまな入力コントロール
  • 9.2 フォームとアクセシビリティ
    • 9.2.1 コントロールにラベルを付ける
    • 9.2.2 コントロールをグループ化する
    • 9.2.3 メニュー項目のグループ化
    • 9.2.4 キーボードによる項目移動
  • 9.3 フォームデータの送信とCGI
    • 9.3.1 CGIの働き
    • 9.3.2 データ送信とURLエンコード
    • 9.3.3 getメソッドとpostメソッド
    • 9.3.4 getを使って直接データを送る
  • 9.4 スクリプトと文書オブジェクト
    • 9.4.1 ダイナミックな文書
    • 9.4.2 デフォルトスクリプト言語とスクリプトの記述
    • 9.4.3 読み込み時のダイナミックな文書生成
    • 9.4.4 イベントによるスクリプト実行と関数
    • 9.4.5 DOM：文書オブジェクトモデル
  • 9.5 サーバーによる文書の動的生成
    • 9.5.1 サーバーサイド・インクルード
    • 9.5.2 サーバーサイド・スクリプトとサーブレット
• 第10章 マルチメディアと複合テキスト
  • 10.1 埋め込みオブジェクトによるマルチメディア機能の実現
    • 10.1.1 マルチメディア・オブジェクトの扱い方
    • 10.1.2 アプレットとプラグイン
    • 10.1.3 クライアントサイド・イメージマップ
    • 10.1.4 SVG：ベクター方式の新しい画像フォーマット
    • 10.1.5 MathML：複雑な数式を埋め込む
    • 10.1.6 SMIL：複数のマルチメディアオブジェクトを同期
  • 10.2 複合テキスト：組み合わせによる新しい情報の創造
    • 10.2.1 複合テキストの可能性
    • 10.2.2 object要素による複合テキスト
    • 10.2.3 フレームによる複合テキスト
• 第11章 構造化文書とXHTML
  • 11.1 HTMLそしてXML
    • 11.1.1 HTMLの可能性と限界
    • 11.1.2 SGMLからXMLへ
  • 11.2 データ構造とXML
    • 11.2.1 データ構造の表現
    • 11.2.2 整形式と妥当形式
    • 11.2.3 構造と表現の完全分離
    • 11.2.4 文書としてのXML
  • 11.3 XHTML：HTMLをXMLとして鍛え直す
    • 11.3.1 コンテンツ文書に適したXHTML
    • 11.3.2 HTMLを整形式XMLとして記述する
    • 11.3.3 名前空間によりXHTMLのタグであることを示す
    • 11.3.4 XHTMLの仕様書に適合する文書の書き方
  • 11.4 XHTMLによるコンテンツ文書の活用
    • 11.4.1 簡単であるHTMLのメリットをXMLに生かす
    • 11.4.2 XHTMLでのデータ構造の表現
    • 11.4.3 XSLTによる多様な出力
  • 11.5 XHTMLのモジュール化
    • 11.5.1 モジュールによる文書定義
    • 11.5.2 XHTML Basic：携帯端末もカバーする新世代スタンダード

Part 3. ウェブプロジェクトの企画と設計

• 第12章 ウェブプロジェクトの企画立案
  • 12.1 ウェブプロジェクト
    • 12.1.1 ページからプロジェクトへ
    • 12.1.2 プロジェクトの準備と企画
  • 12.2 問題の定義：Why, Whom, What
    • 12.2.1 何のためのプロジェクトか：Why
    • 12.2.2 誰に向けたプロジェクトか：Whom
    • 12.2.3 具体的に目指す成果：What
  • 12.3 要求分析：Where
    • 12.3.1 ユーザーにとっての利益
    • 12.3.2 ユーザー環境
    • 12.3.3 社会的、企業的環境からの要求
    • 12.3.4 必要な機能
  • 12.4 コンテンツのアイデア：How
    • 12.4.1 まず基本は情報収集
    • 12.4.2 ブレインストーミングで知恵を絞り出す
    • 12.4.3 SCAMPERでアイデアを展開する
    • 12.4.4 カードとマッピングでアイデアを整理する
    • 12.4.5 アイデアを編集する
  • 12.5 リソースのリストアップとチェック：How, When
    • 12.5.1 必要なリソースのリストアップ
    • 12.5.2 リソースの入手方法の確認
    • 12.5.3 スケジュールと予算
• 第13章 サイトとプロジェクトの設計
  • 13.1 情報デザイン
    • 13.1.1 ウェブサイトの構造モデル
    • 13.1.2 ストラクチャの設計
    • 13.1.3 ページの基本構成とリソース
  • 13.2 わかりやすいナビゲーション
    • 13.2.1 ナビゲーション：ハイパーテキスト構造の可視化
    • 13.2.2 目次：全体はどうなっているのか
    • 13.2.3 現在位置：今どこにいるのか
    • 13.2.4 ラベル：次はどこへ行くのか
    • 13.2.5 ナビゲーションバー：移動のための一貫した手段
    • 13.2.6 ショートカットとガイドツアー：利用者のレベルに応じたナビゲーション
    • 13.2.7 検索：手っ取り早く目的にたどり着く
  • 13.3 視覚効果のデザイン
    • 13.3.1 情報要素をわかりやすくレイアウトする
    • 13.3.2 アイデンティティのデザイン
    • 13.3.3 情報のわかりやすさとグラフィック
    • 13.3.4 色彩について考えておくこと
  • 13.4 メンテナンスを考慮した設計
    • 13.4.1 メンテナンスしやすいファイル配置
    • 13.4.2 仕様書（ドキュメンテーション）とコメント
    • 13.4.3 ルールを定める
• 第14章 利用者の立場で考える
  • 14.1 ユーザビリティ：利用者にとっての使いやすさ
    • 14.1.1 理解しやすいオンライン文書とは
    • 14.1.2 飛ばし読みしても情報が得られる文書
    • 14.1.3 画像と情報の理解
    • 14.1.4 印刷しての利用も念頭に置く
  • 14.2 クレディビリティ：信頼されるコンテンツ
    • 14.2.1 発信者を明記する
    • 14.2.2 コンテンツの格付け
    • 14.2.3 プライバシーの保護
  • 14.3 ユーザーの尊重：主役は利用者なのだから
    • 14.3.1 移動する自由の尊重
    • 14.3.2 押しつけられない自由の尊重
    • 14.3.3 ブラウザのウィンドウを管理する自由の尊重
    • 14.3.4 ブラウザを選ぶ自由の尊重
    • 14.3.5 速やかに表示される文書
  • 14.4 アクセシビリティ：誰にとっても使いやすい設計
    • 14.4.1 さまざまな利用者がいることを知る
    • 14.4.2 アクセシビリティの指針
  • 14.5 サイトのテストと分析
    • 14.5.1 ユーザビリティテスト
    • 14.5.2 アクセス分析
    • 14.5.3 アンケート調査

付録

• Appendix A: 文書型定義、HTMLのバージョンと文書型宣言
• Appendix B: XHTML 1.0の要素タイプと属性
• Appendix C: CSS1のプロパティ一覧
• Appendix D: CSS2のプロパティ一覧
• Appendix E: 主な文字実体参照一覧
• Appendix F: しばしば尋ねられる質問
• Appendix G: 参考文献

『ユニバーサルHTML/XHTML』ホームページへ