企業(yè)網(wǎng)站建設(shè)網(wǎng)頁(yè)的構(gòu)成要素

發(fā)布：2019-03-04 12:08:30 瀏覽：5036

網(wǎng)頁(yè)由網(wǎng)址來(lái)識(shí)別與存取，當(dāng)訪(fǎng)問(wèn)者在瀏覽器的地址欄中輸入網(wǎng)址后，通過(guò)一段復(fù)雜而又快速的程序，網(wǎng)頁(yè)文件會(huì)被傳送到訪(fǎng)問(wèn)者的計(jì)算機(jī)內(nèi)，然后瀏覽器把這些HTML代碼“翻譯”成圖文并茂的網(wǎng)頁(yè)。

雖然網(wǎng)頁(yè)的形式與內(nèi)容不同，但是組成網(wǎng)頁(yè)的基本元素是大體相同的，一般包含文本、圖像、超鏈接、動(dòng)畫(huà)、音頻和視頻等內(nèi)容。

1、文字

文本是網(wǎng)頁(yè)中最基本的構(gòu)成元素，目前所有網(wǎng)頁(yè)中都有它的身影。網(wǎng)頁(yè)中的信息以文本為主。文本一直是人類(lèi)最重要的信息載體與交流工具，網(wǎng)頁(yè)中的信息也以文本為主。與圖像相比，文本雖然不如圖像那樣能夠引起瀏覽者的注意，但卻能準(zhǔn)確地表達(dá)信息內(nèi)容和含義。為了豐富文本的表現(xiàn)力，人們可以通過(guò)文本的字體、字號(hào)、顏色、底紋和邊框等來(lái)展現(xiàn)信息。

文本在網(wǎng)頁(yè)中的主要功能是顯示信息和超鏈接。文本通過(guò)文字的具體內(nèi)容與不同格式來(lái)顯示信息的重要內(nèi)容，這是文本的直接功能。此外，文本作為一個(gè)對(duì)象，往往又是超鏈接的觸發(fā)體，通過(guò)文本表達(dá)的鏈接目標(biāo)指向相關(guān)的內(nèi)容。只要設(shè)計(jì)得當(dāng)，文字也可以充滿(mǎn)設(shè)計(jì)感。

2、圖像

當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域可謂是色彩橫行，圖片當(dāng)?shù)?，因此合理使用和處理圖片元素也成為了評(píng)判網(wǎng)頁(yè)設(shè)計(jì)的重要標(biāo)準(zhǔn)。依托先進(jìn)的圖片壓縮技術(shù)，可以在保證圖像豐富的同時(shí)，又壓縮到了一個(gè)合適的體積。圖像的功能是提供信息、展示作品、裝飾網(wǎng)頁(yè)、表現(xiàn)風(fēng)格和超鏈接。網(wǎng)頁(yè)中使用的圖像主要是GIF、JPEG、PNG等格式。

3、超鏈接

網(wǎng)頁(yè)中的鏈接又可分為文字鏈接和圖像鏈接，只要訪(fǎng)問(wèn)者用鼠標(biāo)來(lái)單擊帶有鏈接的文字或圖像，就可自動(dòng)鏈接到對(duì)應(yīng)的其他文件中，這樣才使網(wǎng)頁(yè)能夠鏈接成為一個(gè)整體，超鏈接也是整個(gè)網(wǎng)絡(luò)的基礎(chǔ)。

4、多媒體

網(wǎng)頁(yè)界面中的多媒體元素主要包括GIF、音頻和視頻。這些多媒體元素中的應(yīng)用能夠使網(wǎng)頁(yè)更時(shí)尚、更炫酷，但使用前需要確認(rèn)用戶(hù)的寬帶是否能夠快速下載這樣的高數(shù)據(jù)量。不要單純地為了炫耀高新技術(shù)而降低了用戶(hù)的體驗(yàn)，這種做法很不明智。

GIF動(dòng)畫(huà)

GIF原意是“圖像互換格式”，是一種基于LZW算法的連續(xù)色調(diào)的無(wú)損壓縮圖像格式。它不屬于任何應(yīng)用程序，目前幾乎所有相關(guān)軟件都支持它。在網(wǎng)頁(yè)中使用動(dòng)畫(huà)可以有效地吸引瀏覽者的注意。由于活動(dòng)的對(duì)象比靜止的對(duì)象更具有吸引力，因而網(wǎng)頁(yè)上通常有大量的動(dòng)畫(huà)。動(dòng)畫(huà)的功能是提供信息、展示作品、裝飾網(wǎng)頁(yè)和動(dòng)態(tài)交互。

HTML5動(dòng)畫(huà)

HTML5動(dòng)畫(huà)有三種實(shí)現(xiàn)方式：一是canvas代碼元素結(jié)合JavaScript語(yǔ)言，二是純粹的CSS3動(dòng)畫(huà)（暫不被所有主流瀏覽器支持，比如IE），三是CSS3結(jié)合Jquery框架實(shí)現(xiàn)。

音頻

音頻是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。當(dāng)前存在著一些不同類(lèi)型的聲音文件和格式，也有不同的方法將這些聲音添加到Web頁(yè)中。在決定被添加聲音的格式和方式之前，需要考慮的因素是聲音的用途、聲音文件的格式、聲音文件的大小、聲音的品質(zhì)和瀏覽器的差別等。不同的瀏覽器對(duì)于聲音文件的處理方法是非常不同的，彼此之間很可能不兼容。

用于網(wǎng)絡(luò)的聲音文件格式非常多，常用的是MIDI、WAV、MP3和AIF等。一般來(lái)說(shuō)，不要使用聲音文件作為網(wǎng)頁(yè)的背景音樂(lè)，那樣會(huì)影響網(wǎng)頁(yè)的下載速度?？梢栽诰W(wǎng)頁(yè)中添加一個(gè)鏈接來(lái)打開(kāi)聲音文件作為背景音樂(lè)，讓播放音樂(lè)變得可以控制。

視頻

在網(wǎng)頁(yè)中視頻文件格式也非常多，常見(jiàn)的有RealPlayer、MPEG、AVI、DivX和MP4等。視頻文件的采用讓網(wǎng)頁(yè)變得非常精彩而且有動(dòng)感。網(wǎng)絡(luò)上的許多插件也使向網(wǎng)頁(yè)中插入視頻文件的操作變得非常簡(jiǎn)單。