Dreamweaver 8 デザインスクール for Win & Mac
本書について 007
付属CD-ROM について 008
［巻頭ビジュアル解説］Dreamweaver はじめの一歩
Dreamweaver でできること
Lesson1 Dreamweaver の基本
Step1 Dreamweaver の基本とテキスト表現
A Dreamweaver によるテキスト表現
B リストや引用などのテキスト表現
C 文字色やサイズの編集
D CSS スタイルの作成と管理
Step2 はじめてのWeb ページ制作
A 作業用フォルダの準備
B Web ページ作成の基本となるサイトの定義
C 新規HTML ファイルの作成
D 簡単なページのレイアウト
Lesson2 テーブルによるレイアウト
Step1 テーブルで段組みを表現する
A テーブル編集のトレーニング
B 作業用フォルダの準備とサイト定義
C HTML ファイルを作成し、保存する
D ページの構造を決めるテーブルを作成する
E 細かなパーツを配置するためのテーブルを作成
F 写真を配置する
G 本文を配置する
Step2 テーブルでページ構造を定義したレイアウト
A テーブルでページの枠組みを定義する
B ヘッダのナビゲーションの作成
C 下半分の領域を定義する
D 左側ナビゲーションの作成
E ページの中心となる4 つのボタンの配置
F 「お知らせ」スペースの作成
G コピーライトの配置など
H 不具合部分の修正
Column テーブルレイアウトにおける「揃える」ということ
Step3 レイアウトテーブルによるレイアウト
A レイアウトテーブルでページを作成する準備
B レイアウトテーブルによるレイアウト
C レイアウトテーブルを入れ子にする
Lesson3 CSS によるレイアウト
Step1 CSS のfloat を使った2 段組みのレイアウト
A CSS によるレイアウトの基礎とトレーニング
B 制作の準備とdiv 要素の作成
C div 要素の配置
D 本文領域の作成
E ページタイトルの配置
F 写真の配置
G キャプションの配置
Step2 レイヤーを使ったレイアウト
A レイヤーの作成と編集
B レイヤー情報の編集
C レイヤーをグループ化する
Step3 フロートやマージンとレイヤーを組み合せる
A HTML のマークアップ
B 画像への置き換え
C 情報のグループ化
D CSS によるレイアウト
特別講座 Web 用画像の作成
基本1 Web で使用する画像の特徴
基本2 GIF とJPEG の特徴と使い分け
実践1 Fireworks による画像の書き出し
実践2 Photoshop によるWeb 用画像の作成
実践3 Illustrator によるWeb 用画像の作成
Web 用素材のQ&A
Lesson4 サイト管理とサイト制作の効率化
Step1 サイトの管理とFTP
A サイトの定義
B ファイルパネルの操作とサイトマップ
C FTP によるファイルのアップロード
D チェックイン／チェックアウトを使ってグループで制作作業
Step2 テンプレートの作成と利用
A テンプレートの作成
Step3 ライブラリ・スニペットの利用
A アセットの管理
B ライブラリの作成と利用
C スニペットの利用
Lesson5 Dreamweaver によるコード編集
Step1 コード入力アシスト機能
A コードヒントを使ったコード入力
B コード編集を便利にする機能
C HTML（XHTML）のクリーンアップ
D バリデートとブラウザの対応チェック
E アクセシビリティのチェックとサイトレポート
Step2 ソースの変換機能
A テーブルとレイヤーの変換
B HTML、XHTML の変換
Step3 検索・置き換え
A サイト内の用語の表記を変更する
B ソースコードを置き換える
Lesson6 インタラクティブ＆アニメーション
Step1 ビヘイビアによるスワップイメージ
A ロールオーバー効果の作成
B スワップイメージ効果の作成
C その他のビヘイビア
Step2 入力フォームの作成
A フォームオブジェクトを配置する準備
B テキストフィールドとテキストエリア
C 選択肢を提示するラジオボタンの作成
D 複数選択可能な選択肢を提示するチェックボックスの作成
E 選択肢をコンパクトに表示するリスト／メニューの作成
F 処理を実行するボタン
Step3 フレームを使ったサイトの制作
A フレームとフレームセットの編集の基本
B フレームを定義するファイルを分ける
C インラインフレーム
Step4 タイムラインを使ったインターフェース
A タイムラインを使ったインターフェース
