DreamWeaver面板定制網(wǎng)站的顏色的方法介紹

時間：2025-11-04 20:50:00 網(wǎng)頁設(shè)計

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

　　DreamWeaver面板定制網(wǎng)站的顏色的方法介紹

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

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

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

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

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

　　拓展資料：

　　如何使用 DOM 面板

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

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

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

　　不同視圖和 CSS Designer 之間的同步讓您能夠概覽與選定元素相關(guān)聯(lián)的 HTML 標(biāo)記和樣式。

　　實時視圖滾動到相應(yīng)的元素。

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

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

　　此標(biāo)簽在標(biāo)簽選擇器中突出顯示。

　　選定元素的 HTML 標(biāo)記在 DOM 面板中突出顯示。

　　所應(yīng)用的選擇器在 CSS Designer 中突出顯示。

　　相關(guān)代碼在代碼視圖中突出顯示。

　　相關(guān)標(biāo)簽在標(biāo)簽選擇器中（以藍(lán)色）突出顯示。

　　繼續(xù)根據(jù)要求編輯該元素（HTML 或 CSS 編輯）。有關(guān)使用 DOM 面板編輯 HTML 標(biāo)記的信息，請參閱使用 DOM 面板編輯 HTML 結(jié)構(gòu)。有關(guān) CSS Designer 的信息，請參閱使用 CSS Designer 對頁面進(jìn)行布局。

　　使用 DOM 面板編輯 HTML 結(jié)構(gòu)

　　頁面上當(dāng)前選定的元素在 DOM 面板中突出顯示。可使用箭頭鍵，導(dǎo)航到任意節(jié)點或元素。

　　若要選擇元素或節(jié)點，請單擊相應(yīng)的元素或節(jié)點。若要展開或折疊元素或節(jié)點，請單擊 HTML 標(biāo)簽或在標(biāo)簽周圍雙擊選擇器。

　　若要復(fù)制元素或節(jié)點，右鍵單擊相應(yīng)的元素或節(jié)點，并單擊“復(fù)制”。當(dāng)復(fù)制的元素具有與之關(guān)聯(lián)的 ID 時，新的（復(fù)制的）元素將會增加相關(guān) ID。

　　若要拷貝元素或節(jié)點，請右鍵單擊相應(yīng)的元素或節(jié)點，然后單擊“拷貝”。如果拷貝了包含子項的元素，該子項元素也會被拷貝。

　　若要粘帖元素或節(jié)點，單擊希望在其下嵌套所拷貝元素的相應(yīng)元素或節(jié)點。然后，右鍵單擊該元素或節(jié)點，并單擊“粘帖”。

　　若要將拷貝的元素粘貼為特定元素或節(jié)點的子項，請右鍵單擊相關(guān)元素或節(jié)點（父級），然后單擊“粘貼為子項”。

　　若要移動或重新排列元素，請將元素拖動到 DOM 面板中的所需位置。

　　出現(xiàn)的綠線指明放置拖動的元素的位置。如果將元素放在灰色突出顯示的元素（引用元素）上面，則放置的元素將被作為參考元素的第一個子項。

　　若要刪除元素或節(jié)點，右鍵單擊相應(yīng)的元素或節(jié)點，并單擊“刪除”。

　　注意：可撤銷 (Ctrl/cmd + Z) 或還原 (Ctrl/cmd + Y) 在 DOM 面板中執(zhí)行的操作。

　　要對多個元素執(zhí)行上面提及的編輯操作，請在 DOM 面板中選擇多個元素：