當前位置:才華齋>設計>網頁設計>

Dreamweaver工作區佈局有哪些工具

網頁設計 閱讀(6.59K)

Dreamweaver用來編輯網頁,我們的主要工作區域就是工作區,當我們瞭解了這個工作區佈局之後,我們才可以更好的設計與編寫網頁,更有效率的處理網頁設計的工作。以下是小編為大家搜尋整理的Dreamweaver工作區佈局有哪些工具,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

Dreamweaver工作區佈局有哪些工具

1、文件視窗。在整個工作區當中面積最大的一塊就是文件視窗,這裡展示了網頁的內容。如果我們點選程式碼,那麼這裡就是網頁的程式碼,如果我們點選設計,那麼這裡就是網頁的一個設計介面。

2、面板組。在整個文件視窗的右邊就是一個面板組,這裡有著各種各樣的面板,我們可以快速的進行操作,從而讓網頁的編寫更有效率。隨著我們的滑鼠在文件中的.移動,這個面板中的內容也會隨之發生變化。

3、屬性檢查器。當我們的滑鼠在文件中點選一個標籤的時候,在文件的下方就會出現一個屬性檢查器。我們就可以瞭解到這個標籤的各種屬性。

4、檔案面板。我們開啟網頁檔案的時候,在右面會有一個檔案面板,這也是非常有用的,我們通過這個檔案面板可以瞭解到網頁當中所有的影象、CSS樣式等資訊,這對於相關元素的替換很有用。

5、標籤選擇器。我們在程式碼文件的下方可以看見一個標籤條,這裡面是網頁中所有的標籤,我們只要點選一下這個標籤選擇器就可以從程式碼中選擇標籤所在的程式碼。

6、插入欄。在編輯視窗的左上角有一個插入欄,這裡面有著各種的網頁元素,我們可以進行插入,從而讓網頁中迅速多了一個我們想要的元素。