企業(yè)網(wǎng)站建設(shè)網(wǎng)頁(yè)的構(gòu)成要素
日期 : 2019-03-04 12:08:30
網(wǎng)頁(yè)由網(wǎng)址來(lái)識(shí)別與存取,當(dāng)訪問(wèn)者在瀏覽器的地址欄中輸入網(wǎng)址后,通過(guò)一段復(fù)雜而又快速的程序,網(wǎng)頁(yè)文件會(huì)被傳送到訪問(wèn)者的計(jì)算機(jī)內(nèi),然后瀏覽器把這些HTML代碼“翻譯”成圖文并茂的網(wǎng)頁(yè)。
雖然網(wǎng)頁(yè)的形式與內(nèi)容不同,但是組成網(wǎng)頁(yè)的基本元素是大體相同的,一般包含文本、圖像、超鏈接、動(dòng)畫、音頻和視頻等內(nèi)容。
1、文字
文本是網(wǎng)頁(yè)中最基本的構(gòu)成元素,目前所有網(wǎng)頁(yè)中都有它的身影。網(wǎng)頁(yè)中的信息以文本為主。文本一直是人類最重要的信息載體與交流工具,網(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),文字也可以充滿設(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è)中的鏈接又可分為文字鏈接和圖像鏈接,只要訪問(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)用戶的寬帶是否能夠快速下載這樣的高數(shù)據(jù)量。不要單純地為了炫耀高新技術(shù)而降低了用戶的體驗(yàn),這種做法很不明智。
GIF動(dòng)畫
GIF原意是“圖像互換格式”,是一種基于LZW算法的連續(xù)色調(diào)的無(wú)損壓縮圖像格式。它不屬于任何應(yīng)用程序,目前幾乎所有相關(guān)軟件都支持它。在網(wǎng)頁(yè)中使用動(dòng)畫可以有效地吸引瀏覽者的注意。由于活動(dòng)的對(duì)象比靜止的對(duì)象更具有吸引力,因而網(wǎng)頁(yè)上通常有大量的動(dòng)畫。動(dòng)畫的功能是提供信息、展示作品、裝飾網(wǎng)頁(yè)和動(dòng)態(tài)交互。
HTML5動(dòng)畫
HTML5動(dòng)畫有三種實(shí)現(xiàn)方式:一是canvas代碼元素結(jié)合JavaScript 語(yǔ)言,二是純粹的CSS3動(dòng)畫(暫不被所有主流瀏覽器支持,比如IE),三是CSS3結(jié)合Jquery框架實(shí)現(xiàn)。
音頻
音頻是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。當(dāng)前存在著一些不同類型的聲音文件和格式,也有不同的方法將這些聲音添加到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)單。
雖然網(wǎng)頁(yè)的形式與內(nèi)容不同,但是組成網(wǎng)頁(yè)的基本元素是大體相同的,一般包含文本、圖像、超鏈接、動(dòng)畫、音頻和視頻等內(nèi)容。
1、文字
文本是網(wǎng)頁(yè)中最基本的構(gòu)成元素,目前所有網(wǎng)頁(yè)中都有它的身影。網(wǎng)頁(yè)中的信息以文本為主。文本一直是人類最重要的信息載體與交流工具,網(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),文字也可以充滿設(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è)中的鏈接又可分為文字鏈接和圖像鏈接,只要訪問(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)用戶的寬帶是否能夠快速下載這樣的高數(shù)據(jù)量。不要單純地為了炫耀高新技術(shù)而降低了用戶的體驗(yàn),這種做法很不明智。
GIF動(dòng)畫
GIF原意是“圖像互換格式”,是一種基于LZW算法的連續(xù)色調(diào)的無(wú)損壓縮圖像格式。它不屬于任何應(yīng)用程序,目前幾乎所有相關(guān)軟件都支持它。在網(wǎng)頁(yè)中使用動(dòng)畫可以有效地吸引瀏覽者的注意。由于活動(dòng)的對(duì)象比靜止的對(duì)象更具有吸引力,因而網(wǎng)頁(yè)上通常有大量的動(dòng)畫。動(dòng)畫的功能是提供信息、展示作品、裝飾網(wǎng)頁(yè)和動(dòng)態(tài)交互。
HTML5動(dòng)畫
HTML5動(dòng)畫有三種實(shí)現(xiàn)方式:一是canvas代碼元素結(jié)合JavaScript 語(yǔ)言,二是純粹的CSS3動(dòng)畫(暫不被所有主流瀏覽器支持,比如IE),三是CSS3結(jié)合Jquery框架實(shí)現(xiàn)。
音頻
音頻是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。當(dāng)前存在著一些不同類型的聲音文件和格式,也有不同的方法將這些聲音添加到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)單。