基于HTML語言的網(wǎng)頁制作方法

文/張叢叢

作為計(jì)算機(jī)系統(tǒng)的重要組成之一，網(wǎng)頁制作是廣大用戶進(jìn)行網(wǎng)頁瀏覽的先決條件。網(wǎng)頁從本質(zhì)上來說是一種由本地計(jì)算機(jī)解釋和運(yùn)行的多媒體載體，所以網(wǎng)頁制作的效果直接影響到用戶的視覺和聽覺感受。目前很多工具軟件都可以用來進(jìn)行網(wǎng)頁制作，但是網(wǎng)頁制作的一些特殊要求卻不是普通工具軟件就可以達(dá)到的。借助HTML語言進(jìn)行網(wǎng)頁制作則可以彌補(bǔ)普通工具軟件的缺陷，制造出具有特殊效果的網(wǎng)頁。

1 HTML語言概述

HTML語言是Hypertext Markup Language的簡(jiǎn)稱，即超級(jí)文本語言。它是由標(biāo)記符號(hào)有效標(biāo)記網(wǎng)頁不同組成部分的一種標(biāo)準(zhǔn)和規(guī)范，屬于標(biāo)準(zhǔn)通用標(biāo)記語言的應(yīng)用之一。HTML語言的功能主要體現(xiàn)在網(wǎng)頁顯示中，瀏覽器根據(jù)HTML語言的特殊標(biāo)記符號(hào)可以實(shí)現(xiàn)網(wǎng)頁的順序?yàn)g覽和閱讀，有效顯示文本、圖片、視頻動(dòng)畫等。

2 基于HTML語言制作網(wǎng)頁的優(yōu)勢(shì)

HTML語言應(yīng)用在網(wǎng)頁設(shè)計(jì)中，可以實(shí)現(xiàn)從一個(gè)平臺(tái)到另一個(gè)超文本文檔的轉(zhuǎn)換。由HTML語言組成的標(biāo)簽，可以用來定義網(wǎng)站的詳細(xì)內(nèi)容，是網(wǎng)頁開發(fā)的基礎(chǔ)?；贖TML語言制作網(wǎng)頁，可以在瀏覽器中呈現(xiàn)網(wǎng)頁的整體構(gòu)造，達(dá)到滿足用戶需求的網(wǎng)頁效果。利用HTML語言制作網(wǎng)頁主要是由于它有以下三個(gè)突出特點(diǎn)：首先，具有簡(jiǎn)易性，應(yīng)用方便且靈活。特別是目前HTML語言已經(jīng)完成版本升級(jí)，超集的新方式使得網(wǎng)頁制作者更加容易操作。其二，它還可以根據(jù)需要進(jìn)行擴(kuò)展，應(yīng)用其子類元素能夠充分滿足系統(tǒng)的擴(kuò)展需要。標(biāo)識(shí)符的添加，使得HTML 語言的擴(kuò)展功能非常強(qiáng)大。最后，通用性也是HTML語言的優(yōu)勢(shì)特點(diǎn)之一，也就是說基于HTML語言制作的網(wǎng)頁可以滿足用戶在任何電腦、任意瀏覽器進(jìn)行網(wǎng)頁瀏覽的要求，哪怕是圖片或者是文本組合較為復(fù)雜，也不影響用戶的瀏覽效果。雖然目前已經(jīng)有很多網(wǎng)站編輯器可以實(shí)現(xiàn)網(wǎng)頁制作，但是HTML語言憑借其獨(dú)特的優(yōu)勢(shì)，依然成為專業(yè)的網(wǎng)頁制作者的首選。借助HTML語言，網(wǎng)頁制作者可以自由修改自己設(shè)計(jì)的網(wǎng)站，當(dāng)發(fā)現(xiàn)其他網(wǎng)頁制作的效果是自己想要實(shí)現(xiàn)的目標(biāo)的時(shí)候，網(wǎng)頁制作者可以通過保存源代碼方式，實(shí)現(xiàn)借鑒他人網(wǎng)頁優(yōu)勢(shì)的效果。不僅如此，HTML語言還可以保障用戶在瀏覽網(wǎng)頁時(shí)的安全，它可以切割PSD 源文件，在采用動(dòng)態(tài)化網(wǎng)站編程語言的基礎(chǔ)上對(duì)網(wǎng)頁進(jìn)行維護(hù)與加密，防止病毒入侵維護(hù)用戶的財(cái)產(chǎn)安全。

3 基于HTML語言的網(wǎng)頁制作方法

