新手學習網頁制作必須要注意的事項

很多新手在網上瀏覽網頁時，一定會看到不少設計獨特、創意新穎、頁面誘人的個人網頁，遇到這些網頁你也一定會駐足停留、仔細欣賞一番，同時腦海中大概也會有一絲想要制作一個屬于自己的個人主頁的念頭。

如果你確實有這個想法，那就請你繼續看完下面的內容，下面提供的要點都是新手學習網頁制作必須要注意的事項，并讓你在以后設計自己的主頁過程中游刃有余。

1、設計前要有籌劃

設計一個網頁也許并不是很困難，但這一工作與編制傳統的宣傳品一樣，都需要我們謹慎處理和籌劃。換言之，我們必須首先確定自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來；之后是設計一個頁面式樣，試用于有代表性的用戶，接著重復修訂，務求盡善盡美（具體可查看深圳網站建設公司

2、網站主題不可太多

主題也就是網站所要表示的主要內容，主題要小而精做到，定位小，內容精，如果你想作一個包羅萬象的站點，把所有你認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題。

3、整個頁面風格要一致

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

4、選擇內容要有新鮮感

萬維網上不斷有新事物出現、每天都有新花樣，如果你的主頁從不改變，用戶很快會厭倦，因此網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。

放眼望去，網上的許多個人主頁簡直就是“雜貨店”，內容包羅萬象，題材千篇一律，人人都是“軟件下載”，個個都有“網絡導航”，從頭到尾找不出一絲“鮮”意。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”，又必須突出“新”，如能堅持天天更新的話，我相信這樣的網頁一定會受到大家的歡迎。

5、內容相對實用性大

一個網頁盡管設計得趣味盎然，引人入勝，但這不是吸引用戶更好的理由，要想更大限度地留住用戶首要的是要讓它有用處，這樣做的一個很簡單的辦法是提供相互參與--讓讀者做一些事情，如報名獲取定期發送的通訊，并用某種方式報答他們的參與，如每周抽獎或給予下載一些東西的機會。

6、網站的標準色彩不超過3種

標準色彩是指體現網站形象和延伸內涵的色彩，一般一個網站標準色不超過三種，太多則讓人眼花繚亂，標準色彩主要用于網站的標志，標題，主菜單和主色塊，給人以整體的感覺，至于其它色彩的使用，只可作為點綴和襯托，絕不能暄賓奪主。

7、不要使用過多的字體

字體太多，則顯得雜亂，沒有主題，建議更多使用三種字體，網頁中需突出的地方可用不同的字體樣式、大小和不同的字體顏色表示。還應注意的一點就是更好使用windows系統自帶的字體，因為更終選用什么字體顯示是由瀏覽者的瀏覽器來決定的。

8、網站的鏈接層次結構不要超過三層

網站的鏈接結構指網頁之間相互拓撲結構，簡單的說，每一個網頁都是一個固定點，鏈接則是在兩固定點之間的連線。

層次不要超出三層，只是針對一些個人站點和小網站而言，這樣不但能使網站結構清晰，一目了然，而且更便于你網站的日常維護，如果鏈接目錄結構不能控制在三層以內，建議你在頁面里顯示導航條，可以幫助瀏覽都明確自己所處的位置。

9、網頁命名要簡潔

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

10、為圖片添加文字說明

給每幅圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導航按鈕和大圖片更應如此。這樣一來，當網絡速度很慢不能把圖象下載下來時或者用戶在使用文本類型的瀏覽器時，照樣能閱讀網頁的內容，以后用戶在訪問你的站點時總有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。

11、確保頁面的導覽性好

主頁的其中一個很重要的功能就是作為導航工具，指引用戶查閱你存儲在網址或其他地點的信息，因此在設計主頁時，應盡量使導覽過程變得很輕松。基于清晰明確和速度的考慮，主頁上的超級聯接內容應只限于幾個高級的類別，例如公司、產品、服務等等。一般一個A4頁面大小的網頁用六至八個超級聯接比較合適。

此外，你還要保證超級聯接的層數不能太多，超過4層以上的聯接信息將會使人感到厭煩，因此，你必須在廣度和深度之間求取平衡。如果你的網址上有太多信息，你可能要制作較長的頁面或使用更多聯接層數，甚至可能要建立多個主頁、使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息，肯定受用戶歡迎。

12、善用表格來布局

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

表格在許多的網頁中被用于頁面排版，表格的嵌套就是在表格里插入表格，做為文字來處理，這樣更易于網頁版式的定位，但是如果表格層次過多將嚴重影響網頁的下載速度，所以建議各位盡量少的使用復雜的，嵌套層次多的表格。

13、網站的目錄結構

網站的目錄是指你建立網站時創建的目錄，目錄的結構是一個容易忽略的問題，大多數人在創建站點時都是未經規劃，隨意創建子目錄，目錄結構對瀏覽者并無影響，但對于站點本身的上傳和維護，以后內容的擴充和移植有著重要影響。

下面再給各位列出幾個注意點，希望對站長們有所幫助：

（1）、不要將所有文件都存放在根目錄下。

（2）、目錄層次不要太深，建議不要超過3層。

（3）、不要使用過長的目錄名。

（4）、不要使用中文目錄。

14、排版時要注意細節

