每次增加新的欄目或是對(duì)原有欄目的調(diào)整，都要對(duì)所有的頁(yè)面更新。剛開始可能還算輕松，因?yàn)闆](méi)幾個(gè)頁(yè)面，但當(dāng)有幾十、幾百個(gè)網(wǎng)頁(yè)后，這工作量實(shí)在太大了！如果偷懶只更新幾個(gè)主要的網(wǎng)頁(yè)，訪問(wèn)量就會(huì)劇減。
筆者首先想到的是FLASH可以做出漂亮的導(dǎo)航按鈕，所有的頁(yè)都用一樣的導(dǎo)航欄，以后只要更新這個(gè)FLASH動(dòng)畫就可以使整個(gè)網(wǎng)站的頁(yè)面都得到更新。但實(shí)際使用后發(fā)現(xiàn)FLASH造成網(wǎng)頁(yè)的體積過(guò)大，在加上網(wǎng)站LOGO，商業(yè)BANNER……使網(wǎng)頁(yè)變的臃腫不堪。
這辦法不太好，于是筆者又考慮做個(gè)JavaScript的導(dǎo)航欄，體積又很小。假設(shè)我們要做一個(gè)包含“動(dòng)漫專欄”、“游戲天地”、“音樂(lè)同人”、“交友直通車”四個(gè)欄目的導(dǎo)航欄：
首先是便于更新，所以要做個(gè)外接的JavaScript腳本，至于用到的語(yǔ)句就只有document.write(“”),新建一個(gè)文本文件，打開，輸入： document.write(" ");
document.write("<a href=/comics/index.htm>動(dòng)漫專欄</a>"); /*在“ ”里的是HTML格式的<A>元素，該元素定義了一個(gè)錨(Anchor)，也就是把“動(dòng)漫專欄”作為一個(gè)超鏈接，“HREF”屬性指定“動(dòng)漫專欄”鏈接到的其他資源上，也就是“”。（以下相同）*/
document.write(" ");/*該行是讓鏈接之間保持一個(gè)空格，使鏈接的下劃線不至于連在一起。也可以把空格該成“|”等來(lái)制造各種效果*/
document.write("<a href=/game/index.htm>游戲天地</a>");
document.write(" ");
document.write("<a href=/music/index.htm>音樂(lè)同人</a>");
document.write(" ");
document.write("<a href=/friend/tuili/index.htm>交友直通車</a>");
完成后，選擇“文件”菜單的“另存為”，在對(duì)話框的“文件名”中輸入“navigation.js”，“文件格式”里選“*.*”，于是，外接的JS腳本就寫好了。
接下來(lái)就是把JS鏈接到我們主頁(yè)的HTML源代碼里了。
具體做法：
在<body>和</body>之間，選擇想要讓導(dǎo)航欄顯示的地方，定位，輸入：
<Script language=“JavaScript” src=navigation.js></script>
保存退出。隨后就是測(cè)試的工作了。雙擊主頁(yè)，看看效果，導(dǎo)航欄是否出現(xiàn)在我們想要的位置上。效果如下：
動(dòng)漫專欄 游戲天地 音樂(lè)同人 交友直通車
注意：
1．在navigation.js里，除了HTML格式本來(lái)就必須有的空格外，更好不要有別的空格（包括全角的空格）或是回車，不然的話，裝載網(wǎng)頁(yè)時(shí)可能會(huì)提示出錯(cuò)。如果覺(jué)得語(yǔ)句太長(zhǎng)，想讓腳本看得清楚些而使用回車時(shí)，可以在每行末用“\”來(lái)結(jié)束，再打回車。
2．這個(gè)navigation.js要和網(wǎng)頁(yè)放在同一目錄下，如果要放在不同的目錄，就要在網(wǎng)頁(yè)里的那段代碼里navigation.js的前面加上該文件的路徑。
導(dǎo)航欄真的是網(wǎng)站里非常重要的一環(huán)，如果少了導(dǎo)航欄，你的站點(diǎn)將會(huì)是一個(gè)漆黑的、讓人摸不到東西南北的大迷宮（大家玩過(guò)仙劍吧，和那個(gè)迷宮是一樣的：）。即使是經(jīng)驗(yàn)豐富的老鳥，也會(huì)被弄得不知所措，說(shuō)不定還會(huì)以為你的站點(diǎn)就這么一頁(yè)呢。所以為了方便訪問(wèn)者，同時(shí)也是為了你的網(wǎng)站能有更多的回頭客，首先就必須做出分類明確、位置醒目的導(dǎo)航欄，把你的站點(diǎn)的風(fēng)采以及你自己的才華完全展現(xiàn)出來(lái)。其次還要保持導(dǎo)航欄的便于更新，因?yàn)殡S著時(shí)間的推移，你的站點(diǎn)內(nèi)容會(huì)越來(lái)越豐富多彩，總得重新整理整理吧，讓自己的網(wǎng)頁(yè)隨時(shí)保持在更方便訪問(wèn)的位置，而不是層層的鏈接之下。想想看，要是訪問(wèn)者為了找到自己感興趣的內(nèi)容必須點(diǎn)上5、6次鼠標(biāo)的話，那你肯定就失去他了。
建站全攻略之導(dǎo)航欄設(shè)計(jì)，希望對(duì)您有參考價(jià)值。
