入門編
WebページとDreamweaverの基礎知識
Webページの基本
Dreamweaverの概要
画面表示の基本をおさえる（Windows Vista）
画面表示の基本をおさえる（Mac OS X）
画面表示の基本をおさえる（Dreamweaver）
ひと目でわかるDreamweaver CS3の新機能
基本操作を確認する
操作に困ったときには
CHAPTER 1 作成前の必要な準備
CHAPTER 1でやること
作成する サイトの構成とデザインを決める
操作手順1 Webページの作成から公開までの手順を把握する
操作手順2 サイトの構成を決める
操作手順3 Webページのデザインを決める
編集する パソコンのハードディスクに作業フォルダを確保する
操作手順1 作業フォルダを作成する
操作手順2 文章を準備する
操作手順3 イメージをコピーする
応用する 作業フォルダをローカルフォルダに登録する
操作手順1 ローカルフォルダに登録する
操作手順2 ローカルフォルダの中身を並べ替える
CHAPTER 2 テキストを操作する
CHAPTER 2でやること
作成する HTMLドキュメントを作成してテキストを入力する
操作手順1 新規HTMLドキュメントを作成する
操作手順2 段落を入れながらテキストを入力する
操作手順3 改行を入れながらテキストを入力する
操作手順4 区切り線を挿入する
編集する テキストの一部を別のHTMLドキュメントへ移動する
操作手順1 メニューを使って文章全体をコピーする
操作手順2 ツールバーを利用して文章の一部を移動する
応用する テキストに書式を設定する
操作手順1 見出しに書式を設定する
操作手順2 段落の位置揃えを設定する
操作手順3 段落にインデントを設定する
操作手順4 段落にリストマークを設定する
CHAPTER 3 テーブルを作成する
CHAPTER 3でやること
作成する テーブルを作成する
操作手順1 新規HTMLドキュメントを作成する
操作手順2 テーブルを挿入する
操作手順3 テーブルを編集しやすくする
編集する テーブルを編集する
操作手順1 テーブルを選択する
操作手順2 行を追加する
操作手順3 セルを結合する
操作手順4 セルのサイズを変更する
操作手順5 テーブルの配置を設定する
操作手順6 テーブルとセルを塗りつぶす
操作手順7 セルの文字配置を設定する
操作手順8 セルの余白を設定する
応用する レイアウトモードでテーブルを編集する
操作手順1 編集モードをレイアウトモードにする
操作手順2 ガイドを引く
操作手順3 レイアウトセルを作成する
操作手順4 テキストを入力して書式を設定する
操作手順5 スペーサーイメージでセルを固定する
操作手順6 編集モードを標準モードに戻す
CHAPTER 4 イメージを挿入する
CHAPTER 4でやること
作成する 準備したイメージを挿入する
操作手順1 アセットパネルからイメージを挿入する
操作手順2 ダイアログボックスからイメージを挿入する
編集する 仮のイメージを挿入する
操作手順1 イメージプレースホルダーを挿入する
操作手順2 イメージプレースホルダーをイメージに差し替える
応用する イメージに回り込みを設定する
操作手順1 イメージに回り込みを設定する
操作手順2 イメージからテキストまでの間隔を調整する
操作手順3 回り込みを解除する
CHAPTER 5 テンプレートを活用する
CHAPTER 5でやること
作成する HTMLドキュメントをテンプレートに登録する
操作手順1 編集可能領域を設定する
操作手順2 ドキュメントをテンプレートに登録する
編集する テンプレートをもとに複数のページを作成する
操作手順1 既存のドキュメントにテンプレートを適用する
操作手順2 ドキュメントにタイトルをつける
操作手順3 ドキュメントを上書き保存する
操作手順4 その他のドキュメントにもテンプレートを適用する
応用する テンプレートを更新する
操作手順1 テンプレートを更新する
CHAPTER 6 リンクを設定する
CHAPTER 6でやること
作成する さまざまなリンクを設定する
操作手順1 内部リンクを設定する
操作手順2 ダイアログボックスから内部リンクを設定する
操作手順3 パスを指定して内部リンクを設定する
操作手順4 外部リンクを設定する
操作手順5 電子メールのリンクを設定する
操作手順6 テンプレートを更新する
編集する リンクを編集する
操作手順1 リンク先を変更する
操作手順2 リンクの表示先を設定する
操作手順3 リンクにメッセージを設定する
応用する 高度なリンクを設定する
操作手順1 同じページの違う場所へリンクを設定する
操作手順2 イメージマップを作成する
CHAPTER 7 スタイルシートで書式を設定する
CHAPTER 7でやること
スタイルシートの基本
作成する スタイルシートの定義と適用
操作手順1 スタイルシートを定義するための準備を行う
操作手順2 ページのタグスタイルを定義する
操作手順3 スタイルシートを適用する
操作手順4 見出し1のタグスタイルを定義する
操作手順5 見出し2のタグスタイルを定義する
操作手順6 段落のクラススタイルを定義する（1）
操作手順7 クラススタイルを段落に適用する（1）
操作手順8 段落のクラススタイルを定義する（2）
操作手順9 クラススタイルを段落に適用する（2）
操作手順10 イメージのクラススタイルを定義する
操作手順11 クラススタイルをイメージに適用する
操作手順12 箇条書きのクラススタイルを定義する
操作手順13 クラススタイルを箇条書きに適用する
操作手順14 セルのクラススタイルを定義する
操作手順15 クラススタイルをセルに適用する
操作手順16 未訪問リンクの擬似クラスを定義する
操作手順17 訪問済みリンクの擬似クラスを定義する
操作手順18 マウスオーバーの擬似クラスを定義する
編集する スタイルシートを編集する
操作手順1 ダイアログボックスからスタイルシートの定義を修正する
操作手順2 プロパティからスタイルシートの定義を修正する
操作手順3 コードからスタイルシートの定義を修正する
操作手順4 クラススタイルのクラス名を変更する
操作手順5 スタイルシートの定義を一時的に解除する
操作手順6 解除されたスタイルシートの定義を復帰する
応用する 外部スタイルシートへ出力する
操作手順1 スタイルシートの定義を外部に出力する
操作手順2 外部スタイルシートのリンクを解除する
操作手順3 外部スタイルシートへリンクする
CHAPTER 8 インターネットへ公開する
CHAPTER 8でやること
作成する サイトを転送する
操作手順1 転送設定を行う
操作手順2 サイト全体を転送する
編集する サイトを更新する
操作手順1 HTMLドキュメントを修正して更新する
操作手順2 特定のファイルを指定して更新する
応用する サイトを整理する
操作手順1 ローカルフォルダのデータをバックアップする
操作手順2 データをフォルダに分類して整理する
操作手順3 ファイル名を変更する
操作手順4 未使用のファイルを削除する
操作手順5 ローカルフォルダとリモートフォルダを同期する
応用編
CHAPTER 9 スタイルシートでページをレイアウトする
CHAPTER 9でやること
スタイルシートレイアウトについて
作成する スタイルシートによるレイアウトを作成する
操作手順1 ドキュメントにテキストを入力する
操作手順2 ドキュメントをブロック単位に分ける
操作手順3 メインのスタイルを定義/適用する
操作手順4 ヘッダのスタイルを定義/適用する
操作手順5 ナビゲーションのスタイルを定義/適用する
操作手順6 本文のスタイルを定義/適用する
操作手順7 本文の段落のスタイルを定義/適用する
操作手順8 コピーライトのスタイルを定義/適用する
編集する スタイルを設定して見栄えを整える
操作手順1 スタイルを設定する前の準備をする
操作手順2 外部スタイルシートを複製する
操作手順3 外部スタイルシートをリンクする
操作手順4 クラススタイルを設定する
操作手順5 スタイルを編集する
応用する レイアウトを追加する
操作手順1 コラムスペースのブロックを追加する
操作手順2 コラムスペースのスタイルを設定する
操作手順3 本文のスタイルを編集してレイアウトを仕上げる
CHAPTER 10 APエレメントでデザインする
CHAPTER 10でやること
作成する APエレメントを使ってイメージを配置する
操作手順1 グリッドを引く
操作手順2 ［APエレメント］パネルを表示する
操作手順3 APエレメントを作成する
操作手順4 APエレメントのサイズを変更する
操作手順5 APエレメントの配置を変更する
操作手順6 その他のAPエレメントを作成する
操作手順7 APエレメントの配置を数値で変更する
操作手順8 APエレメントのサイズを数値で変更する
操作手順9 APエレメントを仕上げる
編集する APエレメントを編集する
操作手順1 APエレメントを塗りつぶす
操作手順2 一部のAPエレメントを非表示にする
操作手順3 スクロールバーを表示する
操作手順4 APエレメントの高さを固定する
操作手順5 背面にイメージを表示してテキストと合成する
操作手順6 APエレメントのスタイルを編集する
操作手順7 APエレメントをテーブルに変換する
応用する APエレメントをアニメーション化する
操作手順1 動きの「始点」を指定する
操作手順2 ［タイムライン］パネルを表示する
操作手順3 動きの「終点」を設定する
操作手順4 アニメーションの動きを確認する
操作手順5 ブラウザでプレビューする
操作手順6 速度を変える
操作手順7 開始時間をずらす
操作手順8 動きにひねりを加える
CHAPTER 11 ビヘイビアを活用する
CHAPTER 11でやること
作成する ビヘイビアの操作に慣れる
操作手順1 ［ビヘイビア］パネルを表示する
操作手順2 指定のURLへ移動するビヘイビアを作成する
編集する ビヘイビアを編集する
操作手順1 イベントを変更する
操作手順2 ビヘイビアのアクションを修正する
操作手順3 ビヘイビアを削除する
操作手順4 JavaScriptのコードを出力する
操作手順5 出力した外部ファイルを参照する
応用する さまざまなコンテンツをつくる
操作手順1 ロールオーバーイメージを作成する
操作手順2 スワップイメージを作成する
操作手順3 ジャンプメニューを作成する
操作手順4 ステータスバーにメッセージを表示する
操作手順5 ブラウザウィンドウを開く
操作手順6 ポップアップメッセージを表示する
操作手順7 自由に動かせるイメージを作成する
操作手順8 サイズが変わるテキストを作成する
CHAPTER 12 フレームを使用する
CHAPTER 12でやること
作成する フレームページを作成する
操作手順1 フレームを新規作成する
操作手順2 ［フレーム］パネルを表示する
操作手順3 フレームを上下に分割する
操作手順4 フレームを削除する
操作手順5 フレームに名前をつける
操作手順6 フレームをデザインする
操作手順7 フレームにドキュメントを読み込む
操作手順8 フレームにページタイトルをつける
編集する フレームページにリンクを張る
操作手順1 フレームを保存する
操作手順2 フレームにリンクを設定する
操作手順3 フレームにボーダーを設定する
操作手順4 フレームのスクロールバーを非表示にする
操作手順5 フレームの幅を固定する
操作手順6 フレームのサイズが変更できないようにする
応用する ナビゲーションバーイメージを作成する
操作手順1 ナビゲーションバーイメージを作成する
CHAPTER 13 コードを編集する
CHAPTER 13でやること
準備する コードを理解する
操作手順1 ワークスペースをコーダーにする
操作手順2 コードを表示する
操作手順3 画面を分割して表示する
操作手順4 コードインスペクタを表示する
編集する コードを編集する
操作手順1 コードの動きを確認する（1）
操作手順2 コードの動きを確認する（2）
操作手順3 コードを編集する
操作手順4 中央揃えにするコードを入力する
操作手順5 イメージを貼るコードを入力する
操作手順6 一部のコードをコメント化する
操作手順7 特定タグのリファレンスを表示する
応用する スニペットを利用する
操作手順1 ［スニペット］パネルを表示する
操作手順2 右クリックを禁止するスニペットを挿入する
操作手順3 背景色が切り替わるスニペットを挿入する
操作手順4 コードをスニペットに登録する
CHAPTER 14 フォームを作成する
CHAPTER 14でやること
作成する フォームをデザインする
操作手順1 フォーム作成のための準備
操作手順2 テキストフィールドを作成する
操作手順3 テキストエリアを作成する
操作手順4 チェックボックスを作成する
操作手順5 ラジオボタンを作成する
操作手順6 ドロップダウンメニューを作成する
操作手順7 ドロップダウンメニューをスクロールリストに変換する
操作手順8 送信ボタンとリセットボタンを作成する
編集する スニペットを利用してフォームを作成する
操作手順1 スニペットからドロップダウンメニューを作成する
操作手順2 ドロップダウンメニューの選択肢を変更する
応用する フォームの内容がメールで届くように設定する
操作手順1 CGIとsendmailが使えるかを調べる
操作手順2 CGIプログラムを入手する
操作手順3 フォルダの中身を整理する
操作手順4 ローカルフォルダに登録する
操作手順5 CGIプログラムを編集する
操作手順6 フォームの設定を変更する
操作手順7 サーバーへ転送する
操作手順8 アンケートフォームを実際に使う
CHAPTER 15 Spryコンテンツを作成する【CS3】
CHAPTER 15でやること
Spryについて
作成する ナビゲーションコンテンツを作成する
操作手順1 メニューバーを作成する
操作手順2 ドキュメントを保存する
操作手順3 メニューバーの項目を編集する
操作手順4 メニューバーのスタイルを編集する
編集する フォームを編集する
操作手順1 1行テキストフィールドを挿入する
操作手順2 テキストフィールドの入力タイプを設定する
操作手順3 テキストフィールドの入力を必須に設定する
応用する XMLと連携したSpryテーブルを作成する
操作手順1 XMLファイルを作成する
操作手順2 ドキュメントにXMLファイルをデータセットする
操作手順3 Spryテーブルを作成する
操作手順4 Spryテーブルをプレビューする
操作手順5 Spryテーブルのスタイルを設定する
CHAPTER 16 Flashコンテンツを挿入する
CHAPTER 16でやること
作成する Flashムービーを挿入する
操作手順1 Flashムービーを挿入する
操作手順2 Flashムービーの動作を確認する
操作手順3 Flashムービーのサイズを変更する
編集する Flashムービーのパラメータを設定する
操作手順1 Flashムービーの繰り返し再生を解除する
操作手順2 Flashムービーの品質を制御する
操作手順3 Flashムービーのスケールを制御する
操作手順4 右クリックによるメニューの表示を制御する
応用する その他のFlashコンテンツを挿入する
操作手順1 Flash Videoを挿入する
操作手順2 Flashボタンを挿入する
操作手順3 Flashテキストを挿入する
操作手順4 FlashPaperを挿入する
操作手順5 Flash以外の動画を挿入する
Fireworks編
CHAPTER 17 Fireworksでバナーを作成する
CHAPTER 17でやること
準備する バナーとして使うイメージを読み込む
操作手順1 新規ドキュメントを開く
操作手順2 イメージを読み込む
操作手順3 イメージを選択する
操作手順4 イメージを移動する
操作手順5 イメージのサイズを手動で変更する
操作手順6 数値指定によりイメージのサイズを変更する
操作手順7 キャンバスをフィットさせる
編集する イメージを加工してバナーを作成する
操作手順1 イメージを切り抜く
操作手順2 イメージにタイトルを入力する
操作手順3 タイトルをコピーしてサブタイトルをつくる
操作手順4 タイトルを整列する
操作手順5 イメージの明るさを調整する
操作手順6 イメージをぼかす
応用する イメージをファイルに書き出す
操作手順1 ウィザードを使用してファイルに書き出す
操作手順2 イメージを再編集可能なファイルとして保存する
CHAPTER 18 Fireworksで地図を描く
CHAPTER 18でやること
準備する 地図を描くための準備をする
操作手順1 新規ドキュメントを開く
操作手順2 ルーラを表示する
操作手順3 グリッドを表示する
操作手順4 ガイドを引く
編集する 地図を描く
操作手順1 長方形を描く
操作手順2 図形をコピーする
操作手順3 図形を90°回転する
操作手順4 図形を自由に回転する
操作手順5 図形を伸縮する
操作手順6 その他の基本図形を描く
操作手順7 オートシェイプを利用して基本図形を描く
操作手順8 図形を合体して新しい図形を作成する
操作手順9 図形をパターンで塗りつぶす
操作手順10 ペンツールで図形を描く
操作手順11 ペンツールで曲線を描く
操作手順12 曲線の形状を変える
操作手順13 線の書式を変える
操作手順14 テキストを縦書きにする
応用する 地図を仕上げる
操作手順1 重なり合う図形の順序を入れ替える
操作手順2 図形をグループ化する
操作手順3 グループ化を解除する
CHAPTER 19 FireworksでWebページを作成する
CHAPTER 19でやること
作成する Webページをデザインする
操作手順1 曲線のインターフェースをつくる
操作手順2 図形にスタイルを適用する
編集する スライスツールでWebページに変換する
操作手順1 スライスでページを分割する
操作手順2 Webページに書き出す
操作手順3 Dreamweaverで編集する
応用する スライスツールでボタンを作成する
操作手順1 ボタンをデザインする
操作手順2 スライスでボタンを分割する
Photoshop編
CHAPTER 20 Photoshopと連携する【CS3】
CHAPTER 20でやること
作成する イメージファイルをドキュメントに挿入する
操作手順1 PSD形式のファイルを挿入する
編集する 編集中のイメージをドキュメントに挿入する
操作手順1 編集中のイメージを挿入する
応用する ドキュメントのイメージをPhotoshopで編集する
操作手順1 イメージにロゴを追加する
APPENDIX
覚えておきたいテクニック
環境設定リファレンス
プロパティインスペクタリファレンス
￥3,129（税込）
