Dreamweaver 4 簡潔チュートリアル (2. Dreamweaver の予備理解)

著者：Eve Cole 更新時間：2009-05-30 18:36:17

2. Dreamweaver の初期理解

Dreamweaver の起動

Dreamweaver のインストールプロセスは非常に簡単です。正常にインストールされると、スタートメニューに Dreamweaver オプションが表示されます。

編集ウィンドウ

Dreamweaver を初めて起動すると、最初に Dreamweaver 編集ウィンドウが表示されます。実際、最も一般的に使用されるウィンドウは次のとおりです。

① メインメニュー: 編集ウィンドウのほとんどの機能がここにあります。
②ツールバー：Dreamweaver4の新機能です。
③ オブジェクトパネル (オブジェクト): Web ページの編集中に、オブジェクトパネルのボタンをクリックして、画像、表、レイヤー、Flash などの対応する要素を Web ページに追加します。これらの要素をオブジェクトと呼びます。オブジェクトパネルの下向き矢印をクリックして、特殊文字 (Character)、フォーム (From) などの他のタイプのオブジェクトを挿入します。

④ プロパティパネル: 選択した Web ページ要素のプロパティを表示するために使用され、プロパティパネルで変更できます。異なる Web ページ要素を選択すると、属性パネルに表示されるコンテンツも異なります。たとえば、画像や表に表示される属性も異なります。さらに、プロパティパネルの右下隅にある小さな三角形をクリックして、使用の必要に応じてプロパティパネルを縮小または拡張します。通常は、拡張モードに設定することをお勧めします。
⑤ パネルグループ (ドッキング可能なフローティングパネルとも呼ばれます): Dreamweaver には他にも多数のフローティングパネルがあり、好みに応じてさまざまなフローティングパネルを再結合できます。これはいわゆるパネルグループです。 Photoshop にも同様の概念があります。
⑥ クイック起動バー (起動パネルとも呼ばれます): 応答を表示または非表示にするために使用されるフローティングパネル。右下隅の起動パネルとミニ起動バー

それらの間の 1 対 1 の対応。

サイトマネージャーに切り替えることです。

動作パネルに切り替えることです。

Webページのソースコードを表示することです。
⑦ 編集エリア: 編集した Web ページのコンテンツを「見たものがそのまま得られる」方法で表示します。

[ヒント 1] 画面上のフローティングパネルの位置が乱雑すぎる場合、またはデスクトップの範囲を超えて操作に不便な場合 (特にモニターの解像度を変更した後に起こりやすい)、[ウィンドウ] を選択できます。 >メインメニューの「パネルの配置」を選択すると、フローティングパネルが自動的に再配置されます。

[ヒント 2] フローティングパネルをすばやく開閉するためによく使用されるいくつかのホットキーは、生産プロセス中に頻繁に使用されるため、覚えておいてください。

プロパティパネル: Crtl+F3
CSS スタイルスタイルパネル: Shift+F11
動作動作パネル: Shift+F3
オブジェクトオブジェクトパネル: Crtl+F2
サイトウィンドウ

サイトウィンドウは、Dreamweaver のもう 1 つの重要なウィンドウです。左半分はリモートサイトのディレクトリで、通常は空として表示されます。右半分は現在編集中のローカルディレクトリです。 Windows エクスプローラーに少し似ていますか?はい、サイトウィンドウの機能は、実際には、ハードドライブ上のファイルのようにサイトを直感的かつ便利に管理できるようにすることです。

今後 Web ページを作成していく過程では、編集ウィンドウとサイトウィンドウを頻繁に切り替えることになります。