Dreamweaver用來(lái)編輯網(wǎng)頁(yè)，我們的主要工作區(qū)域就是工作區(qū)，當(dāng)我們了解了這個(gè)工作區(qū)布局之后，我們才可以更好的設(shè)計(jì)與編寫(xiě)網(wǎng)頁(yè)，更有效率的處理網(wǎng)頁(yè)設(shè)計(jì)的工作。

1、文檔窗口。在整個(gè)工作區(qū)當(dāng)中面積最大的一塊就是文檔窗口，這里展示了網(wǎng)頁(yè)的內(nèi)容。如果我們點(diǎn)擊代碼，那么這里就是網(wǎng)頁(yè)的代碼，如果我們點(diǎn)擊設(shè)計(jì)，那么這里就是網(wǎng)頁(yè)的一個(gè)設(shè)計(jì)界面。

2、面板組。在整個(gè)文檔窗口的右邊就是一個(gè)面板組，這里有著各種各樣的面板，我們可以快速的進(jìn)行操作，從而讓網(wǎng)頁(yè)的編寫(xiě)更有效率。隨著我們的鼠標(biāo)在文檔中的移動(dòng)，這個(gè)面板中的內(nèi)容也會(huì)隨之發(fā)生變化。

3、屬性檢查器。當(dāng)我們的鼠標(biāo)在文檔中點(diǎn)擊一個(gè)標(biāo)簽的時(shí)候，在文檔的下方就會(huì)出現(xiàn)一個(gè)屬性檢查器。我們就可以了解到這個(gè)標(biāo)簽的各種屬性。

4、文件面板。我們打開(kāi)網(wǎng)頁(yè)文件的時(shí)候，在右面會(huì)有一個(gè)文件面板，這也是非常有用的，我們通過(guò)這個(gè)文件面板可以了解到網(wǎng)頁(yè)當(dāng)中所有的圖像、CSS樣式等信息，這對(duì)于相關(guān)元素的替換很有用。

5、標(biāo)簽選擇器。我們?cè)诖a文檔的下方可以看見(jiàn)一個(gè)標(biāo)簽條，這里面是網(wǎng)頁(yè)中所有的標(biāo)簽，我們只要點(diǎn)擊一下這個(gè)標(biāo)簽選擇器就可以從代碼中選擇標(biāo)簽所在的代碼。

6、插入欄。在編輯窗口的左上角有一個(gè)插入欄，這里面有著各種的網(wǎng)頁(yè)元素，我們可以進(jìn)行插入，從而讓網(wǎng)頁(yè)中迅速多了一個(gè)我們想要的元素。