- 相關(guān)推薦
DreamWeaver面板定制網(wǎng)站的顏色的方法介紹
在平平淡淡的學(xué)習(xí)、工作、生活中，大家對(duì)DreamWeaver面板都再熟悉不過(guò)了吧，下面是小編為大家整理的DreamWeaver面板定制網(wǎng)站的顏色的方法介紹，僅供參考，希望能夠幫助到大家。
DreamWeaver面板定制網(wǎng)站的顏色的方法介紹
首先，我們單擊“Window”—“Assets”，或者按“F11”鍵。打開(kāi)了Assets面板。面板的左邊9個(gè)按鈕將你站點(diǎn)中的元素根據(jù)類型分別歸類管理，當(dāng)你單擊一個(gè)按鈕時(shí)，相應(yīng)的名稱會(huì)出現(xiàn)在面板頂部，名稱旁邊有“site”與“Favoritesg”兩個(gè)單選按鈕。單擊顏色“colors”按鈕，Assets面板的頂部出現(xiàn)了Colors的字樣，如圖1。頂部有兩個(gè)選項(xiàng)，“Site”和“Favorites”，可以將資源面板作為簡(jiǎn)單的站點(diǎn)資源列表(Site list)和將某些個(gè)人喜愛(ài)的資源集合起來(lái)，作為偏好資源列表(Favorites list)。其中站點(diǎn)資源列表和偏好資源列表的操作絕大部分是相同的。如果選中一種顏色，就會(huì)在上面的窗口中顯示這種顏色的十六進(jìn)制值的色彩濃淡度和三色對(duì)應(yīng)碼(RGB)。如果要減少網(wǎng)站中所使用的顏色數(shù)，就可以只在Assets面板中的Favorites區(qū)中加入需要的顏色，只需將選取的顏色反白，然后點(diǎn)擊窗口底部最右面的按鈕(被稱作“Add to Favorites”的按鈕)即可。
在站點(diǎn)資源列表(Site list)里邊，你可以隨意地添加顏色到偏好資源列表(Favorites list)中。方法是選中一個(gè)顏色之后，點(diǎn)擊面板右下角的“Add to Favorites”，或者是在所選顏色上單擊鼠標(biāo)右鍵，選擇“Add to Favorites”。如果要應(yīng)用某種顏色，直接拖動(dòng)這個(gè)顏色到你已經(jīng)選擇好的文本上即可，也可以點(diǎn)擊面板左下角的“Apply”。
在偏好資源列表(Favorites list)中,除了站點(diǎn)顏色中轉(zhuǎn)移過(guò)來(lái)的顏色之外，你還可以隨意添加新的喜好顏色。方法是，按右下角的“New color”按鈕，或是鼠標(biāo)右鍵的“New color”選項(xiàng)。錯(cuò)了也不要緊，輕松刪除，按右下角按鈕“Remove from Favorites”，或是鼠標(biāo)右鍵的“Remove from Favorites”選項(xiàng)。如果要應(yīng)用某種顏色，直接拖動(dòng)這個(gè)顏色到你已經(jīng)選擇好的文本上即可。也可以點(diǎn)擊面板左下角的“Apply”。同時(shí)提供了顏色夾功能，你可以把比較常用的或是同一類的顏色放在一個(gè)你命名好的顏色夾里，方便找尋。添加新的顏色夾,按右下角的“New Favorites Folder”按鈕，或是鼠標(biāo)右鍵的“New Favorites Folder”選項(xiàng)，刪除方法同顏色刪除方法一樣。同時(shí)你可以為一個(gè)你自己喜歡的顏色定一個(gè)昵稱來(lái)代替原來(lái)的十六進(jìn)制值的色彩濃淡度。方法就和普通的文件重命名一樣簡(jiǎn)單。還可以改變?cè)械念伾�，直接快速雙擊，彈出選框。或者是按右下角的“Edit”按鈕。
如果你對(duì)站點(diǎn)內(nèi)的某些文字又加了一些顏色，不用擔(dān)心資源面板的顏色列表并不立刻改變,直接點(diǎn)擊“Refresh Site List”(刷新站點(diǎn)列表)按鈕,刷新資源列表(因?yàn)橘Y源列表需要根據(jù)DW的站點(diǎn)緩存文件讀取文件列表,所以需要通過(guò)刷新,使資源面板再次讀取緩存文件中的資料)。同樣,在刷新資源時(shí),需要先存在站點(diǎn)緩存文件,資源面板將讀取緩存文件的資料進(jìn)行列表顯示.手工重建站點(diǎn)緩存文件：按鼠標(biāo)“Control”鍵(Windows操作系統(tǒng))或“Command”鍵(Macintosh操作系統(tǒng))點(diǎn)擊資源面板底部的“Refresh Site List”(刷新站點(diǎn)列表)按鈕。
其實(shí)就是這么簡(jiǎn)單。好了，下邊就開(kāi)始制定你的網(wǎng)站顏色吧，繼續(xù)你的網(wǎng)頁(yè)之旅，DW4會(huì)讓你的工作更輕松。
拓展資料：
如何使用 DOM 面板
打開(kāi)所需的文檔，然后依次選擇“窗口”>“DOM”即可打開(kāi) DOM 面板。
切換至實(shí)時(shí)視圖，并單擊希望檢查或編輯的元素。
或者，您可以在 DOM 面板中選擇一個(gè) HTML 元素。當(dāng)您單擊 DOM 面板中的任何元素時(shí)：
不同視圖和 CSS Designer 之間的同步讓您能夠概覽與選定元素相關(guān)聯(lián)的 HTML 標(biāo)記和樣式。
實(shí)時(shí)視圖滾動(dòng)到相應(yīng)的元素。
如果代碼視圖打開(kāi)，則代碼視圖滾動(dòng)到與該元素對(duì)應(yīng)的代碼。
CSS Designer（選擇器窗格）滾動(dòng)到最接近的相應(yīng)選擇器（類似于在實(shí)時(shí)視圖中單擊元素）。
此標(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)記的信息，請(qǐng)參閱使用 DOM 面板編輯 HTML 結(jié)構(gòu)。有關(guān) CSS Designer 的信息，請(qǐng)參閱使用 CSS Designer 對(duì)頁(yè)面進(jìn)行布局。
使用 DOM 面板編輯 HTML 結(jié)構(gòu)
頁(yè)面上當(dāng)前選定的元素在 DOM 面板中突出顯示�？墒褂眉^鍵，導(dǎo)航到任意節(jié)點(diǎn)或元素。
若要選擇元素或節(jié)點(diǎn)，請(qǐng)單擊相應(yīng)的元素或節(jié)點(diǎn)。若要展開(kāi)或折疊元素或節(jié)點(diǎn)，請(qǐng)單擊 HTML 標(biāo)簽或在標(biāo)簽周圍雙擊選擇器。
若要復(fù)制元素或節(jié)點(diǎn)，右鍵單擊相應(yīng)的元素或節(jié)點(diǎn)，并單擊“復(fù)制”。當(dāng)復(fù)制的元素具有與之關(guān)聯(lián)的 ID 時(shí)，新的（復(fù)制的）元素將會(huì)增加相關(guān) ID。
若要拷貝元素或節(jié)點(diǎn)，請(qǐng)右鍵單擊相應(yīng)的元素或節(jié)點(diǎn)，然后單擊“拷貝”。如果拷貝了包含子項(xiàng)的元素，該子項(xiàng)元素也會(huì)被拷貝。
若要粘帖元素或節(jié)點(diǎn)，單擊希望在其下嵌套所拷貝元素的相應(yīng)元素或節(jié)點(diǎn)。然后，右鍵單擊該元素或節(jié)點(diǎn)，并單擊“粘帖”。
若要將拷貝的元素粘貼為特定元素或節(jié)點(diǎn)的子項(xiàng)，請(qǐng)右鍵單擊相關(guān)元素或節(jié)點(diǎn)（父級(jí)），然后單擊“粘貼為子項(xiàng)”。
若要移動(dòng)或重新排列元素，請(qǐng)將元素拖動(dòng)到 DOM 面板中的所需位置。
出現(xiàn)的綠線指明放置拖動(dòng)的元素的位置。如果將元素放在灰色突出顯示的元素（引用元素）上面，則放置的元素將被作為參考元素的第一個(gè)子項(xiàng)。
若要?jiǎng)h除元素或節(jié)點(diǎn)，右鍵單擊相應(yīng)的元素或節(jié)點(diǎn)，并單擊“刪除”。
注意：可撤銷 (Ctrl/cmd + Z) 或還原 (Ctrl/cmd + Y) 在 DOM 面板中執(zhí)行的操作。
要對(duì)多個(gè)元素執(zhí)行上面提及的編輯操作，請(qǐng)?jiān)?DOM 面板中選擇多個(gè)元素：
按住 Shift 鍵并單擊所需的元素以進(jìn)行連續(xù)選擇
按住 Ctrl 鍵并單擊所需的元素以進(jìn)行非連續(xù)選擇
鍵盤快捷鍵：
復(fù)制- 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面板定制網(wǎng)站的顏色的方法介紹】相關(guān)文章：
DreamWeaver面板定制網(wǎng)站的顏色的方法08-13
如何用DreamWeaver面板定制網(wǎng)站的顏色08-09
Dreamweaver屬性面板創(chuàng)建鏈接的方法07-31
Dreamweaver用屬性面板創(chuàng)建鏈接的方法07-30
Dreamweaver屬性面板創(chuàng)建鏈接的方法有哪些07-21
制作Dreamweaver發(fā)布網(wǎng)站的方法07-12
Dreamweaver屬性面板創(chuàng)建鏈接02-26