張立新

?

HTML語(yǔ)言的網(wǎng)頁(yè)制作技巧與方法簡(jiǎn)析

張立新

北京信息職業(yè)技術(shù)學(xué)院，北京 100018

在分析HTML語(yǔ)言網(wǎng)頁(yè)制作的特點(diǎn)和優(yōu)勢(shì)基礎(chǔ)上，對(duì)基于HTML語(yǔ)言的網(wǎng)頁(yè)制作技巧與方法進(jìn)行研究，以為相關(guān)實(shí)踐及研究提供參考。

HTML語(yǔ)言；網(wǎng)頁(yè)制作；技巧；方法

在信息化、網(wǎng)絡(luò)化全面發(fā)展與廣泛應(yīng)用的背景下，人們?cè)跒g覽網(wǎng)頁(yè)獲取網(wǎng)絡(luò)信息與資源過(guò)程中，對(duì)網(wǎng)頁(yè)內(nèi)容及布局等要求更高。網(wǎng)頁(yè)制作的方法相對(duì)較多，一般包含使用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)編寫(xiě)和借助有關(guān)工具進(jìn)行網(wǎng)頁(yè)制作等不同方法，但是不管采用哪種方法進(jìn)行網(wǎng)頁(yè)制作，都需要以HTML語(yǔ)言為基礎(chǔ)，以對(duì)網(wǎng)頁(yè)制作的質(zhì)量進(jìn)行保障，并且在網(wǎng)頁(yè)制作過(guò)程中還需要根據(jù)網(wǎng)站的風(fēng)格與特點(diǎn)等，考慮有關(guān)情況，以達(dá)到較好的網(wǎng)頁(yè)制作與瀏覽使用效果，吸引更多瀏覽者關(guān)注[1]。因此，針對(duì)網(wǎng)頁(yè)制作中的技巧與方法進(jìn)行總結(jié)分析，也為相關(guān)實(shí)踐及研究提供一定的參考，具有十分顯著的價(jià)值作用和意義。下文將在對(duì)HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)制作的特點(diǎn)和優(yōu)勢(shì)分析基礎(chǔ)上，對(duì)基于HTML語(yǔ)言的網(wǎng)頁(yè)制作技巧與方法進(jìn)行研究，以供參考。

1 HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)制作的特點(diǎn)與優(yōu)勢(shì)分析

HTML語(yǔ)言是進(jìn)行網(wǎng)頁(yè)制作的基礎(chǔ)。網(wǎng)頁(yè)制作與設(shè)計(jì)中，HTML語(yǔ)言也是一種最基本的標(biāo)記性語(yǔ)言，是從一個(gè)平臺(tái)向另一個(gè)平臺(tái)移植中進(jìn)行超文本文檔創(chuàng)建具有突出簡(jiǎn)單性特點(diǎn)的標(biāo)記性語(yǔ)言[2]。因此，一般情況下，需要按照HTML語(yǔ)言的語(yǔ)法進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作，以避免在瀏覽器狀態(tài)下無(wú)法正常顯示與瀏覽網(wǎng)頁(yè)，從而對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的質(zhì)量進(jìn)行保障。當(dāng)前，網(wǎng)頁(yè)設(shè)計(jì)與制作中，HTML語(yǔ)言的編輯器是在文字處理器相似接口進(jìn)行網(wǎng)頁(yè)編輯與設(shè)計(jì)制作的。此外，在網(wǎng)頁(yè)開(kāi)發(fā)與設(shè)計(jì)中，HTML也是開(kāi)發(fā)與設(shè)計(jì)的重要基礎(chǔ)，通過(guò)HTML語(yǔ)言組合形成同一個(gè)文本文件的標(biāo)簽，來(lái)實(shí)現(xiàn)對(duì)瀏覽網(wǎng)站中相關(guān)文章內(nèi)容以及圖片、標(biāo)題等的定義，并通過(guò)瀏覽器對(duì)網(wǎng)站的整體架構(gòu)進(jìn)行了解，同時(shí)在瀏覽器中對(duì)上述內(nèi)容及圖片、文章的標(biāo)簽進(jìn)行詳細(xì)解析，也能夠?yàn)闉g覽者提供格式化的網(wǎng)頁(yè)形式。更應(yīng)關(guān)注的是，HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的過(guò)程相對(duì)簡(jiǎn)單，并不十分復(fù)雜，設(shè)計(jì)制作的網(wǎng)頁(yè)功能也比較突出。HTML語(yǔ)言從本質(zhì)上可以理解為一種文本，需要應(yīng)用編輯器進(jìn)行編寫(xiě)。這種語(yǔ)言文本的編寫(xiě)，能夠通過(guò)瀏覽器進(jìn)行翻譯，并且HTML語(yǔ)言中能夠進(jìn)行不同格式的數(shù)據(jù)文件嵌入，網(wǎng)頁(yè)設(shè)計(jì)與制作中適用性非常廣泛。結(jié)合HTML語(yǔ)言在網(wǎng)頁(yè)制作中應(yīng)用的實(shí)際情況，其突出特點(diǎn)與優(yōu)勢(shì)主要表現(xiàn)在以下幾個(gè)方面。

