主題:網(wǎng)站的靈魂
一個好的網(wǎng)站首先要確定好主題。沒有吸引人的主題,再好的色彩搭配和**,也留不住來訪者。選擇主題是制作網(wǎng)站的前幾步。想想為什么要做這個網(wǎng)站?展示自我、收集資料、聯(lián)絡(luò)感情?能給網(wǎng)友或者自己帶來什么?
確立了網(wǎng)站的主題,下面就應(yīng)該考慮網(wǎng)站的標(biāo)題了。網(wǎng)頁的標(biāo)題同樣很重要,好的標(biāo)題應(yīng)能體現(xiàn)網(wǎng)頁的主題和風(fēng)格,讓訪問者很快記住你的主頁。但切記,用一個能吸引來訪者注意力卻與主題無關(guān)的標(biāo)題是不可取的,這樣只會讓訪問者感到厭煩。
“問渠哪得清如許,為有源頭活水來”。做網(wǎng)站也一樣,內(nèi)容一定要充實,要經(jīng)常更新,還要有一定的交互性,在網(wǎng)站的可讀性、閱讀方便性上也要多花點心思。另外,盡量避免出現(xiàn)雜貨鋪式的網(wǎng)站,什么東西都一股腦地往自己的網(wǎng)站上堆,勢必分散訪問者的注意力。
結(jié)構(gòu):網(wǎng)站的脊梁
做網(wǎng)站就像搭積木,上面說到的主題和內(nèi)容就是這些積木塊,是搭成擎天大廈,還是散亂地堆成一堆,就要看你的創(chuàng)造力和想像力了。設(shè)計版面的常用招數(shù)是:拿一張白紙、一支筆,先勾畫出你理想中的草圖,然后再用相關(guān)的制作軟件來實現(xiàn)。而且你可以參考網(wǎng)上眾多的站點,博采眾長。如果你實在感覺有點力不從心的話,也不要緊,網(wǎng)上有許多精美的網(wǎng)頁模板可供下載,從中挑一個中意的,再加上自己的一些修飾和雕琢,做一個能夠很好地反映網(wǎng)站主題的框架也不難。
**網(wǎng)站及模板下載站:
蟻盟:
色彩:網(wǎng)站的霓裳
色彩搭配可能是更讓菜鳥們頭疼的事,怎樣做好網(wǎng)頁的色彩配搭呢?來看兩個例子:
如圖1,這是“騰閣之風(fēng)”網(wǎng)站(),首頁以較冷的淡藍為基本色調(diào),清新、素雅,并且使用了Java**,一圈圈漣漪在主畫面上蕩漾,給人一種清新脫俗的感覺,讓人過目不忘。
由此看來,頁面的色彩搭配是與網(wǎng)站的主題分不開的,好的頁面搭配能夠烘托主題,增強主題的表現(xiàn)力。在色彩搭配上,一般來說,頁面的主體文字應(yīng)盡量使用黑色(與背景對比明顯),按鈕、邊框、背景等使用彩色,這樣,頁面既不顯單調(diào),瀏覽時也不會有眼花繚亂的感覺。
色彩的應(yīng)用更好根據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào),再根據(jù)這個基調(diào)來搭配其他顏色。不過主基調(diào)色還好確定,關(guān)鍵是其他顏色的配搭,對于沒有一定美術(shù)知識的菜鳥來說,很可能越配越糟。一般來講,綠色配以金黃、淡白,可以產(chǎn)生優(yōu)雅、舒適的氣氛;藍色與白色混合,能給人柔順、淡雅、浪漫的感覺;紅色和黃色、金色搭配能渲染喜慶的氣氛;而金色和咖啡色搭配則會給人帶來暖意。選擇一種與主題基調(diào)一致的方案,并由此發(fā)揮,就形成了整個網(wǎng)頁的色彩。整個頁面在視覺上應(yīng)是一個整體,以達到和諧、悅目的更佳視覺效果。在具體操作時,可以借助一些好用的工具軟件來輔助完成這些工作,比如“三生有幸網(wǎng)頁配色工具”就是一個很不錯的配色幫手,筆者一直都用它。下面簡單了解一下它的用法吧。
三生有幸網(wǎng)頁配色工具
軟件性質(zhì):免費
軟件大小:324KB
下栽地址:
我們以藍色基調(diào)的網(wǎng)站為例來講解怎樣使用這個工具:
1.用鼠標(biāo)點擊左下方調(diào)色盤中你喜歡的藍色(如圖2),右邊立即出現(xiàn)了許多適合與藍色搭配的配色方案。每種顏色的下方都有該顏色的RGB值和相應(yīng)的色彩十六進制代碼。同時,被選中的基色的RGB值和代碼也會顯示在窗口的左上方。
2.如果對剛才選擇的配色方案不太滿意,還可以選擇左邊的“全部變亮”或“全部變暗”,一定可以找到自己滿意的。
3.將剛才選擇的顏色作為網(wǎng)頁的基本色調(diào),將周圍的其他顏色作為輔助色,分別為網(wǎng)頁的字體、圖片、邊框等元素分配一種顏色。
調(diào)色盤
4.利用每種顏色下方顯示的代碼,將這些配色應(yīng)用到網(wǎng)頁中。如果是不懂代碼的初學(xué)者,在相應(yīng)的網(wǎng)頁設(shè)計軟件中可以直接從調(diào)色板中選色,也可以直接輸入顏色的RGB值;如果懂一點代碼的話,可以直接切換到代碼視圖方式,用圖中的16進制代碼替換CSS中的原有顏色代碼就OK了。
如果你在別人的網(wǎng)頁上看到了非常喜歡的色彩,也想把它應(yīng)用到自己的網(wǎng)頁中的話,不妨讓下面這個網(wǎng)頁取色小軟件來幫你。
HTMLcolor
軟件大?。?69 KB
軟件性質(zhì):免費軟件
下載地址:
將下載得到的文件解壓后,運行其中的“htmlcol.exe”。將鼠標(biāo)定位到某個你喜歡的顏色上(指向即可,不用點擊),在左邊的小窗口中就顯示出了鼠標(biāo)所指位置四周的截圖。同時,該軟件已經(jīng)將鼠標(biāo)定位處的顏色抓取下來了。在哪兒?就在右邊的五個文本框中。不過,為什么有五個數(shù)值呢?呵呵,它們分別代表同一種顏色的五種表現(xiàn)形
一個網(wǎng)站的靈魂打造**網(wǎng)站的奇招巧技,希望能與大家多多交流,謝謝!