Dreamweaver レッスンブック
Dreamweaver CS5/CS4/CS3対応

■DVD-ROM添付
■本書の２大特典！！ 本当に覚えたい方の最初の１冊に最適
●Dreamweaver 30日間無料体験版収録 Win＆Mac対応 機能制限なし
●ステップ・バイ・ステップ形式でマスターできるレッスンデータ付属

Chapter 1　ホームページ作成の基礎知識

Lesson 1 ホームページ公開に必要なもの
ハードウェア
ソフトウェア

Lesson 2 インターネットとホームページ、アドレスの仕組み
インターネットとホームページの仕組み
ホームページのアドレスの仕組み

Lesson 3 HTMLタグの基礎知識
ソースコードを確認してみましょう
HTMLタグを書いてみましょう

Chapter 2　Dreamweaverの画面構成

Lesson 1 Dreamweaverの起動と環境設定
Dreamweaverの起動
レッスン用に表示画面を変更する
レッスン用に環境設定を変更する

Lesson 2 Dreamweaverの基本画面

Chapter 3　作業用フォルダの準備

Lesson 1 サイトの定義とサイトの管理
サイトの定義で設定する項目
サイトの管理を開く

Lesson 2 CS5でのサイト定義

Lesson 3 CS4、CS3でのサイト定義
ローカル情報を設定する
リモート情報を設定する

Chapter 4　ファイルの作成と保存

Lesson 1 ファイルとフォルダの操作
新規ファイルの作成
フォルダの作成
ファイルの保存
ファイルやフォルダの消去

Lesson 2 フォルダを使ってファイルを整理整頓するコツ
サイト内を階層構造にする

Chapter 5　文字

Lesson 1 文字の入力と改行・改段
文字の入力
改行と段落の違い

Lesson 2 文字の大きさの表示変更
文字を見出しにする
文字の大きさを変更する（プロパティインスペクタ）
文字の大きさを変更する（クイックタグ編集）

Lesson 3 ブラウザでの確認
使用するブラウザを登録する
ブラウザで確認する
ブラウザ側で書体や文字の大きさを変更する

Lesson 4 文字の色や太さの変更
文字の色を変更する（プロパティインスペクタ）
文字の色を変更する（クイックタグ編集とコードヒント）
Webにおける色の基礎知識
文字を強調する（太文字・斜体など）

Chapter 6　CSSによる文字のデザイン

Lesson 1 CSSとは
CSSの概要
CSSの基本概念

Lesson 2 CSSを使った文字のデザイン
Dreamweaverで指定できるセレクタタイプ
クラスを使用して文字の大きさ・色・太さを指定する
タグを使用して文字のサイズと行間を指定する
複合（詳細設定）を使用して文字リンクの色を指定する

Chapter 7　イメージの挿入

Lesson 1 ホームページで扱える画像形式

Lesson 2 イメージの挿入とHTMLと画像の関係
イメージの挿入
ホームページの中の画像の扱い
イメージのいろいろな挿入方法

Lesson 3 イメージのさまざまなパラメータ

Chapter 8　ページのリンク

Lesson 1 データの準備

Lesson 2 文字へのリンク
自分が作成しているサイト内にリンクを設定する
外部のサイトへリンクを設定する

Lesson 3 イメージへのリンク
イメージにリンクを設定する
１つのイメージに複数のリンクを張ってマップにする

Lesson 4 同じページの中を移動するリンク

Lesson 5 電子メールアドレスへのリンク
「電子メールリンク」ボタンを使用する
既存の文字やイメージに電子メールリンクを張る

Chapter 9　動くボタンの作成

Lesson 1 ロールオーバーイメージ

Lesson 2 ナビゲーションバー（メニュー）の作成

Chapter 10　ページプロパティ

Lesson 1 ページの背景の設定
ページの背景に色を設定する
ページの背景にイメージを設定する

Lesson 2 ページの文字色の自動設定

Lesson 3 ページの余白の調整

Chapter 11　表の作成

