烈火學(xué)院推薦：網(wǎng)站設(shè)計14個技巧總結(jié)

　　說到網(wǎng)站設(shè)計，相信大家都非常熟悉，即便沒有網(wǎng)站，您也是一位訪客，如何設(shè)計網(wǎng)站，有什么技巧呢？在一位前端博客上發(fā)現(xiàn)了這篇文章，我們一起來品一下吧。

　　一、考慮大多數(shù)人的連線狀況

　　您或許使用辦公室的ISDN，也可能使用學(xué)校的高速專線，但您都必須知道，目前大多數(shù)人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ，而且塞車塞得很嚴(yán)重。所以您在設(shè)計首頁時就必需以這種普遍狀況為設(shè)計參考量，不要放置一堆會加重塞車情形或讓人等得發(fā)火的東西。最后，完成之后, 您最好自己透過遠(yuǎn)端Modem撥接上網(wǎng)的方式來親自測試一下。

　　二、考慮使用者的瀏覽器

　　其次，必需考慮使用者的瀏覽器軟件，如果您想要讓所有的人都可以毫無障礙地觀看您的首頁，那么最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現(xiàn)自己的高超技術(shù)又不想放棄一些潛在觀眾，可以考慮在主頁中設(shè)置幾種不同的觀賞模式選項(例如純文字模式、Frame模式、Java模式等等)，供瀏覽者自行選擇。

　　三、使用者優(yōu)先的觀念

　　無論什么時候，不管是著手準(zhǔn)備設(shè)計首頁之前。正在設(shè)計之中，或者已經(jīng)設(shè)計完畢，有一個最高行動準(zhǔn)則一定要牢記在心，那就是∶使用者優(yōu)先。因為沒有使用者去光顧， 任何自認(rèn)再好的首頁都是沒有意義的。

　　四、內(nèi)容第一

　　“內(nèi)容永遠(yuǎn)第一”，這句話適合書本，更適合網(wǎng)絡(luò)上的首頁，而且?guī)缀趺總€參與提供意見的人都舉雙手贊成這句話。沒有內(nèi)容的書本已經(jīng)夠令人討厭， 但至少您還可以很快判斷出來，而首頁呢?您可能得耗費(fèi)一整個晚上的時間與金錢，才會發(fā)現(xiàn)原來網(wǎng)站里根本沒有您要找的東西，這種痛苦真不是三言兩語可以形容。內(nèi)容可以是任何東西，包括文字、圖片、影像、聲音等等，但請記住一點(diǎn)：一定要跟這個網(wǎng)站所要提供給人的訊息有關(guān)系。再提醒一次∶內(nèi)容永遠(yuǎn)第一!

　　一個好的網(wǎng)站在進(jìn)行實際的首頁建置之前，首先應(yīng)該考慮什么條件呢?它們包括有：牢記使用者優(yōu)先的觀念、考慮大多數(shù)人的連線狀況、考慮使用者的瀏覽器，以及內(nèi)容第一等等。再來看看在著手首頁的實際建置過程中，所應(yīng)該掌握的幾個重點(diǎn)原則。

　　五、著手規(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)觀眾。

　　六、第一頁很重要

　　第一頁是最重要的東西，因為它是別人認(rèn)識這個網(wǎng)站的第一印象。如果是新開幕的站臺，最好在第一頁就對這個網(wǎng)站的性質(zhì)與所提供內(nèi)容做個扼要說明與導(dǎo)引，讓別人判斷要不要繼續(xù)進(jìn)入里面。最好第一頁就有很清楚的類別選項，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設(shè)計上，最好秉持干凈而清爽的原則。第一、若無需要，盡量不要放置大型圖形文件或加上不當(dāng)?shù)某绦颍驗樗鼤黾酉螺d時間，導(dǎo)致觀賞者失去耐心;第二、畫面不要散置得太過雜亂無序，因為觀賞者會找不到東西。記住：失敗的第一頁會讓許多人掉頭遠(yuǎn)去，不可不慎。

　　七、互動性

　　WWW的另一個特色就是互動。好的網(wǎng)站 首頁必須與使用者有良好的互動性，包括在整個設(shè)計呈現(xiàn)、使用介面導(dǎo)引上等等，都應(yīng)該掌握互動的原則，讓使用者感覺他的每一步都確實得到適當(dāng)?shù)幕貞?yīng)，這部份需要一些設(shè)計上的技巧與軟硬件支持。事實上，好的網(wǎng)站首頁設(shè)計必須加上個人技巧、經(jīng)驗累積以及軟硬件技術(shù)的配合運(yùn)用等。

　　八、分類

　　內(nèi)容的分類很重要，可以按主題分類、按性質(zhì)分類、按機(jī)關(guān)組織分類，或按人類思考直覺式地分類等等，一般而言，按人類的直覺式思考會比較親切。但無論哪一種分類方法，都要讓使用者可以很容易找到目標(biāo)。而且分類方法最好盡量保持一致，若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個分類選項的旁邊或下一行，最好也加上這個選項內(nèi)容的簡要說明。

　　九、圖形應(yīng)用技巧

