HTML語言的網(wǎng)頁制作技巧與方法分析

王闖

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

關(guān)鍵詞：HTML；網(wǎng)頁制作；制作技巧

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

1用HTML制作網(wǎng)頁的特點(diǎn)和好處

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

HTML是Web網(wǎng)頁開發(fā)的基礎(chǔ)，它其實(shí)是組合成一個(gè)文本文件的一系列標(biāo)簽，可以利用它來定義網(wǎng)站中的文章內(nèi)容、標(biāo)題、連結(jié)、圖片等，讓瀏覽器知道網(wǎng)站整個(gè)架構(gòu)的呈現(xiàn)。瀏覽器通過對(duì)這些標(biāo)簽的解析，來呈現(xiàn)給我們最終格式化的網(wǎng)頁效果。

HTML文檔制作并不復(fù)雜，而且它的功能很強(qiáng)大。HTML其實(shí)就是文本，只要有編輯器就能編寫，編寫后只需要用瀏覽器來翻譯就可以了，它支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，其主要特點(diǎn)有如下幾點(diǎn)。

（1）簡(jiǎn)易性。HTML版本升級(jí)采用超集方式，從而更加靈活方便。

（2）可擴(kuò)展性。HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。

（3）平臺(tái)無關(guān)性。雖然Pc機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是WWW盛行的另一個(gè)原因。

現(xiàn)在雖然有很多編輯器，設(shè)計(jì)者可以完全一點(diǎn)不懂HTML的知識(shí)也可以做出網(wǎng)頁，這類軟件主要有Frontpage，DREAMWEAVER。但是如果熟悉了HTML會(huì)有以下多種好處。

（1）很輕松自由的修改自己的網(wǎng)站、博客的網(wǎng)頁結(jié)構(gòu)及網(wǎng)頁格式。

（2）可以學(xué)習(xí)并利用別人網(wǎng)頁技術(shù)。通過保存其他網(wǎng)站頁面源代碼，適當(dāng)?shù)男薷牟⒅谱鞒鲎约合胍木W(wǎng)頁效果。

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

（4）動(dòng)態(tài)網(wǎng)站編程語言如PHP、ASP、NET、JSP等，都離不開HTML。

（5）可以對(duì)自己的網(wǎng)頁進(jìn)行加密設(shè)置，有效的防止了網(wǎng)頁木馬。

（6）可以很輕松的對(duì)網(wǎng)頁更新維護(hù)和改版。

2常用的幾種技巧方法

（1）制作網(wǎng)頁要有目的性。制作網(wǎng)頁并不是茫無目的的，要知道需要什么樣的讀者。如果讀者喜歡聽歌曲，可以在網(wǎng)頁中適當(dāng)?shù)奶硇┮魳罚蝗绻x者是特別懶的人，那么網(wǎng)頁的尺寸就不要太大，網(wǎng)頁的鏈接就不要太多；如果讀者是紡織工人，那么血紅色和黑色最好不要選擇。也就是說要了解用戶群的心理，才能使網(wǎng)頁得到用戶的喜歡。

（2）網(wǎng)頁要簡(jiǎn)潔、大方。簡(jiǎn)潔并不等于乏味，一個(gè)好的網(wǎng)頁設(shè)計(jì)不光只是看起來好看而已，還要是用戶友好型的。一般來說，一個(gè)干凈、簡(jiǎn)單的網(wǎng)頁設(shè)計(jì)最終會(huì)成為一個(gè)可用性高的網(wǎng)頁設(shè)計(jì)，因?yàn)樗谂c用戶的交互中不會(huì)使其產(chǎn)生混淆。如果頁面上有太多的網(wǎng)站功能和組件，將會(huì)分散瀏覽者的注意力，這樣就失去了原本瀏覽網(wǎng)站的目的。應(yīng)該把技術(shù)和效果用在適當(dāng)?shù)牡胤剑迷谟行畔⑸?，讓訪問者關(guān)注他們想關(guān)注的東西。

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

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

（5）在網(wǎng)頁中添加注釋。為了更好的測(cè)試某段代碼的效果，在適當(dāng)?shù)奈恢靡砑颖匾淖⑨?，特別是在多人共同開發(fā)的網(wǎng)頁中，添加注釋可以更加明確代碼含義并避免代碼混淆。

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

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

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

（9）動(dòng)畫不要太多。用GIF動(dòng)畫的確很吸引人，但是過多的使用會(huì)干擾人們的視線，甚至?xí)a(chǎn)生厭煩。同樣尺寸的圖片動(dòng)態(tài)的要比靜態(tài)的容量大很多，會(huì)影響網(wǎng)頁的下載速度。因此我們?cè)谶x擇圖片時(shí)盡量選擇靜態(tài)圖片。

3結(jié)語

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