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