Dreamweaver CS5逆引きデザイン事典 PLUS

パネルリファレンス

第1 章　作業環境と基本操作の設定

001 閉じてしまった「ようこそ」を再度開くよう設定する
002 各種パネルを非表示にして作業領域を広げる
003 各種パネルを2 列以上で表示させる
004 各種パネルを独立したウィンドウで表示させる
005 挿入パネルを旧バージョンと同様のメニュー表示に切り替える
006 挿入パネルをカスタマイズする
007 ワークスペースを管理する
008 基本操作がアイコン化された標準ツールバーを使用する
009 特定の関連ファイルのみ表示させる
010 新規フォルダーを作成する
011 指定したフォルダー内に直接新規ドキュメントを作成する
012 作成したファイルの名前を変更する
013 ドキュメントを開く
014 コードビューとデザインビューの切り替えや分割同時表示をさせる
015 デザインビューの表示サイズをピクセル単位で指定する
016 デザインビューの表示倍率を変更する
017 任意のエレメントをデザインビューいっぱいに表示させる
018 デザインビュー内をドラッグしコンテンツの表示位置を調整する
019 ガイド・グリッド・ルーラーを活用する
020 誤って行った操作を取り消す
021 同じ操作を複数回繰り返す
022 ヘルプやリファレンスを利用して知りたい機能やタグを調べる
023 キーボードショートカットをカスタマイズする

第2 章　サイトの定義とドキュメントの基本設定

024 新規サイトを定義する
025 使用するサーバーを設定する
026 定義したサイト情報を書き出してバックアップをとる
027 定義したサイトの情報を編集する
028 ファイルパネルを展開する
029 ローカルとリモートの表示を切り替える
030 任意のファイルをサーバーに送信・取得する
031 サイト全体をサーバーに送信・取得する
032 まだ送信・取得していない最新のファイルを選択する
033 指定した日や期間内に修正したファイルを選択する
034 リモートとローカルを同期して同じ状態にする
035 クロークを実行して任意のファイルを同期の対象から外す
036 FTP ログを保存する
037 ドキュメントタイプを変更する
038 HTML5 のドキュメントを作成する
039 ドキュメントの拡張子を変更する
040 エンコーディングを変更する
041 新規ドキュメントに挿入されるデフォルトコードをカスタマイズする
042 ページタイトルを設定する
043 キーワード・詳細・作者などのメタ要素を設定する
044 ロボット型検索エンジンの検索対象から外す
045 既存のドキュメントをXHTML やHTML5 に変換する
046 ページで使用する基本フォントやサイズ・カラーを指定する
047 ページの背景色や背景画像を指定する
048 背景画像の繰り返し表示をコントロールする
049 ページのマージンをゼロにする
050 見出しのサイズとカラーを指定する
051 下絵を元にトレースする
052 指定した時間でリロードもしくは別のページへ移動させる

第3 章　テキストの設定と編集

053 段落を作成する
054 見出しを指定する
055 見出しの先頭にマーカーを表示させる
056 テキストのサイズやカラー・フォントを設定する
057 フォントリストを編集する
058 テキストを改行する
059 テキストを強調する
060 段落の行揃えを指定する
061 段落内のテキストが引用文章であることを示す
062 テキストを修飾する
063 テキストをペーストする際に書式を維持させない
064 欧文テキストをすべて大文字で表示させる
065 欧文テキストの小文字をサイズの小さい大文字で表示させる
066 行間を調整する
067 縦方向の行揃えを設定する
068 単語間隔や文字間隔を調整する
069 テキストをインデントする
070 テキストを回り込ませる
071 リストを作成する
072 リスト項目の先頭に表示されるマーカーの形状を変更する
073 リスト項目の先頭に表示されるマーカーを任意の画像に変更する
074 区切りなしスペースや著作権記号などの特殊文字を入力する
075 日付や時刻を自動挿入する
076 Word 原稿から効率よくデザインする

第4 章　リンクの設定と編集

077 リンク設定したテキストを挿入する
078 入力済みのテキストにリンクを設定する
079 ファイルの指定アイコンを使用してリンクを設定する
080 画像にリンクを設定する
081 イメージマップを作成して複数箇所にリンクを設定する
082 サイトルートでリンクを設定する
083 外部Web サイトをリンク先に指定する
084 メールアドレスをリンク先に指定する
085 特定のリンク先を指定しないヌルリンクを設定する
086 ページ内の特定の位置をリンク先として指定する
087 リンク先のページを新規ウィンドウで表示させる
088 リンク先のページを指定したウィンドウサイズで表示させる
089 設定したリンクを削除する
090 リンクカラーを指定する
091 リンク設定したテキストに追加される下線のデザインを変更する
092 リンク設定したテキストのデザインをより幅広く変更する
093 リンク先のページを開いて編集する
094 破損リンクがないか調べる
095 どのページからもリンクされていないファイルの有無を調べる
096 リンクを維持したままサイトのツリー構造を変更する

第5 章　画像の設定と編集

