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