本書は、ホームページ作成のためのソフトウェアである、Dreamweaver 8の操作方法を基本から応用まで徹底的に解説する初・中級者向け解説書です。
サンプルファイルは、「完全制覇パーフェクトシリーズ」のホームページから無料簡単ダウンロード。
巻頭の「ジャンル別~するには索引」を使えば、知りたい機能や操作方法だけを引くリファレンスとしてもお使いいただけます。
入門編
WebページとDreamweaverの基礎知識
Webページの基本
Dreamweaverの概要
画面表示の基本をおさえる(Windows XP)
画面表示の基本をおさえる(Mac OS X)
画面表示の基本をおさえる(Dreamweaver)
基本操作を確認する
操作に困ったときには
CHAPTER 1 作成前の必要な準備
CHAPTER 1でやること
作成する サイトの構成とデザインを決める
操作手順 1 Webページの作成から公開までの手順を把握する
操作手順 2 サイトの構成を決める
操作手順 3 Webページのデザインを決める
編集する パソコンのハードディスクに作業フォルダを確保する
操作手順 1 作業フォルダを作成する
操作手順 2 文章を準備する
操作手順 3 イメージをコピーする
操作手順 4 表データを準備する
応用する 作業フォルダをローカルフォルダに登録する
操作手順 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 セルの余白を設定する
応用する Excelの表を挿入する
操作手順 1 Excelの表を読み込む(Windowsのみ)
操作手順 2 1列目をヘッダにする
操作手順 3 ボーダーを装飾する
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 段落のクラススタイルを定義する
操作手順 7 クラススタイルを段落に適用する
操作手順 8 箇条書きのクラススタイルを定義する
操作手順 9 クラススタイルを箇条書きに適用する
操作手順 10 セルのクラススタイルを定義する
操作手順 11 クラススタイルをセルに適用する
操作手順 12 未訪問リンクの擬似クラスを定義する
操作手順 13 訪問済みリンクを擬似クラスを定義する
操作手順 14 マウスオーバーの擬似クラスを定義する
編集する スタイルシートを編集する
操作手順 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 レイアウトセルを仕上げる
編集する レイアウトをつくり込む
操作手順 1 標準モードに切り替えてテーブルを挿入する
操作手順 2 仮のセルをレイアウトセルに変換する
操作手順 3 レイアウトセルのサイズと位置を変更する
操作手順 4 レイアウトセルにオブジェクトを挿入する
操作手順 5 テキストを入力する
操作手順 6 スペーサーイメージでセルを固定する
操作手順 7 空白のスペースをつくる
操作手順 8 レイアウトの右側にコラムスペースをつくる
応用する レイアウトを仕上げる
操作手順 1 ページにスタイルを設定する
操作手順 2 テキストにスタイルを設定する
操作手順 3 レイアウトテーブルとレイアウトセルを塗りつぶす
CHAPTER 10 レイヤーでデザインする
CHAPTER 10でやること
作成する レイヤーを使ってイメージを配置する
操作手順 1 グリッドを引く
操作手順 2 [レイヤー]パネルを表示する
操作手順 3 レイヤーを作成する
操作手順 4 レイヤーのサイズを変更する
操作手順 5 レイヤーの配置を変更する
操作手順 6 その他のレイヤーを作成する
操作手順 7 レイヤーの配置を数値で変更する
操作手順 8 レイヤーのサイズを数値で変更する
操作手順 9 レイヤーを仕上げる
編集する レイヤーを編集する
操作手順 1 レイヤーを塗りつぶす
操作手順 2 一部のレイヤーを非表示にする
操作手順 3 スクロールバーを表示する
操作手順 4 レイヤーの高さを固定する
操作手順 5 背面にイメージを表示してテキストと合成する
操作手順 6 レイヤーのスタイルを編集する
操作手順 7 レイヤーをテーブルに変換する
応用する レイヤーをアニメーション化する
操作手順 1 動きの「始点」を指定する
操作手順 2 [タイムライン]パネルを表示する
操作手順 3 動きの「終点」を設定する
操作手順 4 アニメーションの動きを確認する
操作手順 5 ブラウザでプレビューする
操作手順 6 速度を変える
操作手順 7 開始時間をずらす
操作手順 8 動きにひねりを加える
CHAPTER 11 ビヘイビアを活用する
CHAPTER 11でやること
作成する ビヘイビアの操作に慣れる
操作手順 1 [ビヘイビア]パネルを表示する
操作手順 2 サウンドが鳴るビヘイビアを作成する
操作手順 3 指定のURLへ移動するビヘイビアを作成する
編集する ビヘイビアを編集する
操作手順 1 イベントを変更する
操作手順 2 ビヘイビアのアクションを修正する
操作手順 3 ビヘイビアを削除する
操作手順 4 JavaScriptのコードを出力する
操作手順 5 出力した外部ファイルを参照する
応用する さまざまなコンテンツをつくる
操作手順 1 ロールオーバーイメージを作成する
操作手順 2 スワップイメージを作成する
操作手順 3 ジャンプメニューを作成する
操作手順 4 ポップアップメニューを作成する
操作手順 5 ステータスバーにメッセージを表示する
操作手順 6 ブラウザウィンドウを開く
操作手順 7 ポップアップメッセージを表示する
操作手順 8 ブラウザをチェックする
操作手順 9 自由に動かせるイメージを作成する
操作手順 10 サイズが変わるテキストを作成する
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 Flashコンテンツを挿入する
CHAPTER 15でやること
作成する 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 16 Fireworksでバナーを作成する
CHAPTER 16でやること
準備する バナーとして使うイメージを読み込む
操作手順 1 新規ドキュメントを開く
操作手順 2 イメージを読み込む
操作手順 3 イメージを選択する
操作手順 4 イメージを移動する
操作手順 5 イメージのサイズを手動で変更する
操作手順 6 数値指定によりイメージのサイズを変更する
操作手順 7 キャンバスをフィットさせる
編集する イメージを加工してバナーを作成する
操作手順 1 イメージを切り抜く
操作手順 2 イメージにタイトルを入力する
操作手順 3 タイトルをコピーしてサブタイトルをつくる
操作手順 4 タイトルを整列する
操作手順 5 イメージの明るさを調整する
操作手順 6 イメージをぼかす
応用する イメージをファイルに書き出す
操作手順 1 ウィザードを使用してファイルに書き出す
操作手順 2 イメージを再編集可能なファイルとして保存する
CHAPTER 17 Fireworksで地図を描く
CHAPTER 17でやること
準備する 地図を描くための準備をする
操作手順 1 新規ドキュメントを開く
操作手順 2 ルーラを表示する
操作手順 3 グリッドを表示する
操作手順 4 ガイドを引く
編集する 地図を描く
操作手順 1 長方形を描く
操作手順 2 図形をコピーする
操作手順 3 図形を90°回転する
操作手順 4 図形を自由に回転する
操作手順 5 図形を伸縮する
操作手順 6 その他の基本図形を描く
操作手順 7 オートシェイプを利用して基本図形を描く
操作手順 8 図形を合体して新しい図形を作成する
操作手順 9 図形をパターンで塗りつぶす
操作手順 10 ペンツールで図形を描く
操作手順 11 ペンツールで曲線を描く
操作手順 12 曲線の形状を変える
操作手順 13 線の書式を変える
操作手順 14 テキストを縦書きにする
応用する 地図を仕上げる
操作手順 1 重なり合う図形の順序を入れ替える
操作手順 2 図形をグループ化する
操作手順 3 グループ化を解除する
CHAPTER 18 FireworksでWebページを作成する
CHAPTER 18でやること
作成する Webページをデザインする
操作手順 1 曲線のインターフェースをつくる
操作手順 2 図形にスタイルを適用する
編集する スライスツールでWebページに変換する
操作手順 1 スライスでページを分割する
操作手順 2 Webページに書き出す
操作手順 3 Dreamweaverで編集する
応用する スライスツールでボタンを作成する
操作手順 1 ボタンをデザインする
操作手順 2 スライスでボタンを分割する
APPENDIX
覚えておきたいテクニック
環境設定リファレンス
プロパティインスペクタリファレンス
付属データはこちら
内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。
正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。
本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。