　　圖形是WWW網(wǎng)站的特色之一，它帶有醒目、吸引人以及傳達(dá)訊息的功能，好的圖形應(yīng)用可以讓首頁增色不少 ，但不當(dāng)?shù)膱D形應(yīng)用則會帶來反效果，而其中又以大量使用無意義及大型的圖形成為首頁的敗筆。筆者建議，如果可以，應(yīng)盡量縮小或省略圖形。目前國內(nèi)的網(wǎng)絡(luò)傳輸資源極為有限，因此使用圖形時一定要考慮傳輸時間的問題。根據(jù)經(jīng)驗與統(tǒng)計，使用者可以忍受的最長等待時間大約是90秒鐘，如果您的首頁無法在這段時間內(nèi)傳輸并顯示完畢，那么使用者就會毫不留情掉頭離去。因此必須依據(jù)HTML 文件、圖形文件的大小，考慮傳輸速率、延遲時間、網(wǎng)絡(luò)交通狀況，以及服務(wù)端與使用者端的軟硬件條件，估算首頁 的傳輸與顯示時間。在圖形使用上，盡量采用一般瀏覽器均可支持的壓縮圖形格式，例如JPEG與GIF等，而其中JPEG的壓縮效果較好，適合中大型的圖形，可以節(jié)省傳輸時間。如果真要放置大型圖形文件，最好將圖形文件與首頁分開，在首頁中先顯示一個具有連結(jié)功能的縮小圖檔或是一行說明文字，然后加上該圖形文件大小的說明(例如100KB)，如此不僅加快首頁的傳輸，而且可以讓使用者判斷是否繼續(xù)進(jìn)入觀看。

　　十、圖形加上說明

　　此外，還有一點(diǎn)要特別提醒，許多網(wǎng)站建置者常常忽略了這件事。為了節(jié)省傳輸時間，許多人習(xí)慣采用“關(guān)閉圖形“ 的模式再觀看您的首頁(甚至有人使用純文字的瀏覽器 )。因此當(dāng)您在放置圖形時，一定要記得為每個圖形加上不顯示時的說明文字(也就是在HTML文件中的圖形文件后面加上alt文字說明)，如此使用者才能知道這個圖形代表什么意義，判斷要不要觀看。特別是如果這個圖形具有可連結(jié)的選項功能時，千萬記得一定 要加上說明文字，并給予同樣的可連結(jié)功能。

　　十一、背景底色

　　不少人喜歡在首頁中加上背景圖案，認(rèn)為如此可以增加美觀，但卻不知這樣會耗費(fèi)傳輸時間，而且容易影響閱讀視覺，反而給予使用者不好的印象。筆者建議，若沒有絕對必要，最好避免使用背景圖案，保持干凈清爽的本文。但如果真的喜歡使用背景，那么最好使用單一色系，而且要跟前景的文字可以明顯區(qū)別，最忌諱使用花俏多色的背景，因為這樣不僅大量耗費(fèi)傳輸與顯示時間，而且會嚴(yán)重混亂使用者的閱讀。

　　十二、HTML格式的注意事項

　　有關(guān)HTML的撰寫方面，應(yīng)注意以下的一些注意事項;不少人在撰寫HTML文件時，會簡略一些命令格式，但為了日后維護(hù)方便，撰寫HTML時最好架構(gòu)完整，而且初學(xué)者也可以藉此對HTML語法有正確認(rèn)識。另外，如果本身網(wǎng)站想讓別人可以透過搜尋站來找到， 那么千萬不要忘了在〈Title〉指令中加上可供搜尋的關(guān)鍵字串。為了增加與使用者的互動，首頁中最好也加上可供使用者表達(dá)意見的E-mail信箱，在HTML中一定要注意它的格式命令寫法，許多人在這個地方常常寫錯。另外，在PC系統(tǒng)下，文件的大小寫不分，但在UNIX系統(tǒng)下，則大小寫有區(qū)分，需要注意。

　　十三、避免濫用技術(shù)

　　技術(shù)是令人著迷的東西，許多人也喜歡使用技術(shù)。專家普遍指出，好的技術(shù)運(yùn)用會讓首頁栩栩如生，令人嘆為觀止;但不當(dāng)?shù)募夹g(shù)則適得其反，反而成為首頁的大敗筆。首先，使用技術(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ù)全部用在里面，這時大家就會看到一個慘不忍睹的首頁。

　　十四、即時、更新、維護(hù)

　　不要忘記，大家都想看新鮮的東西，沒人對過時信息有興趣， 所以資料一定要注意即時性。有些網(wǎng)站半年沒更新，感覺就像一池死水。如果想要經(jīng)營一個帶有即時性質(zhì)的網(wǎng)站， 除了注意內(nèi)容外，資料還要記得每日更新。筆者建議，不妨每隔一陣子就對頁面設(shè)計做一次小翻新，時時保持新鮮感。最后，須考量的就是事后維護(hù)管理的問題，寫首頁很簡單，但維護(hù)管理就比較繁人，它的工作往往偏重屬重復(fù)而死板。個人性質(zhì)的網(wǎng)站在維護(hù)管理上比較簡單，但公司網(wǎng)站如此不僅加快首頁的傳輸，而且可以讓使用者判斷是否繼續(xù)進(jìn)入觀看。

　　本文作者：不詳

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