基于HTML語言的網(wǎng)頁制作主要包括網(wǎng)頁主體部分制作以及網(wǎng)頁內(nèi)容制作這兩大部分。網(wǎng)頁主體部分指的是承載網(wǎng)頁的基礎(chǔ)與框架，是網(wǎng)頁制作的首要環(huán)節(jié)。網(wǎng)頁內(nèi)容制作指的是合理填充網(wǎng)頁的內(nèi)容信息，通過圖片、文字以及視頻等信息的恰當(dāng)組合，為用戶呈現(xiàn)圖文并茂的直觀瀏覽效果。

3.1 網(wǎng)頁主體部分的制作

網(wǎng)頁主體部分的構(gòu)成，可以從它的代碼組成進(jìn)行分析。在用瀏覽器進(jìn)行網(wǎng)頁查看和瀏覽時(shí)，可以通過點(diǎn)擊工具欄中的“查看”選項(xiàng)，然后再選擇“查看源代碼”或者“查看源文件”，就可以查到網(wǎng)頁主體部分的基本代碼組成。網(wǎng)頁主體部分的代碼一般為……在進(jìn)行網(wǎng)頁主體部分制作的時(shí)候，制作者要明確關(guān)鍵字通常是成對(duì)出現(xiàn)的，有“/”出現(xiàn)表示開始，而如果沒有則代表結(jié)束，“<>”的作用主要是明確關(guān)鍵詞。在HTML的標(biāo)記方式可以采用成對(duì)標(biāo)記或者單獨(dú)標(biāo)記，還可以借助“<！--注釋-->”來對(duì)網(wǎng)頁的信息進(jìn)行注釋與說明。

3.2 網(wǎng)頁內(nèi)容的制作

3.2.1 背景音樂的制作

網(wǎng)頁制作者可以把mid 格式的音頻作為背景音樂來源，在中加入，并且可以把相對(duì)路徑作為播放背景音樂的路徑選擇，對(duì)于播放次數(shù)可以設(shè)置成較多次數(shù)，從而實(shí)現(xiàn)背景音樂播放效果為循環(huán)播放。

3.2.2 表格的制作

網(wǎng)頁排版效果的實(shí)現(xiàn)很大程度上是由表格決定的，因此表格的制作非常重要。在設(shè)計(jì)和制作表格之前，應(yīng)該對(duì)網(wǎng)頁劃分好區(qū)域，明確不同區(qū)域想要實(shí)現(xiàn)的不同需求和作用，然后再在不同的區(qū)域里面設(shè)計(jì)與放置不同的表格內(nèi)容。對(duì)表格邊框設(shè)置數(shù)字，選取“0”作為代表，進(jìn)行后續(xù)的表格排版。對(duì)表格行列的標(biāo)志與定義可以運(yùn)用來實(shí)現(xiàn)，表格表頭的定義可以運(yùn)用設(shè)置，而表格具體數(shù)據(jù)則可以采用來進(jìn)行定義。

3.2.3 子網(wǎng)頁的制作

子網(wǎng)頁是主網(wǎng)頁的下屬和分支，其制作相對(duì)較為簡(jiǎn)單，可以將主網(wǎng)頁作為藍(lán)本，沿用主網(wǎng)頁的框架結(jié)構(gòu)，然后根據(jù)子網(wǎng)頁的內(nèi)容進(jìn)行合理修改。

3.3 有效應(yīng)用CSS語言

CSS語言是一種專門應(yīng)用于HTML文件的計(jì)算語言，它可以有效分離網(wǎng)頁內(nèi)容與表格形式，還可以達(dá)到精確控制排版信息的效果。有效應(yīng)用CSS語言，可以通過設(shè)置"class"和"id" 選擇器來精確制定HTML文件元素，從而實(shí)現(xiàn)精簡(jiǎn)顯示信息、提高網(wǎng)頁運(yùn)行速度的效果。

4 注意事項(xiàng)及實(shí)用性技巧

4.1 注意事項(xiàng)

4.1.1 網(wǎng)頁設(shè)計(jì)要體現(xiàn)一定的目的

運(yùn)用HTML語言制作網(wǎng)頁之前一定要先明確制作的目的，確定網(wǎng)站的用戶范圍以及用戶的喜好等。確定好用戶想要獲得是哪種瀏覽體驗(yàn)后，再選擇合適的網(wǎng)頁制作方法。假如用戶想到簡(jiǎn)單且操作方便的效果，網(wǎng)頁制作者就不要添加太多鏈接在網(wǎng)頁設(shè)計(jì)中。假如用戶大部分是追求新穎個(gè)性的年輕人，那么網(wǎng)頁設(shè)計(jì)就可以添加多種鏈接，背景音樂也可以采用勁爆的網(wǎng)絡(luò)流行歌曲?？傮w來說就是在制作網(wǎng)頁之前，首先要了解用戶的需求，根據(jù)用戶的需求進(jìn)行網(wǎng)頁制作，這樣才能得到用戶的認(rèn)可與喜愛。

