Dreamweaver界面具有一大批用戶可自由配置的面板和工具箱，界面如下圖。具體的界面名稱在以后的學(xué)習(xí)過程中會(huì)逐一介紹。

Dreamweaver分別為程序猿和設(shè)計(jì)員提供了專用的環(huán)境，還提供了一個(gè)把這兩者結(jié)合在一起的復(fù)合選項(xiàng)。

1.1“設(shè)計(jì)”視圖

“設(shè)計(jì)”視圖在Dreamweaver工作區(qū)中著重顯示其所見即所得的編輯器，它非常接近地顯示了Web頁(yè)面在瀏覽器中的效果。要激活“設(shè)計(jì)”視圖,可以單擊“文檔”工具欄中的“設(shè) 計(jì)”按鈕。

1.2“代碼”視圖

在Dreamweaver工作區(qū)中只顯示HTML代碼以及各種提高代碼編輯效率的工具。要切換到“代碼”視圖，可以單擊“文檔”工具欄中的“代碼”按鈕。

1.3“拆分”視圖

“拆分”視圖提供了一個(gè)混合的工作界面,可以同時(shí)查看設(shè)計(jì)和代碼。在其中一個(gè)窗口中所做的改動(dòng)都會(huì)馬上在另一個(gè)窗口中進(jìn)行更新。單擊“文檔” 工具欄中的“拆分”按鈕即可切換到“拆分視圖”。

此外Dreamweaver也提供了垂直拆分工作區(qū)的方式，方便使用寬屏幕的用戶。選擇“查看” > “垂直拆分' 命令即可。

Dreamweaver CS5 中的代碼、設(shè)計(jì)、拆分視圖你弄懂了嗎？