網(wǎng)站設(shè)計技巧14
發(fā)布時間:2008-12-24 閱讀數(shù): 次 來源:網(wǎng)樂原科技
網(wǎng)站制作的基本原則
在這個Internet時代,WWW網(wǎng)站到處都是,如今編寫HomePage也沒原來那么麻煩,只要會打字,幾乎人人都會,但寫得好不好,就要看個人功力與用心。網(wǎng)站的目的是為別人提供所需的信息,這樣人家才會愿意光臨,網(wǎng)站才有其真實意義,但有太多網(wǎng)站顯然忘了這個目的,復(fù)雜的創(chuàng)意技巧躍居主角,內(nèi)容信息反而淪為末端。不可否認(rèn),優(yōu)異的網(wǎng)站比比皆是,但令人不予置評的網(wǎng)站還是到處都找得到。顯然,不管是網(wǎng)站提供者還是廣大的使用者,大家都迫切需要知道好的網(wǎng)站在哪里,或者符合所謂好網(wǎng)站的條件是什么?
1、使用者優(yōu)先的觀念
無論什么時候,不管是著手準(zhǔn)備設(shè)計HomePage之前。正在設(shè)計之中,或者已經(jīng)設(shè)計完畢,有一個最高行動準(zhǔn)則一定要牢記在心,那就是∶使用者優(yōu)先。因為沒有使用者去光顧, 任何自認(rèn)再好的HomePage都是沒有意義的。
2、考慮大多數(shù)人的連線狀況
您或許使用辦公室的ISDN,也可能使用學(xué)校的高速專線,但您都必須知道,目前大多數(shù)人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ,而且塞車塞得很嚴(yán)重。所以您在設(shè)計HomePage時就必需以這種普遍狀況為設(shè)計參考量,不要放置一堆會加重塞車情形或讓人等得發(fā)火的東西。最后,完成之后, 您最好自己透過遠(yuǎn)端Modem撥接上網(wǎng)的方式來親自測試一下。
3、考慮使用者的瀏覽器
其次,必需考慮使用者的瀏覽器軟件,如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage,那么最好使用所有瀏覽器都可以閱讀的格式,不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現(xiàn)自己的高超技術(shù)又不想放棄一些潛在觀眾,可以考慮在主頁中設(shè)置幾種不同的觀賞模式選項(例如純文字模式、Frame模式、Java模式等等),供瀏覽者自行選擇。
4、內(nèi)容第一
“內(nèi)容永遠(yuǎn)第一”,這句話適合書本,更適合網(wǎng)絡(luò)上的HomePage,而且?guī)缀趺總€參與提供意見的人都舉雙手贊成這句話。沒有內(nèi)容的書本已經(jīng)夠令人討厭, 但至少您還可以很快判斷出來,而HomePage呢?您可能得耗費一整個晚上的時間與金錢,才會發(fā)現(xiàn)原來網(wǎng)站里根本沒有您要找的東西,這種痛苦真不是三言兩語可以形容。內(nèi)容可以是任何東西,包括文字、圖片、影像、聲音等等,但請記住一點:一定要跟這個網(wǎng)站所要提供給人的訊息有關(guān)系。再提醒一次∶內(nèi)容永遠(yuǎn)第一!
一個好的網(wǎng)站在進(jìn)行實際的HomePage建置之前,首先應(yīng)該考慮什么條件呢?它們包括有:牢記使用者優(yōu)先的觀念、考慮大多數(shù)人的連線狀況、考慮使用者的瀏覽器,以及內(nèi)容第一等等。再來看看在著手HomePage的實際建置過程中,所應(yīng)該掌握的幾個重點原則。
5、著手規(guī)劃、確定特色、鎖定目標(biāo)
不管做什么事,一定要進(jìn)行規(guī)劃,建置網(wǎng)站更是如 此。規(guī)劃時必須確定自己網(wǎng)站的性質(zhì)、 提供內(nèi)容、目標(biāo)觀眾,然后根據(jù)本身的軟硬件條件來設(shè)置范圍。網(wǎng)絡(luò)的特色是及時、新鮮、豐富、熱鬧,這是吸引大家上網(wǎng)的條件,如果本身條件強(qiáng)大,可以根據(jù)上述原則使自己網(wǎng)站成為一個全方位的信息提供者,如果不足,就成為單方面的提供者;此外,還可以在特殊議題或主題上加以突出,進(jìn)一步鎖定目標(biāo)觀眾。
6、第一頁很重要
第一頁是最重要的東西,因為它是別人認(rèn)識這個網(wǎng)站的第一印象。如果是新開幕的站臺,最好在第一頁就對這個網(wǎng)站的性質(zhì)與所提供內(nèi)容做個扼要說明與導(dǎo)引,讓別人判斷要不要繼續(xù)進(jìn)入里面。最好第一頁就有很清楚的類別選項,而且盡量符合人性化,讓參觀者可以很快找到需要的主題。在設(shè)計上,最好秉持干凈而清爽的原則。第一、若無需要,盡量不要放置大型圖形文件或加上不當(dāng)?shù)某绦颍驗樗鼤黾酉螺d時間,導(dǎo)致觀賞者失去耐心;第二、畫面不要散置得太過雜亂無序,因為觀賞者會找不到東西。記?。菏〉牡谝豁摃屧S多人掉頭遠(yuǎn)去,不可不慎。
7、分類
內(nèi)容的分類很重要,可以按主題分類、按性質(zhì)分類、按機(jī)關(guān)組織分類,或按人類思考直覺式地分類等等,一般而言,按人類的直覺式思考會比較親切。但無論哪一種分類方法,都要讓使用者可以很容易找到目標(biāo)。而且分類方法最好盡量保持一致,若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外,在每個分類選項的旁邊或下一行,最好也加上這個選項內(nèi)容的簡要說明。
8、互動性
WWW的另一個特色就是互動。好的網(wǎng)站 HomePage必須與使用者有良好的互動性,包括在整個設(shè)計呈現(xiàn)、使用介面導(dǎo)引上等等,都應(yīng)該掌握互動的原則,讓使用者感覺他的每一步都確實得到適當(dāng)?shù)幕貞?yīng),這部份需要一些設(shè)計上的技巧與軟硬件支持。事實上,好的網(wǎng)站HomePage設(shè)計必須加上個人技巧、經(jīng)驗累積以及軟硬件技術(shù)的配合運用等。
9、圖形應(yīng)用技巧
圖形是WWW網(wǎng)站的特色之一,它帶有醒目、吸引人以及傳達(dá)訊息的功能,好的圖形應(yīng)用可以讓HomePage增色不少 ,但不當(dāng)?shù)膱D形應(yīng)用則會帶來反效果,而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議,如果可以,應(yīng)盡量縮小或省略圖形。目前國內(nèi)的網(wǎng)絡(luò)傳輸資源極為有限,因此使用圖形時一定要考慮傳輸時間的問題。根據(jù)經(jīng)驗與統(tǒng)計,使用者可以忍受的最長等待時間大約是90秒鐘,如果您的HomePage無法在這段時間內(nèi)傳輸并顯示完畢,那么使用者就會毫不留情掉頭離去。因此必須依據(jù)HTML 文件、圖形文件的大小,考慮傳輸速率、延遲時間、網(wǎng)絡(luò)交通狀況,以及服務(wù)端與使用者端的軟硬件條件,估算HomePage 的傳輸與顯示時間。在圖形使用上,盡量采用一般瀏覽器均可支持的壓縮圖形格式,例如JPEG與GIF等,而其中JPEG的壓縮效果較好,適合中大型的圖形,可以節(jié)省傳輸時間。如果真要放置大型圖形文件,最好將圖形文件與HomePage分開,在HomePage中先顯示一個具有連結(jié)功能的縮小圖檔或是一行說明文字,然后加上該圖形文件大小的說明(例如100KB),如此不僅加快HomePage的傳輸,而且可以讓使用者判斷是否繼續(xù)進(jìn)入觀看。
10、圖形加上說明
此外,還有一點要特別提醒,許多網(wǎng)站建置者常常忽略了這件事。為了節(jié)省傳輸時間,許多人習(xí)慣采用“關(guān)閉圖形“ 的模式再觀看您的HomePage(甚至有人使用純文字的瀏覽器 )。因此當(dāng)您在放置圖形時,一定要記得為每個圖形加上不顯示時的說明文字(也就是在HTML文件中的圖形文件后面加上alt文字說明),如此使用者才能知道這個圖形代表什么意義,判斷要不要觀看。特別是如果這個圖形具有可連結(jié)的選項功能時,千萬記得一定 要加上說明文字,并給予同樣的可連結(jié)功能。
11、背景底色
不少人喜歡在HomePage中加上背景圖案,認(rèn)為如此可以增加美觀,但卻不知這樣會耗費傳輸時間,而且容易影響閱讀視覺,反而給予使用者不好的印象。筆者建議,若沒有絕對必要,最好避免使用背景圖案,保持干凈清爽的本文。但如果真的喜歡使用背景,那么最好使用單一色系,而且要跟前景的文字可以明顯區(qū)別,最忌諱使用花俏多色的背景,因為這樣不僅大量耗費傳輸與顯示時間,而且會嚴(yán)重混亂使用者的閱讀。
12、HTML格式的注意事項
有關(guān)HTML的撰寫方面,應(yīng)注意以下的一些注意事項;不少人在撰寫HTML文件時,會簡略一些命令格式,但為了日后維護(hù)方便,撰寫HTML時最好架構(gòu)完整,而且初學(xué)者也可以藉此對HTML語法有正確認(rèn)識。另外,如果本身網(wǎng)站想讓別人可以透過搜尋站來找到, 那么千萬不要忘了在〈Title〉指令中加上可供搜尋的關(guān)鍵字串。為了增加與使用者的互動,HomePage中最好也加上可供使用者表達(dá)意見的E-mail信箱,在HTML中一定要注意它的格式命令寫法,許多人在這個地方常常寫錯。另外,在PC系統(tǒng)下,文件的大小寫不分,但在UNIX系統(tǒng)下,則大小寫有區(qū)分,需要注意。
13、避免濫用技術(shù)
技術(shù)是令人著迷的東西,許多人也喜歡使用技術(shù)。專家普遍指出,好的技術(shù)運用會讓HomePage栩栩如生,令人嘆為觀止;但不當(dāng)?shù)募夹g(shù)則適得其反,反而成為HomePage的大敗筆。首先,使用技術(shù)時一定要考慮傳輸時間,不要成為他人觀看的沉重負(fù)擔(dān);其次,技術(shù)一定要與本身網(wǎng)站的性質(zhì)及內(nèi)容相配合,不要耍了一大堆不相干的技術(shù)。有一個最常見的技術(shù)應(yīng)用,就是利用JavaScript撰寫一個走馬燈的功能,讓文字可以動態(tài)地顯示在窗口的最下一欄,這種方式看起來似乎很酷,但卻容易遮住該位置原本用來顯示地址及傳輸狀態(tài)的功能,反而造成使用者的不便。何況既然只是顯示一兩個文字,何不直接放在HTML本文中呢?Java小程序也是目前網(wǎng)絡(luò)上的常見技術(shù),它是一個好用的利器,擅長于動態(tài)物象的呈現(xiàn),雖然只要瀏覽器支持就可以動,但同樣,也需要考慮傳輸時間,以及一般人的電腦系統(tǒng)負(fù)荷等問題。最后,技術(shù)最好不要用得太過多樣而復(fù)雜,有些人似乎不展現(xiàn)功力就不快樂,所以也不管合不合適,就把所有可用技術(shù)全部用在里面,這時大家就會看到一個慘不忍睹的HomePage。
14、即時、更新、維護(hù)
不要忘記,大家都想看新鮮的東西,沒人對過時信息有興趣, 所以資料一定要注意即時性。有些網(wǎng)站半年沒更新,感覺就像一池死水。如果想要經(jīng)營一個帶有即時性質(zhì)的網(wǎng)站, 除了注意內(nèi)容外,資料還要記得每日更新。筆者建議,不妨每隔一陣子就對頁面設(shè)計做一次小翻新,時時保持新鮮感。最后,須考量的就是事后維護(hù)管理的問題,寫HomePage很簡單,但維護(hù)管理就比較繁人,它的工作往往偏重屬重復(fù)而死板。個人性質(zhì)的網(wǎng)站在維護(hù)管理上比較簡單,但公司網(wǎng)站如此不僅加快HomePage的傳輸,而且可以讓使用者判斷是否繼續(xù)進(jìn)入觀看。