首先，HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)制作具有較為突出的簡(jiǎn)易性。由于HTML的版本升級(jí)是以超集方式實(shí)現(xiàn)的，具有較為突出的靈活性和便利性，因此運(yùn)用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作也具有較為突出的簡(jiǎn)易性特征。其次，由于HTML語(yǔ)言本身具有較為廣泛的應(yīng)用，且功能相對(duì)強(qiáng)大，能夠?qū)崿F(xiàn)多種數(shù)據(jù)格式嵌入支持，再加上HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作中采用子類元素方式，能夠進(jìn)行系統(tǒng)拓展設(shè)計(jì)與應(yīng)用，因此HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)制作還具有較為顯著的可拓展性特征優(yōu)勢(shì)。最后，HTML語(yǔ)言還可以多平臺(tái)使用，能夠滿足PC機(jī)以及MAC等多平臺(tái)用戶網(wǎng)頁(yè)瀏覽的需求，因此進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作應(yīng)用還具有突出平臺(tái)無(wú)關(guān)性特征的優(yōu)勢(shì)，更能滿足各類平臺(tái)用戶的需求。

需要注意的是，采用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作中，應(yīng)用的編輯器類型較多，能夠在網(wǎng)頁(yè)設(shè)計(jì)人員對(duì)HTML語(yǔ)言知識(shí)不了解情況下實(shí)現(xiàn)相應(yīng)的網(wǎng)頁(yè)設(shè)計(jì)與制作。對(duì)HTML語(yǔ)言知識(shí)的了解與學(xué)習(xí)掌握，還能夠通過(guò)個(gè)人的專業(yè)知識(shí)與經(jīng)驗(yàn)積累進(jìn)行有關(guān)網(wǎng)頁(yè)結(jié)構(gòu)及格式的修改，并在對(duì)網(wǎng)頁(yè)技術(shù)知識(shí)的學(xué)習(xí)基礎(chǔ)上，保存網(wǎng)站頁(yè)面源代碼，進(jìn)行更符合個(gè)人需求的網(wǎng)頁(yè)設(shè)計(jì)與制作，實(shí)現(xiàn)PSD文件切割與網(wǎng)頁(yè)制作，從而達(dá)到增強(qiáng)網(wǎng)頁(yè)效果的目的。此外，還能夠在網(wǎng)頁(yè)設(shè)計(jì)與制作中進(jìn)行相應(yīng)的加密安全設(shè)置保護(hù)，避免網(wǎng)頁(yè)瀏覽過(guò)程中受到木馬病毒的侵害，確保網(wǎng)頁(yè)瀏覽的安全性。

2 基于HTML語(yǔ)言的網(wǎng)頁(yè)制作技巧與方法研究

首先，應(yīng)用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)制作時(shí)，需要明確網(wǎng)頁(yè)設(shè)計(jì)與制作的目的，即明確設(shè)計(jì)與制作網(wǎng)頁(yè)所面對(duì)的讀者用戶群體，以針對(duì)讀者、用戶的需求合理地設(shè)計(jì)和制作網(wǎng)頁(yè)。比如，對(duì)喜歡聽(tīng)歌的用戶，可以在網(wǎng)頁(yè)設(shè)計(jì)與制作中添加相應(yīng)的音樂(lè)文件；對(duì)用戶要求較為直接、簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)避免尺寸或篇幅過(guò)大，減少網(wǎng)頁(yè)鏈接的應(yīng)用；再比如，在進(jìn)行特殊用戶群體的網(wǎng)頁(yè)設(shè)計(jì)中，還應(yīng)注意顏色搭配與選擇應(yīng)用技巧，以結(jié)合用戶的心理特點(diǎn)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作，滿足用戶的網(wǎng)頁(yè)瀏覽習(xí)慣和需求。

其次，采用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作中，還應(yīng)確保網(wǎng)頁(yè)整體布局及結(jié)構(gòu)簡(jiǎn)潔、大方。一般情況下，網(wǎng)頁(yè)設(shè)計(jì)與制作中，好的網(wǎng)頁(yè)設(shè)計(jì)中結(jié)構(gòu)布局不但要簡(jiǎn)單、大方，一目了然，整體布局美觀緊湊、合理、有序，還應(yīng)能夠吸引用戶的瀏覽，以確保其具有較高的可用性，在與用戶進(jìn)行交互過(guò)程中不會(huì)產(chǎn)生混淆，以避免網(wǎng)頁(yè)頁(yè)面中包含過(guò)多的網(wǎng)站功能與組件，導(dǎo)致用戶瀏覽網(wǎng)頁(yè)過(guò)程中注意力被分散，導(dǎo)致網(wǎng)站瀏覽目的喪失，吸引用戶對(duì)其他東西投入過(guò)多關(guān)注等。

