王闖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2常用的幾種技巧方法

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

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

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

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

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

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

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

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

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

3結(jié)語(yǔ)

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