網頁設計必須注意的29個問題

當你在INTERNET這個資訊的海洋中盡情遨遊時，會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁，不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件，又萌發了製作首頁的念頭，那麼就應該注意網頁設計時應考慮哪些方面的問題，包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題，希望能給初建網站的使用者帶來一定的作用。

１、頁面內容要新穎

網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去，網上的許多個人首頁簡直就是"雜貨店"，內容包羅永珍,題材千篇一律，人人都是"軟體下載",個個都有"網路導航"，從頭到尾找不出一絲“鮮”意。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。

２、網頁命名要簡潔

由於一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被串連起來，使用者最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁，在向搜尋引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關係到頁面上的串連。

３、要及時更新網頁

網頁製作好後，不能說萬事大吉了，其實事後的工作量更大。因為網頁製作是一時的，而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的串連應該立即刪除掉，比如使用者無意中點擊了頁面中的一個串連，在苦苦的等待之後，換來的是無法訪問的結果，那麼他們會對你的網頁大失所望，可能以後再也不會光顧你的網頁了。若不能及時更新，也最好在首頁上發布資訊，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新首頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網友的信任。

４、注意視覺效果

設計Web頁面時，一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度，儘管在800×600高解析度下一 些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同解析度下都能正常顯示的網頁

５、隨時注意網站升級

時刻注意網站的健全狀態。效能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

６、 網頁內容要易讀

網站設計最重要的訣竅，恐怕就是你的網頁要易讀 。這就意味著,你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果，別用花裡胡哨的色彩組合，讓人看起來你的網頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是衝著人大喊大叫，看起來不舒服。另外，最好讓文本靠左對齊，而不是置中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該置中，因為這符合讀者的閱讀習慣。

７、善用表格來布局

不要把一個網站的內容象作報告似的一二三四地羅列出來，要注意多用表格把網站內容的層次性和空間性反白出來，使人一眼就能看出你的網站重點突出，結構分明。

８、 少用特殊字型

雖然你可以在你的HTML中使用特殊的字型，但是，你不可能預測你的訪問者在他們的電腦上將看到什麼。在你的電腦裡看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字型，但是仍需要一些變通的方法，以免你所選擇的字型在訪問者的電腦上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支援CSS。

９、多學習和使用HTML

為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。因為用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能協助你學習HTML。它還允許你切換到所見即所得 (WYSIWYG)的模式，以便你在把網站發送到Web之前，預覽你的網站。

１０、盡量少用Java程式

不要使用大幅面的Java程式,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦。

１１、 少放網站地圖

許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的資訊，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。

１２、要為圖片附加註釋文字

給每個圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導覽按鈕和大圖片更應如此。這樣一來，使用者在訪問你的網站時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。

１３、做個網站介紹

一個簡單明了的網站介紹，不僅能讓別人對你的網站能夠提供些什麼有個瞭解，引發共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設計者都沒有這樣做。有效導航條和搜尋工具使人們很容易找到有用的資訊，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的資訊。

１４、考慮瀏覽器的相容性

當然現在IE所佔的市場份額越來越大，但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器使用者。設計風格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為使用者著想，必須最少在幾種不同類型的瀏覽器下測試網站，看看相容性如何。

１５、不宜多用閃爍文字

有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給使用者一種眼花繚亂的感覺，反而會影響使用者去訪問該網站的其他內容，正所謂“物極必反”也，

１６、每個頁面都要有導覽按鈕

應當避免強迫使用者使用工具列中的向前和向後按鈕。你的設計應當使使用者能夠很快地找到他們所要的東西。絕大多數好的網站在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。

１７、避免長文本頁面

在一個網站上有許多隻有文本的冗長頁面，是令人乏味的，人們為了閱讀這些長文本，不得不使用卷滾條，從而也浪費了使用者在網上衝浪的時間。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的檔案形式來放置，以便你的訪問者能離線閱讀，從而節省寶貴的時間。

１８、 網頁風格要統一

你網頁上所有的映像、文字，包括像背景顏色、區分線、字型、標題、註腳什麼的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。

１９、動畫最多隻用一個

大家都喜歡用GIF動畫來裝飾網頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那麼就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。

２０、善用映像

使用者在網上四處漫遊，你必須設法吸引和維護他們對你的首頁的注意力。全球資訊網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。首頁上最好有醒目的映像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。映像的內容應有一定的實際作用，切忌虛飾浮誇。注意圖畫可以彌補文字之不足，但並不能夠完全取代文字。很多使用者把瀏覽軟體設定為略去映像，以求節省時間他們只看文字。因此，製作首頁時，必須注意將映像所串連的重要訊息或聯結其他頁面的指示用文字重複表格達幾次，同時要注意避免使用過大的映像，如果不得不放置大的映像在網站上，就最好使用Thumbnails軟體，把映像的縮小版本的預覽效果顯示出來，這樣使用者就不必浪費金錢和時間去下載他們根本不想看的大映像。

２１、 網站導航要清晰

所有的超連結應清晰無誤地向讀者標識出來，所有導航性質的設定，像映像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。連結文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。總之，文本連結一定要和頁面的其他文字有所區分，給讀者清楚的導向 。

２２、最好不用記數器

由於計數器也是由程式設計成的，顯示計數器的過程其實就是在執行一個程式的過程，它需要佔用使用者寶貴的上網時間，況且大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。如果你顯示你的網站是多麼受歡迎，你最好提供一個連結，顯示訪問日誌。

２３、不能忽視錯別字

一個好的網站對設計的每一個細節都不會放過，哪怕是一個微小的拼字錯誤都是絕對不能出現的。但是遺憾的是，許多設計者都缺少這種技能。確保你拼字正確，並且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴謹的科學態度。

２４、不要用架構

與記數器一樣，架構在網頁上越來越流行。在大多數網站上，在螢幕的左邊有一個架構。但是設計者立刻就發現，在使用架構時產生了許多的問題。使用架構時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。架構也使得網站內個人首頁不能夠成為書籤。也許更重要的是，搜尋引擎常常被架構混淆，從而不能列出你的網站。

２５、使用著名的外掛程式

如果網站上有聲音或視頻，要保證使用者通過使用某個知名的外掛程式，能夠聽到或看到。如果訪問者沒有所要求的外掛程式，將不得不到其它網站去下載，這樣訪問者有可能就不會返回了。許多網站使用QuickTime、RealPlay和 Shockwave外掛程式。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的外掛程式。

２６、使網站具有互動功能

一個靜態網頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有互動效能的設計，使得訪問者能從網站上獲得互動的資訊，從而使訪問者有一種參與網路建設的新鮮感和成就感。

２７、測試網站

在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上傳網站時還要測試所有的連結和導航工具條。用映像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

２８、屏蔽圖象時仍要保證網頁的完整

在瀏覽器中即使去掉了映像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果，呈現在使用者面前的仍是一個完整的網站。對於那些關掉了映像功能的訪問者，還能獲得好的網頁載入效能。可以通過在網頁底部提供另外的連結和使用替代文字，而不是映像來滿足訪問者的需要。

２９、注意收集使用者註冊資訊

如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的資訊。但是，要求訪問者在瀏覽網站之前進行註冊，這樣做是要冒風險的，因為這將趕走一批不願意註冊的人。獲得資訊的另一種方法是進行有獎競猜或金錢獎勵，讓使用者能主動填一些資訊反饋表