第一次啟動dw mx，它會讓你選擇工作界面(如圖2)。三種選擇分別是dw mx風格、dw 4(dreamweaver 4.0的簡寫)風格和homesite/coder-style風格。其中homesite/coder-style風格指的是純代碼編輯界面，適用于對網頁編程有較高水平的使用者。我們選擇第一種dw mx風格，即可看到dw mx的全新面容。

　　熟悉dw 4編輯界面的你，很可能會為 dw mx 那漂亮的外表而贊嘆。呵呵，別著急，其實原屬于dw 4的那些選項都還在，只是改變了排列方式。其中，偏向于操作的設計、代碼、應用程序面板等仍在屏幕右側，但是比起dw 4來已經有所擴充，我們來一一了解。

　　design項


圖3

(如圖3)這里包括“css styles”、“html styles”、“behaviors”3個選項卡。基本使用方法與dw 4中相同。

　　code項


圖4

(如圖4)這里包括“tag inspector”、“snippets”、“reference”選項卡，給熱衷于到源代碼中尋根究底的網頁愛好者提供了極大的方便。其中“tag inspector” 選項將整個頁面的html標簽以樹狀形式展開，雙擊標簽即可方便地修改它們的各項屬性，“snippets”選項提供了許多典型代碼的片段，分類也很清楚，直接拖拽到頁面上即可使用。“reference”選項提供了很多網頁編程語言，如html、asp、jsp的參考手冊，假如編程時碰到了什么疑難，可以從這里直接得到幫助。

　　application項


圖5

(如圖5)這里包括“datebases”、“bindings”、“server behaviors”、“components”4個選項卡。它們的作用主要是幫助設計者完成網頁后臺的數據庫應用程序。

　　insert項


圖6

(如圖6)在dw mx界面的上方，是“insert”選項，也就是以前的“object”選項，但它的分類已經比dw 4要全面得多，也作了很多改進，比如“media”選項卡中的“flash button”和“flash text”已經開始支持中文。 尤其值得一提的是它的“application”選項卡，對于dw 4的用戶來說它比較生疏，但對于使用過dw ultra dev的人就會發現，它與dw ultra dev的live很相似。它的作用有：建立記錄集；選擇綁定記錄的表格后重復區域；將某個記錄集中所有字段一次綁定在表格中，可以定制重復記錄數和表格的一些參數；將記錄集中的某個字段綁定到頁面；翻頁鏈接導航；當前記錄數；一次生成顯示頁和細節頁；增加記錄行為；修改記錄行為。這些，都是我們進行網頁后臺數據庫設計的利器。 　　properties項|||


圖7

(如圖7)在dw mx界面的下方，用來調整網頁中各個對象的屬性。

　　file項


圖8

(如圖8)站點治理器給整合到了“file”選項里，雙擊“define a site”即可啟動新建站點向導，同dw 4不同的是，它給出了“sever mode” 和“no sever mode” 兩種方案，假如選擇“sever mode”，則會提供與數據庫連接的向導，并提供對php mysql與asp.net的支持。

　　answers項


圖9

(如圖9)問答選項也是dw mx新加入的一項更貼近用戶的功能，假如你在編輯網頁時碰到什么問題，可以直接向問答面板提出查詢，它能還能顯示macromedia網站中的技術支持、小技巧等。

　　此外，dw mx還加入了代碼自動完成功能，會按照用戶寫的代碼片段自動給出提示，協助用戶提高編寫代碼的效率(如圖 10)。


圖10

一句話，dw mx擁有全新的工作界面，更簡潔的工作環境。下一次我們將來看看如何使用dw mx來設計網頁。