Lesson 1 表の挿入

Lesson 2 テーブルの選択
テーブル全体を選択する
セルを選択する
タグセレクタを使って選択する

Lesson 3 行と列の操作
行を増やす
特定の部分に行を挿入する・削除する

Lesson 4 列の横幅の設定
列の横幅をピクセルで指定する
列の横幅の設定をクリアする

Lesson 5 セル内への文字・イメージ・テーブルの挿入
セルの中に文字を挿入する
セルの中の位置を設定する
セルの中にイメージを挿入する
セルの中にテーブルを挿入する

Lesson 6 テーブルやセルの背景の設定
テーブル全体を削除し、新しいテーブルを挿入する
テーブル全体の背景に色を設定する
セルの背景に色を設定する
テーブル全体の背景にイメージを設定する
テーブル全体の背景とセルの背景を組み合わせてみる
CSSでテーブルの背景色やイメージを設定する

Lesson 7 セルの余白・セルの間隔の設定
セルの余白を設定する
セルの間隔を設定する

Lesson 8 テーブルやセルのボーダー（罫線）の設定
テーブルのボーダー（罫線）の設定
セルのボーダー（罫線）の設定
「セル余白」「セル間隔」「ボーダー」をすべて「0」にすると？
「セル間隔」を「0」、「ボーダー」を「1」にすると？
1ピクセルの罫線で表を作成するテクニック

Chapter 12　レイアウト

Lesson 1 ホームページのレイアウトとは

Lesson 2 テクニック1　スタイルシートによるレイアウト
作業するファイルを開く
ページ全体に関わるデザインを指定する
挿入されているテキストやイメージ全体に関わるデザインを指定する
タイトルバナーとページ上部の隙間を削除する
トピックパス部分をデザインする
メインのコンテンツ部分を右のブロックにして文字をデザインする
ナビゲーションバーをデザインする
フッター部分をデザインする

Lesson 3 テクニック2　CSSとテーブルによるハイブリッドレイアウト
タイトルバナーとトピックパスを作成する
ナビゲーションバーとメインコンテンツを作成する

Chapter 13　テンプレート

Lesson 1 テンプレートとは
テンプレートの利用
Dreamweaverのテンプレート機能

Lesson 2 テンプレートの作成
新規でテンプレートを作成する
レイアウト済みのHTMLをテンプレート化する

Lesson 3 テンプレートからの新規HTMLファイルの作成

Lesson 4 特定された部分を編集可能領域にする場合の注意点

Lesson 5 テンプレートの修正

Lesson 6 テンプレートの適用・切り離し
テンプレートを適用する
テンプレートを切り離す

Chapter 14　サイトの管理

Lesson 1 ファイルのアップロードとダウンロード
現在開いているHTMLを今すぐアップロードする
「ファイル」パネルからアップロードする
「ファイル」パネルを展開してリモート側も見ながらアップロードする
サーバからファイルをダウンロードする

Lesson 2 テストサーバへのアップロード
テストサーバの設置と定義
テストサーバにアップロードする

Lesson 3 複数のサイトの管理と複数のスタッフ・パソコンでの作業
複数のホームページを管理する
複数のスタッフ・パソコンでの作業時のトラブルシューティング

Lesson 4 ローカルとリモートの同期
ローカルとリモートの同期を取る

Chapter 15　Let’s Try! ブログ風ホームページの作成

Lesson 1 作成するホームページの確認

Lesson 2 文字とイメージの配置
文字を入力してタイトルを修正する
文字に仮リンクを設定する
文字をフォーマットする
イメージを挿入する

Lesson 3 レイアウトの調整
テキストやイメージ全体に関わるデザインを設定する
ヘッダーをデザインする
カレンダー部分をデザインする
メインコンテンツをデザインする
サイドバーをデザインする
リンクテキストをデザインする
フッターを作る

Appendix

Appendix 1 Dreamweaverのパネル
Appendix 2 Dreamweaverのメニューコマンドリファレンス