再次，采用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作中，還應(yīng)注意用戶點(diǎn)擊網(wǎng)頁(yè)的次數(shù)不能過(guò)多。一般情況下最好不超過(guò)3次，以避免用戶在多次點(diǎn)擊網(wǎng)頁(yè)情況下仍然無(wú)法找到自己想要的內(nèi)容，導(dǎo)致用戶對(duì)網(wǎng)頁(yè)瀏覽的興趣消失，影響網(wǎng)站瀏覽效果。

采用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作中，還應(yīng)注意在網(wǎng)頁(yè)中添加注釋。為了測(cè)試某段代碼的效果，需要在適當(dāng)?shù)奈恢锰砑酉鄳?yīng)的注釋，尤其是多人共同開(kāi)發(fā)設(shè)計(jì)的網(wǎng)頁(yè)中，通過(guò)添加與設(shè)置注釋，明確網(wǎng)頁(yè)制作的代碼語(yǔ)言含義，以避免和其他代碼之間發(fā)生混淆，影響網(wǎng)頁(yè)的修改與定期更新等。

此外，還應(yīng)選擇與使用字體，每個(gè)網(wǎng)頁(yè)的命名應(yīng)保持簡(jiǎn)單。如果瀏覽者沒(méi)有安裝字體，那么在瀏覽網(wǎng)頁(yè)過(guò)程中看到的字體就是普通自體。為確保瀏覽者的網(wǎng)頁(yè)瀏覽與訪問(wèn)效果，可以在網(wǎng)頁(yè)制作中通過(guò)FONT標(biāo)簽中FACE屬性進(jìn)行多個(gè)字體填寫(xiě)編制，以確保用戶在瀏覽網(wǎng)頁(yè)過(guò)程中根據(jù)FACE中的字體順序進(jìn)行已安裝字體設(shè)置[3]。此外，由于一個(gè)網(wǎng)站中包含多個(gè)網(wǎng)頁(yè)，并且每個(gè)網(wǎng)頁(yè)都具有自己代表性且簡(jiǎn)單的名字，以確保多個(gè)網(wǎng)頁(yè)在網(wǎng)站中的連接，對(duì)后期網(wǎng)頁(yè)管理以及通過(guò)搜索引擎進(jìn)行網(wǎng)頁(yè)索引都具有較大的便利性，因此在網(wǎng)頁(yè)設(shè)計(jì)與制作中，網(wǎng)頁(yè)命名應(yīng)避免以數(shù)字開(kāi)頭和使用中文，盡量以常用或符合頁(yè)面內(nèi)容的小寫(xiě)英文字母進(jìn)行命名，以確保其命名簡(jiǎn)單。

最后，進(jìn)行HTML語(yǔ)言的網(wǎng)頁(yè)制作還應(yīng)注意使用表格來(lái)完善網(wǎng)頁(yè)的頁(yè)面布局，避免將過(guò)多的元素集中加入一個(gè)網(wǎng)頁(yè)中，以確保網(wǎng)頁(yè)制作的質(zhì)量和效果。

3 結(jié)束語(yǔ)

總之，對(duì)HTML語(yǔ)言的網(wǎng)頁(yè)制作技巧與方法研究，有利于促進(jìn)其在實(shí)踐中的推廣應(yīng)用，進(jìn)而確保HTML語(yǔ)言特點(diǎn)與功能優(yōu)勢(shì)支持下的網(wǎng)頁(yè)制作質(zhì)量和效果，滿足用戶的需求，具有十分積極的作用和意義。

[1]王艷. Dreamweaver網(wǎng)頁(yè)制作技巧與問(wèn)題處理[J]. 電腦編程技巧與維護(hù)，2016（19）：70-72.

[2]王申. 網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用技術(shù)初探[J]. 硅谷，2013，6（21）：104-105.

[3]田紅玉. 靜態(tài)網(wǎng)頁(yè)制作技術(shù)與動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)的比較[J]. 黑龍江科學(xué)，2013（9）：116.

A Brief Analysis of the Techniques and Methods of Making Web Pages in HTML Language

Zhang Lixin

Beijing Information Technology College, Beijing 100018

Based on the analysis of the characteristics and advantages of HTML language for web page production, the paper studies the techniques and methods of web page creation based on HTML language, and provides reference for related practice and research.

HTML language; web page production; skills; method

TP311.5

A

張立新（1966—），女，漢族，北京人，本科學(xué)歷，單位為北京信息職業(yè)技術(shù)學(xué)院，職稱為高級(jí)工程師，研究方向?yàn)榍度胧郊夹g(shù)開(kāi)發(fā)與應(yīng)用、移動(dòng)應(yīng)用開(kāi)發(fā)、計(jì)算機(jī)應(yīng)用、高職教育，寫(xiě)作方向?yàn)橐苿?dòng)應(yīng)用開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)與制作。