更新時(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.圖像
圖像具有比文字更加直觀、強(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è)中的超鏈接分為文字鏈接和圖形鏈接,用戶單擊帶有鏈接的文字或者圖像,就可以自動(dòng)鏈接到對(duì)應(yīng)的其他文件??梢酝ㄟ^(guò)添加超鏈接的方式讓網(wǎng)頁(yè)成為一個(gè)整體。圖1-10紅框標(biāo)識(shí)所示為文字鏈接和圖像鏈接。
4.多媒體
多誤體主要包括動(dòng)畫、音頻和視頻,這些是網(wǎng)頁(yè)構(gòu)成元素中最吸引人的地方,能使網(wǎng)頁(yè)更時(shí)尚、更炫酷,但是,在設(shè)計(jì)網(wǎng)站時(shí)不應(yīng)一味追求視覺(jué)效果而忽略信息的傳追任何技術(shù)和應(yīng)用都是為了更好地傳達(dá)信息。
1)動(dòng)畫
在網(wǎng)頁(yè)中使用動(dòng)畫可以有效地吸引用戶的注意。由于動(dòng)態(tài)的圖像比靜態(tài)的圖像更吸引用戶注意,因而在網(wǎng)頁(yè)上通常有大量的動(dòng)畫。
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è)中不同元素類型之間可以相互轉(zhuǎn)換嗎?
HTML網(wǎng)頁(yè)格式化:標(biāo)題標(biāo)簽、段落標(biāo)簽和水平標(biāo)簽
網(wǎng)頁(yè)中哪種圖像格式更能提升網(wǎng)頁(yè)加載速度?