DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 如何用DreamWeaver面板定制網站的顏色
如何用DreamWeaver面板定制網站的顏色
編輯:Dreamweaver入門     

  DW4出台也有相當一段時間了,眾多體貼的新功能讓設計師們興奮了好久。這其中比較矚目的就是新的Assets面板。作為一個Web設計師來說效率是十分重要的,DW4的Asset可以讓你統一地管理整個站點的資源。這樣可以免去反復搜索的痛苦,可以成倍地增長效率。DW4新的Assets面板是一種可以在編輯網站時根據檔案型態,例如圖片、樣板等來管理檔案的新工具,當你定義新站台時,所有類型的組件會自動增加到Asset面板裡的適當表框中。當我們定義一個站點時,這個站點內的所有上述類型的元素,將自動分類在Assets面板中顯示,就是所謂的資源面板。在這個Assets面板中,你可以存儲你自己設定的圖片、鏈接、Flash影片、顏色表、模板等等,組成這個站點的資產。注意,在使用資源面板前,你必須首先定義站點並生成一個站點緩存文件。而且如果文件量大,面板將花費簡短的時間創建資源列表。

  下面我們就來看一看如何利用DW4的Assets面板來定做自己的顏色表。

  首先,我們單擊“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會讓你的工作更輕松。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved