HTML語言的網頁制作技巧與方法分析

王闖

摘要：隨著網絡的普及，人們已經進入了信息時代。制作網站的目的是實現信息傳遞，使人們看到自己想要的內容，所以在制作網頁的過程中要考慮自己要做出一個什么樣的網頁，這個網頁要實現什么目的，從而來吸引瀏覽者的注意力。一個出色網頁的制作有很多方法、方式，靈活掌握一些設計和制作技巧，可以使網頁更加完善。

關鍵詞：HTML；網頁制作；制作技巧

如今制作網頁有好多種方法，有直接借助工具的如Dreamweaver，還有直接用HTML編寫的，筆者認為不管是否借助任何工具來制作網頁，必須以HTML為基礎，這樣才能設計并制作出比較完善的網頁。一個好的網站在設計和制作的過程中要遇到各種各樣的問題，不但要注意網站的風格特點，還要考慮網頁的實用性和有效性。下面介紹用HTML制作網頁的重要性和一些在網頁制作中常用的技巧。

1用HTML制作網頁的特點和好處

HTML是“Hyper Text Markup Language”的縮寫。它不僅是目前在網頁設計中，所使用的最基本的標記語言，也是用于創建可從一個平臺移植到另一平臺的超文本文檔的一種簡單標記語言。人們所編寫的網頁，都要遵循HTML的語法，否則，一般常見的瀏覽器如Netscape及InternetExplorer便不能正常地詮釋或顯示該網頁。現在很多HTML的編輯器，都是透過跟文字處理器相似的接口來編輯網頁的。

HTML是Web網頁開發的基礎，它其實是組合成一個文本文件的一系列標簽，可以利用它來定義網站中的文章內容、標題、連結、圖片等，讓瀏覽器知道網站整個架構的呈現。瀏覽器通過對這些標簽的解析，來呈現給我們最終格式化的網頁效果。

HTML文檔制作并不復雜，而且它的功能很強大。HTML其實就是文本，只要有編輯器就能編寫，編寫后只需要用瀏覽器來翻譯就可以了，它支持不同數據格式的文件鑲入，這也是WWW盛行的原因之一，其主要特點有如下幾點。

（1）簡易性。HTML版本升級采用超集方式，從而更加靈活方便。

（2）可擴展性。HTML語言的廣泛應用帶來了加強功能，增加標識符等要求，HTML采取子類元素的方式，為系統擴展帶來保證。

（3）平臺無關性。雖然Pc機大行其道，但使用MAC等其他機器的大有人在，HTML可以使用在廣泛的平臺上，這也是WWW盛行的另一個原因。

現在雖然有很多編輯器，設計者可以完全一點不懂HTML的知識也可以做出網頁，這類軟件主要有Frontpage，DREAMWEAVER。但是如果熟悉了HTML會有以下多種好處。

（1）很輕松自由的修改自己的網站、博客的網頁結構及網頁格式。

（2）可以學習并利用別人網頁技術。通過保存其他網站頁面源代碼，適當的修改并制作出自己想要的網頁效果。

（3）能很輕易的把一張漂亮的PSD源文件切割制作成網頁，并制作出自己想要的效果。

（4）動態網站編程語言如PHP、ASP、NET、JSP等，都離不開HTML。

（5）可以對自己的網頁進行加密設置，有效的防止了網頁木馬。

（6）可以很輕松的對網頁更新維護和改版。

2常用的幾種技巧方法

（1）制作網頁要有目的性。制作網頁并不是茫無目的的，要知道需要什么樣的讀者。如果讀者喜歡聽歌曲，可以在網頁中適當的添些音樂；如果讀者是特別懶的人，那么網頁的尺寸就不要太大，網頁的鏈接就不要太多；如果讀者是紡織工人，那么血紅色和黑色最好不要選擇。也就是說要了解用戶群的心理，才能使網頁得到用戶的喜歡。

（2）網頁要簡潔、大方。簡潔并不等于乏味，一個好的網頁設計不光只是看起來好看而已，還要是用戶友好型的。一般來說，一個干凈、簡單的網頁設計最終會成為一個可用性高的網頁設計，因為它在與用戶的交互中不會使其產生混淆。如果頁面上有太多的網站功能和組件，將會分散瀏覽者的注意力，這樣就失去了原本瀏覽網站的目的。應該把技術和效果用在適當的地方，用在有效信息上，讓訪問者關注他們想關注的東西。

（3）點擊次數要少。一般情況下，點擊的次數不要超過3次。如果用戶點擊了一次/一次還沒有找到自己想要的內容，加之，當用戶深入網站查找需要的信息最后卻摸不著頭腦了，會怎么辦？他們肯定不會原地兜圈，那么他們會放棄瀏覽此網站而去別的地方繼續沖浪，可能也就再也不會回來了。

（4）巧妙的使用字體。在制作網頁過程中，漂亮的字體必不可少。但如果訪問者的瀏覽器沒有安裝同樣的字體，那么看到的網頁會是很普通的字體。解決這種問題的方法是在FONT標簽中的FACE屬性中填寫多個字體，這樣瀏覽器會按照FACE中字體的順序設置已安裝的字體。

（5）在網頁中添加注釋。為了更好的測試某段代碼的效果，在適當的位置要添加必要的注釋，特別是在多人共同開發的網頁中，添加注釋可以更加明確代碼含義并避免代碼混淆。

（6）每個網頁的命名要簡單。一個網站是由多個網頁組成的，它包含一個主頁和多個子頁，每個頁面都要有一個具有代表性且簡單易記的名字，這樣才可以有效的把每個頁面連接起來。這樣不僅方便以后管理網頁，而且別人會很容易在向搜索引擎中索引到你提交的網頁。在給網頁命名時，不要用數字開頭的名字，也盡量不要使用中文，最好使用常用的或符合頁面內容的小寫英文字母，這樣連接才不容易失敗。

（7）要善于使用表格來布局頁面。不要把一個網頁的內容像寫匯總材料似的直接顯示出來，要善于用表格來布局和定位，以便安排網頁中的各個內容。一個頁面可以用多個嵌套表格，這樣能更好的把網站內容的層次性和空間性突出顯示出來，使瀏覽者一眼就能看出你的網站重點突出，結構分明。

（8）要合理的擺放網頁元素。不要試圖把太多的元素硬塞到一個頁面中，隨意再增加一個元素都可能破壞整體的視覺效果。適當留一些空白，給眼睛留有呼吸的時間。一般要在元素之間留有一些空白區域，確保元素之間不會離的太遠，也不會離得太近。盡量把設計元素排在一條直線上，這條是所有圖形設計規則的基礎。

（9）動畫不要太多。用GIF動畫的確很吸引人，但是過多的使用會干擾人們的視線，甚至會產生厭煩。同樣尺寸的圖片動態的要比靜態的容量大很多，會影響網頁的下載速度。因此我們在選擇圖片時盡量選擇靜態圖片。

3結語

不管大家使用什么樣的方法來制作網頁，如果不懂靈活使用HTML，那么就制作不出靈活、功能齊全的網頁。制作網頁過程中會遇到很多問題，有些制作技巧會達到事半功倍的效果。文章在討論了HTML在網頁制作中的重要性的前提下，又提供了一些制作技巧，它們在網頁的制作中是不應該被忽略的。網頁的制作技巧有很多，本文只提到了一部分常見的，希望對大家有所幫助。