網(wǎng)站設(shè)計(jì)十忌
發(fā)布時(shí)間:2008-12-24 閱讀數(shù): 次 來源:網(wǎng)樂原科技
一、忌濫用圖像
也許還有人記得,最初的瀏覽器是不支持圖像的。在一定程度上甚至可以說,支持圖像的瀏覽器的出現(xiàn)才帶來了Internet今天如此迅猛的發(fā)展。好的圖像在增加吸引力的同時(shí)能帶給我們更多更直觀的信息。
雖說圖像功不可沒,但是由于所占空間大,增加了網(wǎng)頁的下載時(shí)間,如果用得過多過濫,只會適得其反。除非符合以下幾種情況,否則請?jiān)谀沩撁嫔仙饔脠D像:
圖像是公司或單位的徽標(biāo)、地圖,或是重要的指示性標(biāo)志;
圖像是人家花錢作的廣告或重要的友情鏈接;
網(wǎng)站的某些內(nèi)容必須以圖像方式表現(xiàn)(如網(wǎng)站本身是個展示美術(shù)、攝影作品的藝術(shù)類站點(diǎn));
即使對于必須保留的圖像,有經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)者還是要對它們進(jìn)一步優(yōu)化:
盡量用JPEG格式;如果非用GIF,那么盡量壓縮顏色數(shù);
慎用動畫,GIF動畫常常是同等大小靜止圖像的幾倍、幾十倍大,而且動畫容易分散訪客的注意力。把一頁中的動畫數(shù)削減到三個以下;
巧妙重復(fù)運(yùn)用同一幅圖像。如果訪客在某頁中顯示了一幅圖像,它就已被下載到緩存中了,后面再用到時(shí),可直接從緩存中調(diào)用,這能大大節(jié)約時(shí)間;
當(dāng)確實(shí)要顯示一幅尺寸較大的圖像時(shí),在頁面上用一幅尺寸較小的縮略圖或文字鏈接指向它,或把它分割為幾幅間距為0的小圖。沒有什么比一幅千呼萬喚不出來的大圖更讓人心焦的了;
別忘了給圖像加上ALT屬性。這樣,在瀏覽器中關(guān)閉圖像顯示項(xiàng)的訪客定會對你的細(xì)心周到大加贊賞。
二、忌用Java Applet或?yàn)E用各種Script
對于Java Applet和JavaScript/VBScript:
盡量不用Java Applet,Java Applet每次都要重新下載和啟動;
對于Script,應(yīng)盡量采用Netscape和IE都支持的JavaScript,由于VBScript只有IE才支持,應(yīng)慎用,即使對于JavaScript,NC和IE的標(biāo)準(zhǔn)也有一定差別,應(yīng)注意;
在對JavaScript的選擇上,只選那些真正實(shí)用、有助瀏覽的,如一個可通過單擊折疊、展開的列表;不選那些嘩眾取寵、分散注意力的,如一些動畫效果;
如果你真有一些很酷的Java Applet或Script想給大家展示,那么單辟一個演示區(qū)。
三、忌一頁過長
對于長篇大論的文字,讀起來是很費(fèi)眼睛的。很少有人有耐心把它一次讀完。不如把它分開放在幾個網(wǎng)頁中,并在每頁中提供指向其它各頁的鏈接,這樣更靈活些,查找起來也方便。
如果定要用一頁顯示,那么放個提綱在網(wǎng)頁頂部,再把提綱和相關(guān)內(nèi)容用書簽鏈接,使讀者可以方便地跳轉(zhuǎn)。
有些人更愿意把長文章打印出來以后再慢慢讀,為他們提供一個Word格式或文本格式的下載包。
四、忌濫用frame
屏幕的分割一般不要超過三塊。
主次要分明,要確保至少有一個主框占有60%以上的瀏覽窗口面積。
對于次框的大小盡量用點(diǎn)數(shù)而不是用百分比來設(shè)置,這樣在高分辨率下可以給主框留出更多的空間。
最好保證即使在640×480的分辨率下,也只有主框才被自動加上一側(cè)的滾動條。試想,你分出三個框,每個框的內(nèi)容又必須通過操縱滾動條左右、上下移動才能看全,那是很別扭的——既不美觀,又造成了空間的浪費(fèi)和使用上的不便。
五、忌頁面風(fēng)格不統(tǒng)一
保持整個網(wǎng)站頁面風(fēng)格的一致性是件重要的事。整體風(fēng)格統(tǒng)一的網(wǎng)站給人以嚴(yán)謹(jǐn)、清晰、有條理和專業(yè)化的感覺。網(wǎng)站設(shè)計(jì)的新手們常犯的毛病是:喜歡在同一網(wǎng)站中嘗試不同的頁面配色方案,結(jié)果是把網(wǎng)站變成了配色方案演示會。其實(shí)大多數(shù)訪客并不會對此感興趣,過多的變化只會使他們暈頭轉(zhuǎn)向。選定一套你覺得最好的配色方案,并把它運(yùn)用到你網(wǎng)站的每個頁面中去——這才是明智之舉。你可以通過串接樣式表來實(shí)現(xiàn)這點(diǎn):只需編輯好一個CSS文件,并在其它頁面中調(diào)用它,就可使所有調(diào)用它的頁面具有統(tǒng)一的風(fēng)格。要改變風(fēng)格時(shí),只需修改此CSS文件即可。
六、忌層次過深,導(dǎo)航措施不得力
通常網(wǎng)站上各欄目的設(shè)置都是采用樹狀層次結(jié)構(gòu)。如果設(shè)置得當(dāng),會使網(wǎng)站的結(jié)構(gòu)清晰,脈絡(luò)分明,有助于訪客查找信息。但是如果層次超過了三層,再加上導(dǎo)航措施不得力,很容易使人產(chǎn)生混亂的感覺甚至“迷路”。只有設(shè)身處地從使用者的角度設(shè)計(jì)網(wǎng)站,才是最受歡迎的:
欄目層次不要超過三層;
盡量讓導(dǎo)航條和回到主頁的標(biāo)志始終可見;
航條上的欄目名稱要簡單明了,不要不知所云或存在意義上的交叉重疊;
如有條件,添加網(wǎng)站內(nèi)容列表和網(wǎng)站內(nèi)容搜索等措施。
七、忌開發(fā)時(shí)只針對一種瀏覽器和屏幕分辨率
不知你試過沒有——用不同的瀏覽器、在不同的分辨率下瀏覽你的網(wǎng)站。也許你會大吃一驚——在Netscape下看起來很好的頁面,在IE下全是亂碼;在1024×768分辨率下布局優(yōu)美的頁面,在640×480下只能看到個大標(biāo)題,你不得不上下、左右來回拖動滾動條,即使這樣,還是不能看清某幅大圖的全貌。
開發(fā)一個網(wǎng)站,千萬別忘了在不同瀏覽器、不同版本、不同屏幕分辨率下進(jìn)行測試,確保你的網(wǎng)頁在各種情況下都能應(yīng)付自如,至少能把內(nèi)容顯示完整。要做到這點(diǎn),請:
開發(fā)時(shí)要盡量面向低分辨率,如640×480。
如果使用frame,盡量把各子frame的滾動條屬性設(shè)為“自動”,除非你能確保子frame的全部元素即使在640×480分辨率下也都可見。
如果你用表格布置頁面,那么請讓表格居中,且按百分比來設(shè)置表格寬度。雖說瀏覽器解讀百分比表格比固定點(diǎn)數(shù)表格要慢,但這可給你換來在不同分辨率下都對稱、均勻的美觀布局。
慎用那些不是所有瀏覽器都支持的頁面元素。就拿腳本語言來說吧,JavaScript——Netscape和IE都支持,VBScript——僅IE支持,但即使是對JavaScript,Netscape和IE的標(biāo)準(zhǔn)也不太一樣。
八、忌內(nèi)容空洞無特色
內(nèi)容是網(wǎng)站的生命。一個網(wǎng)站如果沒有引人入勝的內(nèi)容,不能給訪客提供有價(jià)值的信息資料,那么即使頁面做得再漂亮,采用的技術(shù)再高超,也不會有回頭客。有一些網(wǎng)站,乍一看,內(nèi)容似乎很豐富,但仔細(xì)一瞧,多是一些人云亦云的東西,沒有自己的特色。既然你這里的東西人家那里都有,而且比你多,比你專,為什么還要到你這里來看呢?所以,網(wǎng)站內(nèi)容的豐富性固然重要,但“特色”才是關(guān)鍵。網(wǎng)站要明確自己的定位和固定訪客群,有自己的特色欄目或獨(dú)門秘訣,才會在因特網(wǎng)的海洋中脫穎而出。
另一個重要經(jīng)驗(yàn)是:第一印象很重要。雖說網(wǎng)站的內(nèi)容可以以后慢慢補(bǔ)充,但最好一開始就把它做好。試想,網(wǎng)上站點(diǎn)那么多,訪客進(jìn)入你網(wǎng)站的幾率已是微乎其微,如果你第一面沒能把他吸引住并被收入他的收藏夾,那你恐怕連以后的機(jī)會也都失去了。
九、忌內(nèi)容長期不更新
這還用說嗎?我總覺得網(wǎng)上那些長期沒人更新的網(wǎng)站特別可憐——它們好象是一些被遺棄的孤兒,由于長期無人照料而日益被冷落。有時(shí)我甚至覺得,網(wǎng)站與其建了不管,不如不建。也許有人認(rèn)為:“不求天長地久,但求曾經(jīng)擁有”,可我總覺得,不該讓那些來過你網(wǎng)站的人們失望。只有經(jīng)常更新內(nèi)容,網(wǎng)站才有活力。
有些優(yōu)秀的大型網(wǎng)站,內(nèi)容幾乎一天一更新,你雖不必更新得如此頻繁,至少也該每月給網(wǎng)站增添點(diǎn)新的內(nèi)容。這才能使你的網(wǎng)站青春永駐。
如果你能做到定期更新,把最后更新的日期寫在主頁上,并把網(wǎng)站內(nèi)的最新變化也寫在主頁上,最好旁邊再加上一些明顯的標(biāo)志。有些網(wǎng)站設(shè)有一個“What's new ?”欄目,如果你的網(wǎng)站不是很大,把“What's new ?”放在主頁上即可。
給舊的資料提供一個查詢?nèi)肟?。它們也許仍然很有價(jià)值,可能有人還沒看過,有人還想重溫。
十、忌閉門造車
這里的忌閉門造車,有兩層意思。
一是網(wǎng)站建設(shè)者要主動了解外部情況,虛心聽取訪客的意見和需求。此外,要多與訪客溝通,虛心聽取他們的意見和建議,讓他們幫助你建好這個站。所以一個好的網(wǎng)站一定要提供一個與訪客接觸的窗口,比如留言本或意見反饋表,至少也要留個E-mail地址。另外,對于訪客的問題和要求,也要盡量給予答復(fù),讓訪客感覺到你對他的重視。只有廣泛聽取群眾意見,才能客觀地評價(jià)自己的網(wǎng)站,有目的、有重點(diǎn)地不斷改進(jìn)。
二是要主動讓外界了解你的情況,擴(kuò)大知名度。首先,要在YAHOO、SOHOO等國內(nèi)外知名搜索引擎上注冊,注冊時(shí)填寫好網(wǎng)站簡介是關(guān)鍵;其次,多與同類網(wǎng)站作友情鏈接;第三,在你主頁的“Title”部分(之間)填入網(wǎng)站簡介或關(guān)鍵詞,以便于網(wǎng)頁搜索引擎搜索和顯示。當(dāng)然,也不排除在網(wǎng)上的公告板、討論組上打廣告或用傳統(tǒng)方式在報(bào)紙雜志上宣傳,但我總覺得不如前三種方法收效大。