097 画像ファイルを挿入する
098 別の画像ファイルに変更する
099 Fireworksで書き出した画像とHTML ファイルを挿入する
100 Photoshop で作成したPSD ファイルを挿入する
101 Fireworks やPhotoshop ファイルの一部分をペーストする
102 挿入したPSD ファイルを再編集する
103 挿入した画像ファイルをFireworks やPhotoshop で開く
104 一時的に仮のイメージを挿入する
105 仮のイメージを元にして新規画像を作成する
106 画像の表示サイズを変更する
107 変更した表示サイズに合わせてオリジナルサイズも変更する
108 画像の一部分を切り抜く
109 GIF・PNG 画像の減色やJPEG 画像の再圧縮を行う
110 挿入した画像の画質を微調整する
111 画像の周囲にボーダーを追加する
112 画像の周囲にマージンを設定する
113 ロールオーバーイメージを挿入する
114 挿入済みの画像をロールオーバーイメージに変換する
115 マウスオーバーで別の画像を変更させる
116 マウスオーバーで画像をフェードさせる
117 Dreamweaver からBridge を利用する
118 オブジェクト挿入時にアクセシビリティ属性ダイアログを表示させない

第6 章　テーブルとフレームの編集

119 テーブルを挿入する
120 テーブルのセルや行・列を選択する
121 テーブルのサイズを変更する
122 指定したサイズを解除する
123 セルの余白・間隔・ボーダーを設定する
124 セルを結合・分割する
125 行や列を挿入する
126 不要な行や列を削除する
127 任意の行や列を複製する
128 任意の行や列を入れ替える
129 ヘッダーセルを設定する
130 テーブル内に入力したデータを指定した条件で並べ替える
131 Excel の表データを貼りつける
132 タブ区切りやカンマ区切りのテキストを読み込んでテーブルにする
133 HTML でセルの背景色を設定する
134 CSS でセルの背景色を設定する
135 セル内のテキストを改行させずに1 行で表示させる
136 セル内の要素の表示位置を指定する
137 フレームを作成する
138 定義済みのフレームセットを活用する
139 個別のフレームやフレームセットを選択する
140 フレームセットにページタイトルを設定する
141 フレームセットを保存する
142 フレーム内のドキュメントを保存する
143 フレーム内に表示させるドキュメントを指定する
144 リンク先のドキュメントを指定したフレーム内に表示させる
145 フレームの分割サイズを詳細に設定する
146 ウィンドウのサイズに合わせて自動伸縮するフレームを作成する
147 インラインフレームを作成する

第7 章　CSS の設定と編集

148 CSS ルールを作成する
149 要素ごとにCSS ルールを定義する
150 複数のCSS ルールを一度に定義する
151 ドキュメント内の特定の要素のCSS ルールと詳細度を設定する
152 作成したCSS ルールを適用する
153 適用したCSS ルールを解除する
154 div タグの挿入と同時にCSS ルールを定義する
155 CSS ルールを編集・削除・複製する
156 クラス名を変更する
157 CSS ルールを解析する
158 CSS プロパティを無効にする
159 埋め込みで設定したCSS ルールを外部スタイルシートとして保存する
160 外部スタイルシートに設定したCSS ルールを別の外部スタイルシートに移動させる
161 インラインで設定したスタイル属性をCSS ルールに変換する
162 複数のドキュメントで同じCSS ルールを共有する
163 外部スタイルシートを編集する
164 関連するCSS ファイルを編集する
165 CSS にソースフォーマットを適用する
166 CSS ビジュアルエイドを活用する
167 インスペクトモードを使ってCSS を検証する
168 デザインタイムスタイルシートを利用する
169 CSS ルールによる効果の表示・非表示をデザインビューで確認する
170 各種メディアタイプ向けのCSS ルールでプレビューする
171 Dreamweaver に用意されているサンプルCSS を利用する
172 中央揃えのレイアウトを作成する
173 2 段組のレイアウトを作成する
174 3 段組のレイアウトを作成する
175 CSS でナビゲーションバーを作成する
176 マウスを合わせるとロールオーバーするナビゲーションバーを作成する
177 CSS の:hover の状態を表示する
178 CSS3 で角丸ボックスを作成する
179 CSS3 でボックスにシャドウを作成する
180 CSS3 で背景色をグラデーションにする

第8 章　Flash ／マルチメディアの設定

181 Flash を挿入する
182 Flash Video を挿入する
183 ライブビューでFlash やFlash Video を確認する
184 Flash の表示サイズを変更する
185 Flash のスケールと再生品質を設定する
186 Flash プラグインダウンロードのテキストを変更する
187 HTML5 のvideo タグでビデオを埋め込む
188 HTML5 のaudio タグで音声データを埋め込む

第9 章　フォームの編集

