張立新

?

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

張立新

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)束語

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

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

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

[3]田紅玉. 靜態(tài)網(wǎng)頁制作技術(shù)與動(dòng)態(tài)網(wǎng)頁制作技術(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ù)開發(fā)與應(yīng)用、移動(dòng)應(yīng)用開發(fā)、計(jì)算機(jī)應(yīng)用、高職教育，寫作方向?yàn)橐苿?dòng)應(yīng)用開發(fā)、網(wǎng)頁設(shè)計(jì)與制作。