Adobe Dreamweaver,簡稱“DW”,中文名稱夢想編織者,最初為美國Macromedia公司開發,2005年被Adobe公司收購。DW是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網站建設。 網頁中的幾個關鍵要素,例如導覽列與小標題、網頁標志(LOGO)與橫幅(Banner)、背景與文字,以及超鏈接的顏色應該如何協調,都是網頁配色時需要認真考慮的問題。 導覽列與小標題:這是網站的導游。瀏覽者在不同的網頁中跳轉,要了解網站的架構與內容,都必須通過導覽列或頁面中的某些小標題。所以導覽列與小標題可以使用具有跳躍性的色彩,吸引瀏覽者的目光,讓人感覺架構清晰、層次分明。 網站背景為白色,導覽列使用網站的標準色——藍色為背景色,使導覽列在網頁中更加明顯,如圖所示: 網頁標志(LOGO)與橫幅(Bannner):是宣傳網站最重要的工具,所以這兩個部分一定要在頁面上脫穎而出。怎樣做到這一點呢?可以將它們做的像象形文字,色彩跟網頁的主題分離。有時為了更突出,也可以使用與主題色相反的顏色。 網站LOGO和Ba rlner都使用與背景色相反的白色,如此可以牢牢抓住瀏覽者的視線,如圖所示: 背景與文字:如果網站中使用了背景色,不需要考慮前景文字的配色問題。一般網站中文字占了相當大的比重,所以背景可以選擇彩度或明度較低的色彩,文字采用較為突出的亮色,讓人一目了然。背景與文字:如果網站中使用了背景色,不需要考慮前景文字的配色問題。 一般網站中文字占了相當大的比重,所以背景可以選擇彩度或明度較低的色彩,文字采用較為突出的亮色,讓人一目了然。 當然,有些網站為了讓瀏覽者對其留下深刻的印象,會在背景上做文章,例如,一頁空白頁的某處用了大塊的亮色,給人豁然開朗的感受。為了吸引瀏覽者的視線,突出背景,那么文字就要顯得暗一些,如此才能跟背景跳脫,便于閱讀。 網站使用紅色為背景,運用白色文字使文字突出,又不破壞整體效果,如圖所示: 背景與文字:如果網站中使用了背景色,不需要考慮前景文字的配色問題。一般網站中文字占了相當大的比重,所以背景可以選擇彩度或明度較低的色彩,文字采用較為突出的亮色,讓人一目了然。 當然,有些網站為了讓瀏覽者對其留下深刻的印象,會在背景上做文章,例如,一頁空白頁的某處用了大塊的亮色,給人豁然開朗的感受。為了吸引瀏覽者的視線,突出背景,那么文字就要顯得暗一些,如此才能跟背景跳脫,便于閱讀。 網站使用紅色為背景,運用白色文字使文字突出,又不破壞整體效果,如圖所示: 以上就是有關網頁中要素間的色彩搭配課程,希望對你有所幫助。
Adobe Dreamweaver使用所見即所得的接口,亦有HTML(標準通用標記語言下的一個應用)編輯的功能,借助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!