- 相關推薦
DreamWeaver面板定制網站的顏色的方法介紹
在平平淡淡的學習、工作、生活中，大家對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 面板中突出顯示。
所應用的選擇器在 CSS Designer 中突出顯示。
相關代碼在代碼視圖中突出顯示。
相關標簽在標簽選擇器中（以藍色）突出顯示。
繼續根據要求編輯該元素（HTML 或 CSS 編輯）。有關使用 DOM 面板編輯 HTML 標記的信息，請參閱使用 DOM 面板編輯 HTML 結構。有關 CSS Designer 的信息，請參閱使用 CSS Designer 對頁面進行布局。
使用 DOM 面板編輯 HTML 結構
頁面上當前選定的元素在 DOM 面板中突出顯示。可使用箭頭鍵，導航到任意節點或元素。
若要選擇元素或節點，請單擊相應的元素或節點。若要展開或折疊元素或節點，請單擊 HTML 標簽或在標簽周圍雙擊選擇器。
若要復制元素或節點，右鍵單擊相應的元素或節點，并單擊“復制”。當復制的元素具有與之關聯的 ID 時，新的（復制的）元素將會增加相關 ID。
若要拷貝元素或節點，請右鍵單擊相應的元素或節點，然后單擊“拷貝”。如果拷貝了包含子項的元素，該子項元素也會被拷貝。
若要粘帖元素或節點，單擊希望在其下嵌套所拷貝元素的相應元素或節點。然后，右鍵單擊該元素或節點，并單擊“粘帖”。
若要將拷貝的元素粘貼為特定元素或節點的子項，請右鍵單擊相關元素或節點（父級），然后單擊“粘貼為子項”。
若要移動或重新排列元素，請將元素拖動到 DOM 面板中的所需位置。
出現的綠線指明放置拖動的元素的位置。如果將元素放在灰色突出顯示的元素（引用元素）上面，則放置的元素將被作為參考元素的第一個子項。
若要刪除元素或節點，右鍵單擊相應的元素或節點，并單擊“刪除”。
注意：可撤銷 (Ctrl/cmd + Z) 或還原 (Ctrl/cmd + Y) 在 DOM 面板中執行的操作。
要對多個元素執行上面提及的編輯操作，請在 DOM 面板中選擇多個元素：
按住 Shift 鍵并單擊所需的元素以進行連續選擇
按住 Ctrl 鍵并單擊所需的元素以進行非連續選擇
鍵盤快捷鍵：
復制- Ctrl+D (Win) Ctrl/Cmd + D (Mac)
刪除- DEL 或 Backspace
拷貝- Ctrl + C (Win) /Cmd + C (Mac)
粘貼- Ctrl + V (Win) /Cmd + V (Mac)
還原- Ctrl+z (Win) /Cmd + Z (Mac)
重做- Ctrl + Y (Win) /Cmd + Y (Mac)
【DreamWeaver面板定制網站的顏色的方法介紹】相關文章：
Dreamweaver屬性面板創建鏈接的方法有哪些07-21
制作Dreamweaver發布網站的方法07-12
Dreamweaver屬性面板創建鏈接02-26
用Dreamweaver屬性面板創建鏈接01-31