更新時間: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)簽