別輕易讓文字居中和使用粗體或斜體字符，除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補償由于字母傾斜引起的空白變化。

利用短的段落，加點列示，適當的整塊引用文字，用水平線分節，用影象地圖指引主要連接，使你的頁面能吸引人和容易閱讀。另外，提醒大家注意的是，不要把重要的內容排版放到網頁的結尾，因為讀者的視線可能停留在主頁上面較多一點，或者有些讀者沒有耐心往下看那么遠。

15、善用GIF和JPG格式的圖象

用戶在網上四處遨游，你必須設法吸引和維護他們對你的主頁的注意力，網站的其中一個更重大資源是其多媒體能力，所以我們無論如何要善加利用。

主頁上更好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有一定的實際作用，切忌虛飾浮夸。目前因特網上大多數使用GIF和JPG交互格式的圖象，因為交互格式的圖像是分級顯示出來的，首先以很低的分辨率顯示，然后逐步提高分辨率，直至更后達到正常顯示，這種方式有時候會使較大的圖像看起來好象裝載得快一些，實際上并非如此，但這是一種有益的錯覺，這樣也便于讀者在圖像裝載的過程中看到它的模樣，如果他們不喜歡或不想看的話就有機會中斷傳輸或轉向別的地方。

16、多使用圖象縮微圖

比如說有一張800×600像素的1600萬色掃描圖，所占空間約為50K，使用PhotoShop這一類的圖象編輯工具對原圖進行重新取樣，比如說高度為100像素(為確保瀏覽器能即時以合適的大小顯示圖像，高度和寬度很重要，也許為了達到你自己的要求你得進行調整才能找到更合適的大小，但可以從高度除以4～6開始)，PhotoShop會自動計算新圖象的寬度，保存新圖象，它的大小現在應為8K或更小。然后瀏覽器在解釋執行Lowsrc命令時，將要求瀏覽器在真正的畫面載入以前先裝載低分辨率的圖像，這樣就會讓訪問者清楚將會出現什么樣的圖片。

17、不宜使用太多的動畫

大家都喜歡用GIF動畫來裝飾網頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那么就選擇靜止的圖片，因為它的容量要小得多。

同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K，雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇更小的。

18、閃爍文字不要多用

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

19、頁面長度要適中

有的網站主頁拉得老長老長，讓讀者握著鼠標翻半天，別跟讀者為難，凡事從人家的角度多想想。一般來說，主頁長度應限定在三個整屏以內，一個半屏為更佳。

當一個頁面很長時就應該要注意了，因為它的傳輸時間明顯要比較短的頁面的傳輸時間長，太長的頁面傳輸會使訪問者在等待中失去耐心，而且為了閱讀這些長文本，訪問者不得不使用卷滾條，從而也浪費了用戶在網上沖浪的時間。

如果你有大量的基于文本的文檔，應當以AdobeAcrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節省寶貴的時間。

20、記數器能不用更好不用

由于計數器也是由程序設計成的，顯示計數器的過程其實就是在執行一個程序的過程，它需要占用用戶寶貴的上網時間，況且大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告，因此，建議不要輕易考慮在你的網站上放置一個醒目的點擊記數器。

你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。如果你顯示你的網站是多么受歡迎，你更好提供一個鏈接，顯示訪問日志。

21、Java程序少用為宜

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

22、合理設計視覺效果

不必在以頁面上填滿圖像來增加視覺趣味，盡量使用彩色圓點--它們較小并能為列表項增加色彩活力(并能用于彩色列表)，彩色分隔條也能在不擾亂帶寬的情況下增強圖形感。

另外，網頁設計好后，一定要在不同類型的瀏覽器和不同分辨率的情況下測試主頁，例如許多瀏覽器使用1280×800的分辨率，盡管在1600×900高分辨率下一些Web頁面看上去很具吸引力，但在1280×800的模式下可能會黯然失色，作一點小小的努力，設計一個在不同分辨率和不同類型的瀏覽器下都能正常顯示的網頁。

23、每個頁面都要有導航標志

所有頁面從頭至尾都要使用導航標志，尤其是要用“返回到首頁”連接，可以在每個頁面都這樣做。比如在每頁的頂端(或底部)都有一小串圖標，第一個回到首頁、第二個回到章、第三個回到節。

如果是圖像導航按鈕，那么要有清晰的標識，讓人看得明白，千萬別只顧視覺效果的熱鬧，而讓人家不知東西南北。而文本導航的鏈接顏色更好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區分，給讀者一個清楚明白的導向。

24、盡量使用相對超級連接

在制作圖象或文本超級連接時，盡可能地使用相對超級連接，這是因為這樣做網頁的可移植性比較強，例如把一組源文件移到另一個地方時，相對路徑名仍然有效，而不需要重新修改連接的目標地址。

另外，使用相對超級連接時輸入量也較少，在同一頁的連接項當然應該使用相對地址，因為使用相對地址后可能會每選擇一個連接都要把該頁重新裝載一次。

如果是連接到不直接相關的文件時，使用相對路徑比較好，這樣以后要是把源文件移到另外的目錄下就不需更改連接了。

25、保證超級連接直觀有效

頁面中的超級連接應當使用戶能夠很快地找到他們所要的東西，絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠很直觀地從每一頁上訪問網站的任何部分。