ソーテック社 | パソコン・ビジネス書籍出版

Introduction
Dreamweaverのインターフェース
HTML・CSSとは
Webページができるまで

PART1　ドキュメントの基本設定
SECTION 01-01　新規サイトを定義する／作成する
SECTION 01-02　定義したサイトの情報を編集／削除する
SECTION 01-03　定義したサイトの情報を共有／バックアップする
SECTION 01-04　新規ドキュメントを作成／保存する
SECTION 01-05　新規HTML作成時にCSSも読み込む
SECTION 01-06　ページの「タイトル」「キーワード」「詳細」を設定する
SECTION 01-07　ファイル名を変更・移動・削除する
SECTION 01-08　変更されたリンクを自動で更新するようにする
SECTION 01-09　IEプレビュー時の警告メッセージを非表示にする
SECTION 01-10　デザイン時に適用する外部CSSファイルを切り替える
SECTION 01-11　DreamweaverのサンプルCSSを利用する
SECTION 01-12　HTMLに関連するCSS、JavaScriptなどのファイルをワンクリックで開く

PART2　FTPの設定
SECTION 02-01　ローカルサイトとリモートサイトを同期する
SECTION 02-02　任意のファイルを同期の対象から外す
SECTION 02-03　ファイルを送信／受信する
SECTION 02-04　サイト全体を送信／受信する
SECTION 02-05　最新のファイルのみ送信／受信する
SECTION 02-06　特定の期間内に更新したファイルを選択する
SECTION 02-07　作業中のファイルをサーバーに保存する
SECTION 02-08　FTPサーバー上のファイルを直接編集する
SECTION 02-09　FTPのログを保存する
SECTION 02-10　複数のユーザーでファイルを更新する
SECTION 02-11　複数ユーザー間で更新情報を共有する

PART3　レイアウト
SECTION 03-01　レイアウト枠を作る
SECTION 03-02　レイアウト枠を自在に配置する
SECTION 03-03　複数のAPエレメントを組み合わせる
SECTION 03-04　複数のAPエレメントのサイズや位置を揃える
SECTION 03-05　APエレメントをテーブルに変換する
SECTION 03-06　フレームを作成／保存する
SECTION 03-07　フレームに表示するドキュメントを指定する
SECTION 03-08　フレームを細かく設定する

PART4　コンテンツ
SECTION 04-01　見出しを設定する
SECTION 04-02　段落を設定する
SECTION 04-03　テキストを改段落／改行する
SECTION 04-04　テキストを強調する
SECTION 04-05　リストを作成する
SECTION 04-06　仮のイメージを挿入する
SECTION 04-07　画像を挿入する
SECTION 04-08　画像を編集する
SECTION 04-09　テーブルを挿入する
SECTION 04-10　テーブルを編集する
SECTION 04-11　テーブル内のデータをソートする
SECTION 04-12　タブやカンマで区切ったデータを読み込む
SECTION 04-13　フォームを挿入する
SECTION 04-14　生年月日のドロップダウンメニューを挿入する
SECTION 04-15　テキストフィールドの入力内容にバリデートをかける
SECTION 04-16　テキストフィールドに隠れる初期値を挿入する
SECTION 04-17　クローズボタンを挿入する
SECTION 04-18　日付・時刻を挿入する
SECTION 04-19　特殊文字を挿入する
SECTION 04-20　テーブルのデータをtxtデータに書き出す
SECTION 04-21　Wordのデータを活用する（Windowsのみ）
SECTION 04-22　Excelのデータを活用する（Windowsのみ）
SECTION 04-23　Flash（swf）を挿入する
SECTION 04-24　Flashムービーを挿入する

PART5　CSSの定義・編集
SECTION 05-01　新規CSSルールを定義する
SECTION 05-02　複数のCSSルールを一度に定義する
SECTION 05-03　作成したCSSルールを適用する
SECTION 05-04　Divタグで囲んでCSSルールを定義する
SECTION 05-05　CSSルールを編集する
SECTION 05-06　ヘッダーのCSSを外部ファイルに書き出す
SECTION 05-07　一部のCSSを外部ファイルに書き出す
SECTION 05-08　タグ内のスタイルを外部ファイルに移動する

