一個(gè)好的網(wǎng)站首先要確定好主題。沒有吸引人的主題，再好的色彩搭配和特效，也留不住來訪者。選擇主題是制作網(wǎng)站的第一步。想想為什么要做這個(gè)網(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)格，讓訪問者很快記住你的主頁。但切記，用一個(gè)能吸引來訪者注意力卻與主題無關(guān)的標(biāo)題是不可取的，這樣只會讓訪問者感到厭煩。


“問渠哪得清如許，為有源頭活水來”。做網(wǎng)站也一樣，內(nèi)容一定要充實(shí)，要經(jīng)常更新，還要有一定的交互性，在網(wǎng)站的可讀性、閱讀方便性上也要多花點(diǎn)心思。另外，盡量避免出現(xiàn)雜貨鋪式的網(wǎng)站，什么東西都一股腦地往自己的網(wǎng)站上堆，勢必分散訪問者的注意力。

結(jié)構(gòu)：網(wǎng)站的脊梁
　　做網(wǎng)站就像搭積木，上面說到的主題和內(nèi)容就是這些積木塊，是搭成擎天大廈，還是散亂地堆成一堆，就要看你的創(chuàng)造力和想像力了。設(shè)計(jì)版面的常用招數(shù)是：拿一張白紙、一支筆，先勾畫出你理想中的草圖，然后再用相關(guān)的制作軟件來實(shí)現(xiàn)。而且你可以參考網(wǎng)上眾多的站點(diǎn)，博采眾長。如果你實(shí)在感覺有點(diǎn)力不從心的話，也不要緊，網(wǎng)上有許多精美的網(wǎng)頁模板可供下載，從中挑一個(gè)中意的，再加上自己的一些修飾和雕琢，做一個(gè)能夠很好地反映網(wǎng)站主題的框架也不難。

優(yōu)秀網(wǎng)站及模板下載站：
蟻盟：http://www.yimeng.org/
視覺中國：http://www.chinavisual.com/
中國品網(wǎng)：http://www.fwchina.com/pick/
文化空間網(wǎng)盟：http://www.xiaoxiang.net/web/

色彩：網(wǎng)站的霓裳
色彩搭配可能是最讓菜鳥們頭疼的事，怎樣做好網(wǎng)頁的色彩配搭呢？來看兩個(gè)例子：

如圖1，這是“騰閣之風(fēng)”網(wǎng)站(www.tgzf.com)，首頁以較冷的淡藍(lán)為基本色調(diào)，清新、素雅，并且使用了Java特效，一圈圈漣漪在主畫面上蕩漾，給人一種清新脫俗的感覺，讓人過目不忘。

由此看來，頁面的色彩搭配是與網(wǎng)站的主題分不開的，好的頁面搭配能夠烘托主題，增強(qiáng)主題的表現(xiàn)力。在色彩搭配上，一般來說，頁面的主體文字應(yīng)盡量使用黑色(與背景對比明顯)，按鈕、邊框、背景等使用彩色，這樣，頁面既不顯單調(diào)，瀏覽時(shí)也不會有眼花繚亂的感覺。

色彩的應(yīng)用最好根據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào)，再根據(jù)這個(gè)基調(diào)來搭配其他顏色。不過主基調(diào)色還好確定，關(guān)鍵是其他顏色的配搭，對于沒有一定美術(shù)知識的菜鳥來說，很可能越配越糟。一般來講，綠色配以金黃、淡白，可以產(chǎn)生優(yōu)雅、舒適的氣氛；藍(lán)色與白色混合，能給人柔順、淡雅、浪漫的感覺；紅色和黃色、金色搭配能渲染喜慶的氣氛；而金色和咖啡色搭配則會給人帶來暖意。選擇一種與主題基調(diào)一致的方案，并由此發(fā)揮，就形成了整個(gè)網(wǎng)頁的色彩。整個(gè)頁面在視覺上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的最佳視覺效果。在具體操作時(shí)，可以借助一些好用的工具軟件來輔助完成這些工作，比如“三生有幸網(wǎng)頁配色工具”就是一個(gè)很不錯(cuò)的配色幫手，筆者一直都用它。下面簡單了解一下它的用法吧。

三生有幸網(wǎng)頁配色工具
軟件性質(zhì)：免費(fèi)
軟件大?。?24KB
下栽地址：http://ting828.myetang.com/webcolor.RAR

我們以藍(lán)色基調(diào)的網(wǎng)站為例來講解怎樣使用這個(gè)工具：


1.用鼠標(biāo)點(diǎn)擊左下方調(diào)色盤中你喜歡的藍(lán)色(如圖2)，右邊立即出現(xiàn)了許多適合與藍(lán)色搭配的配色方案。每種顏色的下方都有該顏色的RGB值和相應(yīng)的色彩十六進(jìn)制代碼。同時(shí)，被選中的基色的RGB值和代碼也會顯示在窗口的左上方。

2.如果對剛才選擇的配色方案不太滿意，還可以選擇左邊的“全部變亮”或“全部變暗”，一定可以找到自己滿意的。

3.將剛才選擇的顏色作為網(wǎng)頁的基本色調(diào)，將周圍的其他顏色作為輔助色，分別為網(wǎng)頁的字體、圖片、邊框等元素分配一種顏色。


調(diào)色盤

4.利用每種顏色下方顯示的代碼，將這些配色應(yīng)用到網(wǎng)頁中。如果是不懂代碼的初學(xué)者，在相應(yīng)的網(wǎng)頁設(shè)計(jì)軟件中可以直接從調(diào)色板中選色，也可以直接輸入顏色的RGB值；如果懂一點(diǎn)代碼的話，可以直接切換到代碼視圖方式，用圖中的16進(jìn)制代碼替換CSS中的原有顏色代碼就OK了。

如果你在別人的網(wǎng)頁上看到了非常喜歡的色彩，也想把它應(yīng)用到自己的網(wǎng)頁中的話，不妨讓下面這個(gè)網(wǎng)頁取色小軟件來幫你。

HTMLcolor
軟件大?。?69 KB
軟件性質(zhì)：免費(fèi)軟件
下載地址：http://hjem.get2net.dk/fec/software/htmlcol/htmlcol.zip

將下載得到的文件解壓后，運(yùn)行其中的“htmlcol.exe”。將鼠標(biāo)定位到某個(gè)你喜歡的顏色上(指向即可，不用點(diǎn)擊)，在左邊的小窗口中就顯示出了鼠標(biāo)所指位置四周的截圖。同時(shí)，該軟件已經(jīng)將鼠標(biāo)定位處的顏色抓取下來了。在哪兒？就在右邊的五個(gè)文本框中。不過，為什么有五個(gè)數(shù)值呢？呵呵，它們分別代表同一種顏色的五種表現(xiàn)形。