189 フォームを挿入する
190 フォームの送信設定を行う
191 テキストフィールド・テキストエリアを挿入する
192 入力内容を自動検査してくれるテキストフィールドを挿入する
193 任意に選択できるチェックボックスを挿入する
194 択一式のラジオボタンを挿入する
195 選択状況を自動検査してくれるチェックボックスを挿入する
196 リスト／メニューを挿入する
197 選択状況を自動検査してくれるリスト／メニューを挿入する
198 ジャンプメニューを挿入する
199 移動ボタンつきのジャンプメニューを挿入する
200 ファイルの送信用フィールドを挿入する
201 送信／リセットボタンを挿入する
202 イメージを送信ボタンとして利用する

第10 章　コードの編集

203 コードヒントを活用して入力の手間を省く
204 コードヒントの動作条件をカスタマイズする
205 コードをスニペットに登録して活用する
206 コードビューでの表示をカスタマイズする
207 コードビューでタグを選択する
208 コメントを適用・削除する
209 選択した範囲に新しいタグを追加する
210 コードにインデントが適用されるように設定する
211 タグエディターでタグを編集する
212 挿入したいタグを一覧メニューから選択する
213 既存タグのフォーマットを変更してカスタムタグを追加する
214 特定のテキストやコードを検索／置換する
215 特定のタグや属性を変更／削除する
COLUMN 正規表現を使った検索／置換
216 関連したファイルを編集する
217 さまざまなブラウザーとの互換性を検証する
COLUMN コードのバリデーション

第11 章　テンプレート

218 テンプレートを作成する
219 テンプレートを適用したドキュメントを作成する
220 テンプレートを入れ子にする
221 テンプレートから切り離す
222 テンプレートの変更を他のドキュメントにも適用させる
223 編集可能領域を作成する
224 ライブラリを作成する
225 ライブラリをドキュメントに挿入する
226 ライブラリに加えた変更を他のドキュメントにも適用させる
227 編集可能領域やライブラリを表すハイライトを非表示にする
228 テンプレートやライブラリのハイライトカラーをカスタマイズする
COLUMN テンプレート式でより複雑なテンプレートを制御する

第12 章　プレビュー＆チェック

229 ブラウザーでプレビューする
230 プレビューに使用するブラウザーを登録する
231 ライブビューを使用しインタラクティブなページをプレビューする
232 マルチスクリーンプレビューを使用して各デバイスでの見え方を同時プレビューする
233 マルチスクリーンプレビューの各ビューポートのサイズを変更する
234 複数デバイス向けのメディアクエリーを追加してプレビューする
235 外部のWeb サイトをDreamweaver でプレビューする
236 BrowserLab に接続し各種ブラウザーやOS での表示を確認する
237 ドキュメントが実際に表示されるまでの時間を調べる
COLUMN アクセシビリティの検証

第13 章　JavaScript/Ajax/Spry

238 JavaScript の動作を確認する
239 ライブコードで実行時のソースを確認する
240 ドキュメント内のJavaScript コードを自動的に外部ファイル化する
241 Spry エフェクトを活用する
242 Spry を使ってメニューバーを作成する
243 タブつきのパネルを作成する
244 アコーディオンを作成する
245 縮小可能なパネルを作成する
246 Spry ツールヒントを表示する
247 Spry データセットを作成する
248 Spry XML データセットで読み込んだデータを表示する
249 繰り返されるデータをすべて表示する
250 データセットの詳細表示機能を作成する
251 状態によってSpry 領域内の表示を変更する
252 Spry フレームワークを使ってXML 以外のデータを読み込む
COLUMN Web Widget を利用する

第14 章　サーバーテクノロジー

253 アプリケーションサーバーを設定する
254 サーバーアプリケーションのデータベース接続を定義する
255 レコードセットを定義する
256 ページ中にレコードセットのデータを配置する
257 サーバーアプリケーションの動作を確認する
258 配置したデータのフォーマットを変更する
259 レコードセットのデータを繰り返す
260 領域の表示・非表示を切り替える
261 レコードセットのページング処理を行う
262 詳細ページを作成する
263 レコードの挿入ページを作成する
264 レコードの更新ページを作成する
265 レコードの削除ページを作成する

第15 章　共同作業・ファイル管理

266 Dreamweaver の操作画面をインターネット経由で共有する
267 デザインノートを使用して複数のユーザー間で情報を共有する
268 デザインノートを削除する
269 バージョンコントロールを利用する
270 ローカルファイルを最新に更新する
271 編集したファイルをコミットする
272 ファイルの更新履歴を確認する
273 ファイルの移動・削除
274 同じファイルを同時に編集しファイルをコミットできなくなったとき
275 リポジトリから特定のファイルの最新のバージョンを取得する
276 リポジトリのファイルをロックする
277 リポジトリのファイルをアンロックする
278 過去のバージョンを表示する
279 ローカルにあるファイルとリポジトリのファイルを比較する
280 チェックイン／チェックアウト機能を有効にする
281 Contribute サイトの管理を行う
COLUMN 強化されたWordPress との連携 索引 特典
　Dreamweaver の拡張機能
　Dreamweaver CS5 HTML5 パック

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。

追加情報はありません。

正誤表の登録はありません。