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

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

更新時間:2022-01-12 來源:黑馬程序員 瀏覽量:

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


1.文字

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


2.圖像

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

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

圖像

3.超鏈接

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


4.多媒體

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

1)動畫

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

2)音頻

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

3)視頻

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





猜你喜歡:

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

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

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

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

黑馬程序員java高手班課程

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!