4.1.2 網(wǎng)頁整體界面要簡(jiǎn)潔大方，注重實(shí)用性

網(wǎng)頁界面的設(shè)計(jì)風(fēng)格直接影響到用戶的第一印象，因此一定要簡(jiǎn)潔大方，而且還要關(guān)注用戶的瀏覽查看體驗(yàn)。網(wǎng)頁制作要在界面美觀的基礎(chǔ)上，具備實(shí)用性。假如一個(gè)網(wǎng)頁中添加了過多的目錄和功能，會(huì)讓用戶感到雜亂無章，用戶不得不花費(fèi)時(shí)間搜索自己想要查詢的內(nèi)容，從而喪失網(wǎng)頁制作方便用戶瀏覽查詢的目的。在制作網(wǎng)頁時(shí)，可以運(yùn)用HTML語言將用戶最關(guān)注的信息放在最突出、最顯著的位置，讓用戶可以一目了然，快速查找到自己想要的信息。

4.2 實(shí)用性技巧

4.2.1 利用字體樣式增添網(wǎng)頁的美感

文字是網(wǎng)頁內(nèi)容的呈現(xiàn)方式之一，運(yùn)用多種樣式的字體可以讓網(wǎng)頁設(shè)計(jì)更加美觀。為了讓用戶在瀏覽網(wǎng)頁時(shí)欣賞到多種多樣的字體樣式，網(wǎng)頁制作者可以在網(wǎng)頁設(shè)計(jì)過程中，在FONT 標(biāo)簽下的FACE 屬性中添加多種字體樣式，這樣就能夠讓用戶在瀏覽網(wǎng)頁時(shí)看到形式多樣的字體。

4.2.2 網(wǎng)頁命名盡可能簡(jiǎn)單化

一個(gè)網(wǎng)站一般都是由多個(gè)網(wǎng)頁合成的，一個(gè)網(wǎng)站的網(wǎng)頁一般分為主網(wǎng)頁以及多個(gè)子網(wǎng)頁，只有把每一個(gè)網(wǎng)頁的命名盡可能簡(jiǎn)單化，才能將這些網(wǎng)頁有效鏈接起來。網(wǎng)頁命名簡(jiǎn)單化可以方便網(wǎng)站制作者進(jìn)行后臺(tái)的維護(hù)和管理，還可以方便用戶在瀏覽過程中加快找到剛剛提交的網(wǎng)頁。網(wǎng)頁的命名要注意不要以中文或者數(shù)字開頭，一般使用英文字母的小寫形式作為開頭，這樣可以方便各個(gè)網(wǎng)頁之間的鏈接。

4.2.3 利用表格進(jìn)行網(wǎng)頁布局

網(wǎng)頁的合理布局非常重要，因此網(wǎng)頁布局直接關(guān)系到用戶的直觀感受。網(wǎng)頁布局可以借助表格實(shí)現(xiàn)合理規(guī)劃[5]。在網(wǎng)頁制作時(shí)，可以先利用表格定位，依次劃分網(wǎng)頁的不同區(qū)域，將網(wǎng)頁想要呈現(xiàn)的內(nèi)容分門別類地規(guī)劃到不同的表格里，這樣的規(guī)劃設(shè)計(jì)可以突出網(wǎng)頁的有序性和層次感。利用表格進(jìn)行網(wǎng)頁布局可以用戶在瀏覽網(wǎng)頁時(shí)一眼就看到網(wǎng)頁的突出內(nèi)容，吸引用戶的注意力，從而達(dá)到網(wǎng)頁設(shè)計(jì)者的設(shè)計(jì)意圖。

5 結(jié)語

在進(jìn)行網(wǎng)頁制作時(shí)，無論采用哪種方式進(jìn)行網(wǎng)頁設(shè)計(jì)與制作，都必須以HTML語言為基礎(chǔ)，基于HTML語言的網(wǎng)頁制作才能確保網(wǎng)頁的實(shí)用性和靈活性。因此，網(wǎng)頁制作者要充分利用HTML語言，熟練掌握和運(yùn)用網(wǎng)頁的設(shè)計(jì)方法與技巧，為廣大用戶提供良好的瀏覽體驗(yàn)。