第一節 軟體介紹

Dreamweaver是當前最流行的網頁設計軟體，目前最新版本為3.0。它與同為Macromedia公司出品的Fireworks和Flash一道，被譽為網頁製作三劍客。

Dreamweaver與其它同類軟體相比主要有以下優點：
不產生冗餘代碼。可視化的網頁編輯器，都要把使用者的操作轉換成html代碼。一般的編輯器都會產生大量的冗餘代碼，給網頁以後的修改帶來了極大的不方便，同時還增加了網頁檔案的大小。Dreamweaver則在使用時完全不產生冗餘代碼，避免了諸多麻煩。而且，通過設定，還可用Dreamweaver清除掉網頁檔案原有的冗餘代碼。
方便的代碼編輯。可視化編輯和原始碼編輯都有其長處和短處。有時候，直接用原始碼編輯會很有效。Dreamweaver提供了html快速編輯器和自建的html編輯器，能方便自如的在可視化編輯狀態和原始碼編輯狀態間切換。
強大的動態網頁面支援。Dreamweaver的Behavior能在使用者不懂java script的情況下，往網頁中加入豐富的動態效果。Dreamweaver還可精確的對層進行定位，再加上timeline功能，可產生動感十足的動態層效果。
操作簡便。首先，Dreamweaver提供的曆史面板、html樣式、模版、庫等功能避免了重複勞動，使用者不必重複輸入相同的內容、格式。其次，Dreamweaver能直接往頁面中插入Flash、Shockwave等外掛程式，經過設定後還可直接調用相應的軟體對這些外掛程式進行編輯。最後，Dreamweaver與Fireworks整合緊密，可直接調用Fireworks對頁面的圖象進行修改、最佳化。
優秀的網站管理功能。在定義的本地網站中，改變檔案的名稱、位置，Dreamweaver會自動更新相應的超級連結。Check in和Check out功能可協調多個使用者對遠端站台的管理。
便於擴充。使用者可給Dreamweaver安裝各種外掛程式，使其功能更強大。使用者若有興趣，還可自己給Dreamweaver製作外掛程式，使Dreamweaver更適應個人的需求。

下圖就是Dreamweaver的介面，這一節不做任何詳細的解釋，只是讓讀者大體熟悉一下Dreamweaver的主要工作區域。

（Dreamweaver的運行介面）

和其它軟體一樣，Dreamweaver也有標題列、功能表列和狀態列，這些不用詳細介紹。

Dreamweaver有兩組共八種浮動面板。浮動面板浮動在主視窗上，可隨意移動。這兩組浮動面板各含有四種，每次顯示一種，可用滑鼠點擊面板的標題列來進行切換顯示。還可用滑鼠拖動各面板的標題列，來分化、組合各組面板。每種面板均有不同的功能。

Dreamweaver的主要工作區域是Objects、Properties和Launcher三個面板。
Objects面板還是浮動在主視窗上，可隨意移動。點擊Objects面板上的表徵圖是往頁面插入相應的頁面元素。
Properties面板同樣是浮動在主視窗上，可隨意移動。Properties面板是用來設定選定的頁面元素的屬性。
Launcher面板也浮動在主視窗上，可隨意移動。點擊Launcher面板上的表徵圖可開啟相應的視窗或浮動面板。

Dreamweaver視窗狀態列的右方是袖珍Launcher區。該區的表徵圖和Launcher面板上的表徵圖是一一對應的關係。