Dreamweaver 4 簡明教學(二、初步認識Dreamweaver)

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

二、初步認識Dreamweaver

Dreamweaver的啟動

Dreamweaver的安裝過程非常簡單，一但成功安裝後，就可以在開始功能表找到Dreamweaver的選項：

編輯視窗

第一次啟動Dreamweaver，首先看到的是Dreamweaver的編輯窗口，千萬別給上面密密麻麻的浮動窗口嚇倒，其實常用的，就以下幾個：

① 主選單：在這裡可以找到編輯視窗的絕大部分功能；
② 工具列：是Dreamweaver4的新增功能；
③ 物件面板（Objects）：在網頁編輯的過程中，透過點選物件面板的按鈕來為網頁新增對應的元素，如圖片、表格、圖層、Flash。我們稱這些元素為對象。點選物件面板上的向下箭頭，能插入其他類型的對象，如特殊字元（Characters）、表單（Froms）等。

④ 屬性面板：用於顯示所選的網頁元素的屬性，並可在屬性面板上修改。選擇不同的網頁元素，屬性面板所顯示的內容也有所不同，例如圖片和表格所顯示的屬性是不一樣的。此外，點選屬性面板右下角的小三角形可以依照使用的需要，縮小或展開屬性面板，建議一般情況下設定為展開模式。
⑤ 面板組（又稱為可停靠浮動面板）：Dreamweaver 還有很多很多其他的浮動面板，我們可以根據自己的喜好，將不同的浮動面板重新組合，這就是所謂的面板組。在Photoshop中，也有類似的概念。
⑥ 快速啟動欄（又稱啟動面板）：用於顯示或隱藏回應的浮動面板。啟動面板與右下角的微型啟動欄

一一對應；其中

是切換到站台管理器，

是切換到行為面板，

是查看網頁原始碼。
⑦ 編輯區域：以"所見即所得"的方式顯示被編輯網頁內容:

【提示1】如果螢幕上的浮動面板位置過於凌亂，甚至超出了桌面範圍而不便操作的時候（在改變了顯示器的分辨率後尤其容易出現這種情況），可以選取主選單中的"Window > Arrange Panels"自動重排浮動面板。

【提示2】以下是幾個常用的浮動面板的快速開啟和關閉的熱鍵，好好記住，因為將會再製作過程中被頻繁地使用：

Properties屬性面板：Crtl+F3
CSS Styles樣式面板：Shift+F11
Behaviors行為面板：Shift+F3
Objects物件面板：Crtl+F2
網站視窗

網站窗口是Dreamweaver另一個重要的窗口，左半部是遠端站點的目錄，一般顯示為空，只有在FTP 連通狀態下才有顯示內容；右半部是目前編輯中的本機目錄，是不是有點象windows的資源管理器？對，網站視窗的作用其實就是直覺而方便地讓你讓像管理硬碟裡的檔案一樣管理的你的網站。

在日後網頁製作的過程中，將會頻繁地在編輯視窗和網站視窗之間切換。