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

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

　　design項


圖3

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

　　code項


圖4

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

　　application項


圖5

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

　　insert項


圖6

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


圖7

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

　　file項


圖8

(如圖8)站點治理器給整合到了“file”選項里，雙擊“define a site”即可啟動新建站點向?qū)В琩w 4不同的是，它給出了“sever mode” 和“no sever mode” 兩種方案，假如選擇“sever mode”，則會提供與數(shù)據(jù)庫連接的向?qū)В⑻峁hp mysql與asp.net的支持。

　　answers項


圖9

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

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


圖10

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