1、文檔視窗。在整個工作區當中面積最大的一塊就是文檔視窗，這裏展示了網頁的內容。如果我們點擊代碼，那麼這裏就是網頁的代碼，如果我們點擊設計，那麼這裏就是網頁的一個設計介面。
2、面板組。在整個文檔視窗的右邊就是一個面板組，這裏有着各種各樣的面板，我們可以快速的進行操作，從而讓網頁的編寫更有效率。隨着我們的鼠標在文檔中的移動，這個面板中的內容也會隨之發生變化。
3、屬性檢查器。當我們的鼠標在文檔中點擊一個標籤的時候，在文檔的下方就會出現一個屬性檢查器。我們就可以瞭解到這個標籤的各種屬性。
4、檔案面板。我們開啟網頁檔案的時候，在右面會有一個檔案面板，這也是非常有用的，我們透過這個檔案面板可以瞭解到網頁當中所有的圖像、CSS樣式等資訊，這對於相關元素的替換很有用。
5、標籤選擇器。我們在代碼文檔的下方可以看見一個標籤條，這裏面是網頁中所有的標籤，我們只要點擊一下這個標籤選擇器就可以從代碼中選擇標籤所在的代碼。
6、插入欄。在編輯視窗的左上角有一個插入欄，這裏面有着各種的網頁元素，可以進行插入，從而讓網頁中迅速多了一個想要的元素。