PART6　デザイン
SECTION 06-01　幅・高さを設定する
SECTION 06-02　背景を設定する
SECTION 06-03　余白・間隔を設定する
SECTION 06-04　ブロック要素を中央に配置する
SECTION 06-05　見出しなどのテキストを画像で表示する
SECTION 06-06　テキストを回り込ませる
SECTION 06-07　テキストのデザインを設定する
SECTION 06-08　リンクのデザインを設定する
SECTION 06-09　リストのデザインを設定する
SECTION 06-10　ナビゲーションのデザインを設定する
SECTION 06-11　新着情報のデザインを設定する
SECTION 06-12　テーブルのデザインを設定する
SECTION 06-13　フォームのデザインを設定する
SECTION 06-14　サブミットボタンを画像で表示する

PART7　リンク
SECTION 07-01　リンクを設定する
SECTION 07-02　絶対パスでリンクを設定する
SECTION 07-03　リンクを削除する
SECTION 07-04　ページ内の特定の個所にリンクを設定する
SECTION 07-05　画像の特定個所にリンクを設定する
SECTION 07-06　メールアドレスをリンク先に指定する
SECTION 07-07　リンク先を別ウィンドウで表示する
SECTION 07-08　ポップアップのウィンドウサイズを指定する
SECTION 07-09　リンク先のページに自動的に移動させる

PART8　テンプレート・ライブラリ
SECTION 08-01　共通のレイアウト部分をテンプレート化する
SECTION 08-02　テンプレートからドキュメントを作成する
SECTION 08-03　編集不可領域のタグ属性を編集する
SECTION 08-04　テンプレートの中にテンプレートをつくる
SECTION 08-05　共通デザイン部分を一括で編集する
SECTION 08-06　テンプレートから切り離して個別に編集する
SECTION 08-07　各ページで共通となるものを一カ所で管理する
SECTION 08-08　各ページで共通となるものを一括で編集する
SECTION 08-09　ライブラリから切り離して個別に編集する
SECTION 08-10　テンプレートのマークアップを削除する

PART9　Spry
SECTION 09-01　メニューバーを挿入する
SECTION 09-02　タブ付きパネルを挿入する
SECTION 09-03　アコーディオンパネルを挿入する
SECTION 09-04　縮小可能パネルを挿入する
SECTION 09-05　ツールヒントを挿入する（CS4のみ）
SECTION 09-06　フォームに自動チェック機能を付ける
SECTION 09-07　XMLファイルとSpryデータを関連付ける
SECTION 09-08　HTMLファイルとSpryデータを関連付ける（CS4のみ）
SECTION 09-09　テーブルの列にソート機能を付ける
SECTION 09-10　外部ファイルのデータをHTMLに読み込む（CS4のみ）

PART10　チェック
SECTION 10-01　設定されているCSSの内容を確認する（CS4のみ）
SECTION 10-02　デザインビューでjsなどをプレビューする（CS4のみ）
SECTION 10-03　jsの挙動を確認しながらデザインする（CS4のみ）
SECTION 10-04　jsの操作時におけるコードの変更を確認する（CS4のみ）
SECTION 10-05　ドキュメントの問題点をチェックする
SECTION 10-06　タグの不備をチェックする
SECTION 10-07　ブラウザの互換性をチェックする
SECTION 10-08　サイト全体のリンクをチェック／修正する

PART11　便利な機能
SECTION 11-01　スクリーンを共有して複数ユーザーで作業する（CS4のみ）
SECTION 11-02　ソースを一括で修正する
SECTION 11-03　目的のタグを選択する
SECTION 11-04　不具合のあるコードを自動で修正／表示する
SECTION 11-05　不要なタグやコメントを一括で削除する
SECTION 11-06　複数の操作を元に戻す
SECTION 11-07　一連の操作を自動で繰り返す
SECTION 11-08　よく使う一連の操作をコマンド化する
SECTION 11-09　よく使うコードをコマンド化する
SECTION 11-10　ドキュメントを開く／閉じる

PART12　Dreamweaverの基本設定
SECTION 12-01　ワークスペースを用途に合わせてカスタマイズする
SECTION 12-02　ショートカットキーをカスタマイズする
SECTION 12-03　プレビューに使用するWebブラウザを設定する
SECTION 12-04　ソースコードでインデントを使用する
SECTION 12-05　コードヒントをカスタマイズする
SECTION 12-06　ソースコードを見やすくする
SECTION 12-07　CSSのコードフォーマットを設定する
SECTION 12-08　「CSSルール」パネルで表示される機能を選ぶ
SECTION 12-09　CSSレイアウトを見やすくする
SECTION 12-10　［新規ドキュメント］ダイアログを表示しない


付録
Dreamweaverの主なショートカットキー 一覧
HTMLの主なタグ一覧
CSSの主なプロパティ一覧
CSSハック一覧

≪ 目次を隠す