DreamWeaver面板定制網站的顏色的方法介紹

時間：2025-11-04 20:50:00 網頁設計

　　在平平淡淡的學習、工作、生活中，大家對DreamWeaver面板都再熟悉不過了吧，下面是小編為大家整理的DreamWeaver面板定制網站的顏色的方法介紹，僅供參考，希望能夠幫助到大家。

　　DreamWeaver面板定制網站的顏色的方法介紹

　　首先，我們單擊“Window”—“Assets”，或者按“F11”鍵。打開了Assets面板。面板的左邊9個按鈕將你站點中的元素根據類型分別歸類管理，當你單擊一個按鈕時，相應的名稱會出現在面板頂部，名稱旁邊有“site”與“Favoritesg”兩個單選按鈕。單擊顏色“colors”按鈕，Assets面板的頂部出現了Colors的字樣，如圖1。頂部有兩個選項，“Site”和“Favorites”，可以將資源面板作為簡單的站點資源列表(Site list)和將某些個人喜愛的資源集合起來，作為偏好資源列表(Favorites list)。其中站點資源列表和偏好資源列表的操作絕大部分是相同的。如果選中一種顏色，就會在上面的窗口中顯示這種顏色的十六進制值的色彩濃淡度和三色對應碼(RGB)。如果要減少網站中所使用的顏色數，就可以只在Assets面板中的Favorites區中加入需要的顏色，只需將選取的顏色反白，然后點擊窗口底部最右面的按鈕(被稱作“Add to Favorites”的按鈕)即可。

　　在站點資源列表(Site list)里邊，你可以隨意地添加顏色到偏好資源列表(Favorites list)中。方法是選中一個顏色之后，點擊面板右下角的“Add to Favorites”，或者是在所選顏色上單擊鼠標右鍵，選擇“Add to Favorites”。如果要應用某種顏色，直接拖動這個顏色到你已經選擇好的文本上即可，也可以點擊面板左下角的“Apply”。

　　在偏好資源列表(Favorites list)中,除了站點顏色中轉移過來的顏色之外，你還可以隨意添加新的喜好顏色。方法是，按右下角的“New color”按鈕，或是鼠標右鍵的“New color”選項。錯了也不要緊，輕松刪除，按右下角按鈕“Remove from Favorites”，或是鼠標右鍵的“Remove from Favorites”選項。如果要應用某種顏色，直接拖動這個顏色到你已經選擇好的文本上即可。也可以點擊面板左下角的“Apply”。同時提供了顏色夾功能，你可以把比較常用的或是同一類的顏色放在一個你命名好的顏色夾里，方便找尋。添加新的顏色夾,按右下角的“New Favorites Folder”按鈕，或是鼠標右鍵的“New Favorites Folder”選項，刪除方法同顏色刪除方法一樣。同時你可以為一個你自己喜歡的顏色定一個昵稱來代替原來的十六進制值的色彩濃淡度。方法就和普通的文件重命名一樣簡單。還可以改變原有的顏色，直接快速雙擊，彈出選框。或者是按右下角的“Edit”按鈕。

　　如果你對站點內的某些文字又加了一些顏色，不用擔心資源面板的顏色列表并不立刻改變,直接點擊“Refresh Site List”(刷新站點列表)按鈕,刷新資源列表(因為資源列表需要根據DW的站點緩存文件讀取文件列表,所以需要通過刷新,使資源面板再次讀取緩存文件中的資料)。同樣,在刷新資源時,需要先存在站點緩存文件,資源面板將讀取緩存文件的資料進行列表顯示.手工重建站點緩存文件：按鼠標“Control”鍵(Windows操作系統)或“Command”鍵(Macintosh操作系統)點擊資源面板底部的“Refresh Site List”(刷新站點列表)按鈕。

　　其實就是這么簡單。好了，下邊就開始制定你的網站顏色吧，繼續你的網頁之旅，DW4會讓你的工作更輕松。

　　拓展資料：

　　如何使用 DOM 面板

　　打開所需的文檔，然后依次選擇“窗口”>“DOM”即可打開 DOM 面板。

　　切換至實時視圖，并單擊希望檢查或編輯的元素。

　　或者，您可以在 DOM 面板中選擇一個 HTML 元素。當您單擊 DOM 面板中的任何元素時：

　　不同視圖和 CSS Designer 之間的同步讓您能夠概覽與選定元素相關聯的 HTML 標記和樣式。

　　實時視圖滾動到相應的元素。

　　如果代碼視圖打開，則代碼視圖滾動到與該元素對應的代碼。

　　CSS Designer（選擇器窗格）滾動到最接近的相應選擇器（類似于在實時視圖中單擊元素）。

　　此標簽在標簽選擇器中突出顯示。

　　選定元素的 HTML 標記在 DOM 面板中突出顯示。