筆者首先想到的是FLASh可以做出漂亮的導(dǎo)航按鈕，所有的頁都用一樣的導(dǎo)航欄，以后只要更新這個FLASh動畫就可以使整個網(wǎng)站的頁面都得到更新。但實際使用后發(fā)現(xiàn)FLASh造成網(wǎng)頁的體積過大，在加上網(wǎng)站LOGO，商業(yè)BANNER……使網(wǎng)頁變的臃腫不堪。
這辦法不太好，于是筆者又考慮做個Javascript的導(dǎo)航欄，體積又很小。假設(shè)我們要做一個包含“動漫專欄”、“游戲天地”、“音樂同人”、“交友直通車”四個欄目的導(dǎo)航欄:
首先是便于更新，所以要做個外接的Javascript腳本，至于用到的語句就只有document.write(“”),新建一個文本文件，打開，輸入: document.write(" ");
document.write("動漫專欄"); /*在“ ”里的是hTML格式的元素，該元素定義了一個錨(Anchor)，也就是把“動漫專欄”作為一個超鏈接，“hREF”屬性指定“動漫專欄”鏈接到的其他資源上，也就是“”。(以下相同)*/
document.write(" ");/*該行是讓鏈接之間保持一個空格，使鏈接的下劃線不至于連在一起。也可以把空格該成“|”等來制造各種效果*/
document.write("游戲天地");
document.write(" ");
document.write("音樂同人");
document.write(" ");
document.write("交友直通車");
完成后，選擇“文件”菜單的“另存為”，在對話框的“文件名”中輸入“navigation.js”，“文件格式”里選“*.*”，于是，外接的JS腳本就寫好了。
接下來就是把JS鏈接到我們主頁的hTML源代碼里了。
具體做法:
在和之間，選擇想要讓導(dǎo)航欄顯示的地方，定位，輸入:
保存退出。隨后就是測試的工作了。雙擊主頁，看看效果，導(dǎo)航欄是否出現(xiàn)在我們想要的位置上。效果如下:
動漫專欄 游戲天地 音樂同人 交友直通車
注意:
1.在navigation.js里，除了hTML格式本來就必須有的空格外，更好不要有別的空格(包括全角的空格)或是回車，不然的話，裝載網(wǎng)頁時可能會提示出錯。如果覺得語句太長，想讓腳本看得清楚些而使用回車時，可以在每行末用“\”來結(jié)束，再打回車。
--------------------------------------------------------------------------------
2.這個navigation.js要和網(wǎng)頁放在同一目錄下，如果要放在不同的目錄，就要在網(wǎng)頁里的那段代碼里navigation.js的前面加上該文件的路徑。
導(dǎo)航欄真的是網(wǎng)站里非常重要的一環(huán)，如果少了導(dǎo)航欄，你的站點將會是一個漆黑的、讓人摸不到東西南北的大迷宮(大家玩過仙劍吧，和那個迷宮是一樣的:)。即使是經(jīng)驗豐富的老鳥，也會被弄得不知所措，說不定還會以為你的站點就這么一頁呢。所以為了方便訪問者，同時也是為了你的網(wǎng)站能有更多的回頭客，首先就必須做出分類明確、位置醒目的導(dǎo)航欄，把你的站點的風(fēng)采以及你自己的才華完全展現(xiàn)出來。其次還要保持導(dǎo)航欄的便于更新，因為隨著時間的推移，你的站點內(nèi)容會越來越豐富多彩，總得重新整理整理吧，讓自己的網(wǎng)頁隨時保持在更方便訪問的位置，而不是層層的鏈接之下。想想看，要是訪問者為了找到自己感興趣的內(nèi)容必須點上5、6次鼠標(biāo)的話，那你肯定就失去他了。
2.留下聯(lián)系方法
留下E-mail或其它聯(lián)系方法(比如電話號碼、聯(lián)系地址等)，給了訪客一個發(fā)泄對你站點的不滿的機(jī)會，同時也可以方便訪客通過這些渠道把網(wǎng)站的BUG反饋給你，之后讓你能及時修改調(diào)整。
但建議不要留下ISp給你的E-mail信箱，因為這個信箱在郵件超出限定的容量時，要收取相當(dāng)高的費用。如果你的訪客中有人因為對你站點的不滿，而給你發(fā)郵件炸彈的話，你就有得受了!所以更好只留免費的信箱，比如新浪網(wǎng)就提供容量達(dá)50M的免費信箱，即便有人攻擊也沒什么大不了的——用WEB方式登陸新浪后，再刪除就行了，就算真的被炸了，還可以重新申請(反正不收錢)。反觀攻擊者，要塞滿50M的郵箱也夠他累的了^_^
如果你平時使用ICQ或是OICQ的話，不妨也把號碼留在網(wǎng)頁上，因為這種點對點的傳輸方式比E-mail更迅速、更直接，會使向你反饋意見的朋友覺得很親切。
3.使用統(tǒng)一的風(fēng)格
CI(corporate identity)意思是通過視覺來統(tǒng)一整體的形象，包括LOGO、色彩、廣告語等可以作為標(biāo)志性的東西。這原是廣告學(xué)里的一個專用名詞，但用在網(wǎng)站設(shè)計上也很恰當(dāng)。背景顏色、字體顏色大小、導(dǎo)航欄、版權(quán)信息、標(biāo)題、注腳、版面布局，甚至文字說明使用的語氣這些方面都要注意前后一致，或者說前后協(xié)調(diào)。
4.色彩的搭配
暖色系:紅、橙、橙黃、黃等色彩表現(xiàn)溫馨、和煦、熱情。
中性系:黃綠、綠等色彩表現(xiàn)舒適、和諧。
寒色系:青綠、藍(lán)綠、藍(lán)等色彩表現(xiàn)寧靜、清涼、高雅。
一般來說，學(xué)過美術(shù)的人對于色彩的選擇和搭配方面比較具有優(yōu)勢，但這也不是更對的，只要平時注重自己審美觀的培養(yǎng)，即使不是專業(yè)人員一樣可以有好的創(chuàng)作。再退一步，你不是專業(yè)人士，也沒有這方面的天賦，其實也沒關(guān)系，你可以使用大家一致公認(rèn)的經(jīng)典組合(如黑底白字)，即使缺少新意，也不會讓人覺得不舒服。
但必須注意的是，在整個站點的色彩選擇上，應(yīng)該盡量使用同一種色系的，色彩種類以不超過三、四種為界限。
適當(dāng)?shù)膶Ρ壬梢栽黾游淖值目砷喿x性，但如果對比太強(qiáng)的話，就不適于長篇文本的閱讀，并會對瀏覽者的視力造成很大的傷害!
手把手網(wǎng)站建設(shè)教程之『從無知到入門』-4，一點見解，望見笑。
