全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

組建網(wǎng)頁(yè)基礎(chǔ)要素有哪些?

更新時(shí)間:2022-01-12 來(lái)源:黑馬程序員 瀏覽量:

雖然網(wǎng)頁(yè)的表現(xiàn)形式千變?nèi)f化,但網(wǎng)頁(yè)的基本構(gòu)成要素是相同的,主要包含文字圖像、超鏈接和多媒體四大要素。下面詳細(xì)介紹網(wǎng)頁(yè)基本構(gòu)成的相關(guān)知識(shí)。


1.文字

文字作為信息傳達(dá)的重要載體,也是網(wǎng)頁(yè)構(gòu)成的基礎(chǔ)要素。網(wǎng)頁(yè)中文字主要包括標(biāo)題、信息、文字鏈接等幾種形式,如圖1-8所示。字體、大小、顏色和排列對(duì)整體版面設(shè)計(jì)影響極大,應(yīng)該多花心思編排設(shè)計(jì)。


2.圖像

圖像具有比文字更加直觀(guān)、強(qiáng)列的視覺(jué)表現(xiàn)效果,在網(wǎng)頁(yè)中主要承擔(dān)提供信息、展示作品、裝飾網(wǎng)頁(yè)、表現(xiàn)風(fēng)格和超鏈接的功能。在網(wǎng)頁(yè)中,圖像往往是創(chuàng)意的集中體現(xiàn),

需要與傳達(dá)的信息含義和理念相符。網(wǎng)頁(yè)中使用的圖像主要包括GIF、JPG和PNG等格式。下圖所示為傳智教育網(wǎng)站頁(yè)面中的圖像。

圖像

3.超鏈接

一個(gè)網(wǎng)站通常由多個(gè)頁(yè)面構(gòu)成,進(jìn)入網(wǎng)站時(shí)首先看到的是其首頁(yè),如果想從首頁(yè)跳轉(zhuǎn)則其子頁(yè)面,就需要在首頁(yè)相應(yīng)的位置設(shè)置鏈接。超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,所指向的目標(biāo)可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置,還可以是圖片、電子郵件地址、文件甚至是應(yīng)用程序。在網(wǎng)頁(yè)中的超鏈接分為文字鏈接和圖形鏈接,用戶(hù)單擊帶有鏈接的文字或者圖像,就可以自動(dòng)鏈接到對(duì)應(yīng)的其他文件??梢酝ㄟ^(guò)添加超鏈接的方式讓網(wǎng)頁(yè)成為一個(gè)整體。圖1-10紅框標(biāo)識(shí)所示為文字鏈接和圖像鏈接。


4.多媒體

多誤體主要包括動(dòng)畫(huà)、音頻和視頻,這些是網(wǎng)頁(yè)構(gòu)成元素中最吸引人的地方,能使網(wǎng)頁(yè)更時(shí)尚、更炫酷,但是,在設(shè)計(jì)網(wǎng)站時(shí)不應(yīng)一味追求視覺(jué)效果而忽略信息的傳追任何技術(shù)和應(yīng)用都是為了更好地傳達(dá)信息。

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

在網(wǎng)頁(yè)中使用動(dòng)畫(huà)可以有效地吸引用戶(hù)的注意。由于動(dòng)態(tài)的圖像比靜態(tài)的圖像更吸引用戶(hù)注意,因而在網(wǎng)頁(yè)上通常有大量的動(dòng)畫(huà)。

2)音頻

音頻的格式有WAV,MP3和OGG等,不同的瀏覽器對(duì)于音頻文件的處理方法不同。彼此間有可能不兼容。一般不建議使用音頻作為網(wǎng)頁(yè)的背景音樂(lè),會(huì)影響網(wǎng)頁(yè)的下載度。

3)視頻

在網(wǎng)頁(yè)中視頻文件也很多見(jiàn),常見(jiàn)的有FLV、MP4等格式。視頻文件的采用讓網(wǎng)變得更加精彩,具有動(dòng)感。





猜你喜歡:

網(wǎng)頁(yè)中不同元素類(lèi)型之間可以相互轉(zhuǎn)換嗎?

HTML網(wǎng)頁(yè)格式化:標(biāo)題標(biāo)簽、段落標(biāo)簽和水平標(biāo)簽

網(wǎng)頁(yè)中哪種圖像格式更能提升網(wǎng)頁(yè)加載速度?

什么是網(wǎng)頁(yè)?網(wǎng)頁(yè)由哪幾部分組成?

黑馬程序員java高手班課程

分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!