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