第五章 網(wǎng)頁(yè)中的多媒體對(duì)象.ppt

第五章網(wǎng)頁(yè)中的多媒體本章要點(diǎn)5.1圖像5.1.1圖像基本知識(shí)5.1.2插入圖像5.1.3插入背景圖像5.1.4插入鼠標(biāo)經(jīng)過(guò)圖像5.1.5插入導(dǎo)航條5.1.6Deamweaver與Fireworks5.2動(dòng)畫(huà)5.2.1動(dòng)畫(huà)基本知識(shí)5.2.2插入動(dòng)畫(huà)5.3音頻5.3.1音頻基本知識(shí)5.3.2插入音頻5.4視頻5.4.1視頻基本知識(shí)5.4.2插入視頻5.1圖像圖像會(huì)使網(wǎng)頁(yè)下載時(shí)間大大增加，應(yīng)控制圖像的數(shù)量和質(zhì)量。要使圖像具有必須的像素大小，并且采用正確的格式進(jìn)行優(yōu)化處理。在網(wǎng)頁(yè)中常用的圖像格式是GIF和JPG。5.1.1圖像基本知識(shí)1矢量圖與位圖矢量圖（VectorGraphics）不是直接描述圖形圖像中每個(gè)點(diǎn)的信息，而是描述其中所有像素點(diǎn)的產(chǎn)生過(guò)程和方法，即用指令集來(lái)描述圖形。優(yōu)點(diǎn)：占空間小、進(jìn)行各種變形（如縮放、旋轉(zhuǎn)、扭曲）時(shí)幾乎沒(méi)有誤差產(chǎn)生缺點(diǎn)：不易精細(xì)位圖（BitMappedGraphics）由描述構(gòu)成圖像中各個(gè)像素點(diǎn)顏色屬性的數(shù)字陣列組成。該數(shù)字陣列的大小與位圖像素點(diǎn)的個(gè)數(shù)及顏色屬性的復(fù)雜度有關(guān)。優(yōu)點(diǎn)：描述細(xì)致，適于場(chǎng)景復(fù)雜，色彩豐富并含有大量細(xì)節(jié)信息的圖像。缺點(diǎn)：占空間大，進(jìn)行各種變形時(shí)會(huì)產(chǎn)生較大的誤差。5.1.1圖像基本知識(shí)2圖像質(zhì)量與容量圖像分辨率與屏幕分辨率位圖的容量文件容量（位圖高度位圖寬度位圖深度）/8矢量圖的容量與圖形的復(fù)雜度有關(guān)3.顏色RGB模型、HSB模型和CMYK模型。4.圖形圖像的壓縮5.1.2插入圖像圖像使用單標(biāo)簽，格式為：屬性名包括：src（圖片文件名及路徑）、alt（圖片說(shuō)明文字）、name（圖像名）、width（寬）、height（高）、border（邊框?qū)挾龋?、hspace（左右邊緣空白）、vspace（上下邊緣空白）、align（對(duì)齊方式）等，均可在Dreamweaver中面向?qū)ο笤O(shè)置。5.1.2插入圖像屬性面板熱點(diǎn)：【例5-1】向網(wǎng)頁(yè)中插入一幅圖像，在其內(nèi)建立熱點(diǎn)，并分別建立超鏈接。85.1.3插入背景圖像提起背景圖像，首先要介紹網(wǎng)頁(yè)背景顏色，這兩者均屬于網(wǎng)頁(yè)頁(yè)面屬性中的選項(xiàng)之一。網(wǎng)頁(yè)背景顏色在默認(rèn)情況下為白色，可以根據(jù)網(wǎng)頁(yè)風(fēng)格隨意設(shè)置網(wǎng)頁(yè)背景顏色。方法是單擊【屬性】面板中的【頁(yè)面屬性】按鈕，設(shè)置【背景顏色】選項(xiàng)即可。5.1.4插入鼠標(biāo)經(jīng)過(guò)圖像原始圖像（OriginalImage）翻滾