目次

Chapter1　Webデザインの基礎知識

• 1.1　インターネットとWeb
• 1.2　個人サイトと商用サイト
• 1.3　Webの種類「読む」「見る」「使う」
• 1.4　Webデザイナーに必要な技術スキル
• 1.5　Webの仕事に携わる人たち
• 1.6　Webサイトを閲覧する環境
• 1.7　アクセシビリティとWeb
• 1.8　これからのWeb

Chapter2　プロジェクトの計画を立てる

• 2.1　Webデザインの仕事を理解する
• 2.2　チームで取り組むプロジェクト
• 2.3　フリーランスのWebデザイナー
• 2.4　積極的にコミュニケーション
• 2.5　Webデザインのワークフロー
• 2.6　プロジェクトマネジメントとは？
• 2.7　サイトの狙いと目的を明確にする
• 2.8　利用者のためのWebサイトづくり
• 2.9　プロジェクトを計画する
• 2.10　プロジェクトを発表する

Chapter3　仕様書を作成する

• 3.1　なぜ仕様書が必要なのか？
• 3.2　デザインのガイドラインも必要
• 3.3　ユーザビリティについて理解する
• 3.4　アクセシビリティの定義について
• 3.5　ユニバーサルデザインとは？
• 3.6　仕様書のフォーマットを決める
• 3.7　コーディングのガイドライン（1）
• 3.8　コーディングのガイドライン（2）
• 3.9　デザインのガイドライン（1）
• 3.10　デザインのガイドライン（2）
• 3.11　作成した仕様書を発行する

Chapter4　Webサイトのプロトタイプを作成する

• 4.1　情報アーキテクチャとは？
• 4.2　編集エンジニアリングを意識する
• 4.3　Webサイトの構造について考える
• 4.4　ユーザーインターフェイス（UI）
• 4.5　ラフスケッチを描く（1）
• 4.6　ラフスケッチを描く（2）
• 4.7　ワイヤーフレームとは何か？
• 4.8　ワイヤーフレームを描く
• 4.9　モックアップを作成する
• 4.10　プロトタイプを作成する（1）
• 4.11　プロトタイプを作成する（2）
• 4.12　ユーザーテストについて理解する

Chapter5　素材を準備する

• 5.1　Webサイトの構成要素を理解する
• 5.2　テキストについての基礎知識
• 5.3　画像についての基礎知識
• 5.4　音声と動画についての基礎知識
• 5.5　Flashについての基礎知識
• 5.6　画像（写真）素材を準備する
• 5.7　写真を補正処理する
• 5.8　動画（ビデオ）を準備する
• 5.9　素材リストを作成する

Chapter6　HTMLとCSSでコーディングする

• 6.1　Web技術標準を理解する
• 6.2　HTMLについての基礎知識
• 6.3　HTMLの書式について理解する
• 6.4　ブロックレベルとインライン要素
• 6.5　CSSについての基礎知識
• 6.6　CSSの書式について理解する
• 6.7　セレクタについて理解する
• 6.8　プロパティについて理解する
• 6.9　ボックスモデルについて理解する
• 6.10　コーディングに必要なツール
• 6.11　Webページを基本設計する
• 6.12　HTMLコーディング作業を進める（1）
• 6.13　HTMLコーディング作業を進める（2）
• 6.14　CSSコーディング作業を進める（1）
• 6.15　CSSコーディング作業を進める（2）
• 6.16　対象とするWebブラウザで確認する
• 6.17　アクセシビリティのチェック

Chapter7　インタラクティブなしくみを実装する

• 7.1　インタラクティブなしくみ
• 7.2　Webデザインとユーザビリティ
• 7.3　JavaScriptについての基礎知識
• 7.4　JavaScriptの使い方
• 7.5　JavaScriptライブラリとAPI
• 7.6　Flashによるインタラクティブコンテンツ
• 7.7　Flashアニメーションを作成する
• 7.8　Webページにビデオを配置する
• 7.9　インターフェイスのデザイン

Chapter8　Webサイトの効果測定を実行する

• 8.1　Webサイトの評価とは？
• 8.2　効果測定について理解する
• 8.3　アクセス解析についての基礎知識
• 8.4　検索エンジン対策について考える
• 8.5　評価ポイント（コンテンツ）
• 8.6　評価ポイント（ナビゲーション）
• 8.7　評価ポイント（ユーザビリティ）
• 8.8　評価ポイント（アクセシビリティ）
• 8.9　評価ポイント（デザイン）