第5章使用多媒體

第一頁(yè)，共二十三頁(yè)。

多媒體技術(shù)的發(fā)展使網(wǎng)頁(yè)設(shè)計(jì)者能夠輕松自如地在頁(yè)面中加入聲音、動(dòng)畫(huà)、影片等內(nèi)容，使制作的網(wǎng)頁(yè)充滿(mǎn)了樂(lè)趣，更給訪問(wèn)者增添了幾分欣喜，同時(shí)網(wǎng)頁(yè)看起來(lái)更有趣味性和觀賞性。本章將介紹在網(wǎng)頁(yè)中使用多媒體的方法。第5章使用多媒體第二頁(yè)，共二十三頁(yè)。學(xué)習(xí)目標(biāo)了解多媒體的種類(lèi)。掌握插入Flash動(dòng)畫(huà)的方法。掌握插入圖像查看器的方法。掌握插入FlashPaper的方法。掌握插入Flash視頻的方法。掌握插入Shockwave的方法。掌握插入Applet和ActiveX的方法。第三頁(yè)，共二十三頁(yè)。5.1使用FlashFlash動(dòng)畫(huà) 圖像查看器FlashPaperFlash視頻 第四頁(yè)，共二十三頁(yè)。5.1.1Flash動(dòng)畫(huà)插入Flash動(dòng)畫(huà)的常用方法通常有以下3種。? 選擇【插入記錄】／【媒體】／【Flash】命令。? 在【插入】／【常用】工具欄的媒體下拉按鈕組中單擊按鈕。? 在【文件】面板中選中Flash文件，然后將其拖動(dòng)到文檔中。插入Flash動(dòng)畫(huà)后，可以通過(guò)【屬性】面板對(duì)其屬性進(jìn)行設(shè)置。第五頁(yè)，共二十三頁(yè)。5.1.1Flash動(dòng)畫(huà)第六頁(yè)，共二十三頁(yè)。5.1.2圖像查看器圖像查看器就像是在網(wǎng)頁(yè)中放置一個(gè)看圖軟件，使圖像一幅幅地展示出來(lái)。圖像查看器是一種特殊形式的Flash動(dòng)畫(huà)，但它的插入和使用方法與Flash動(dòng)畫(huà)略有不同。選擇【插入記錄】/【媒體】/【圖像查看器】命令，插入Flash占位符。在文檔中右鍵單擊Flash占位符，在彈出的快捷菜單中選擇【編輯標(biāo)簽<object>】命令打開(kāi)【標(biāo)簽編輯器－object】對(duì)話(huà)框，切換至【替代內(nèi)容】分類(lèi)，在文本框內(nèi)找到默認(rèn)的圖像文件路徑名修改為現(xiàn)有圖像的文件路徑名。第七頁(yè)，共二十三頁(yè)。5.1.3FlashPaperFlashPaper是一種文檔格式，可以使用諸如Adobe公司的FlashPaper2軟件建立。FlashPaper能夠?qū)⑷魏晤?lèi)型的可打印文檔轉(zhuǎn)換為SWF或PDF格式，可通過(guò)各種平臺(tái)來(lái)查看生成的FlashPaper文檔。文檔的格式、圖像、字體、特殊符號(hào)、顏色等全部保留，而且生成的SWF文件與Flash所生成的SWF文件格式是相同的。FlashPaperSWF文件通常比其他格式的文檔要小得多，可以使用任何支持Flash的瀏覽器查看它們，或者可以直接使用Macromedia的FlashPlayer來(lái)查看。選擇【插入記錄】／【媒體】／【FlashPaper】命令，打開(kāi)【插入FlashPaper】對(duì)話(huà)框進(jìn)行設(shè)置即可。第八頁(yè)，共二十三頁(yè)。5.1.3FlashPaper在瀏覽器中預(yù)覽。第九頁(yè)，共二十三頁(yè)。5.1.4Flash視頻Flash視頻，即FLV流媒體格式是一種新的視頻格式，全稱(chēng)為FlashVideo。它的出現(xiàn)有效地解決了視頻文件導(dǎo)入Flash后，使導(dǎo)出的SWF文件體積龐大，不能在網(wǎng)絡(luò)上很好地使用等缺點(diǎn)。選擇【插入記錄】／【媒體】／【Flash視頻】命令，打開(kāi)【插入Flash視頻】對(duì)話(huà)框，由于選擇【視頻類(lèi)型】的不同，對(duì)話(huà)框會(huì)呈現(xiàn)兩種形式。第十頁(yè)，共二十三頁(yè)。5.1.4Flash視頻第十一頁(yè)，共二十三頁(yè)。5.1.4Flash視頻所謂累進(jìn)式下載視頻就是將Flash視頻（FLV）文件下載到站點(diǎn)訪問(wèn)者的硬盤(pán)上，然后播放。這與傳統(tǒng)的“下載并播放”視頻傳送方法不同，累進(jìn)式下載允許在下載完成之前就開(kāi)始播放視頻文件。而所謂流視頻就是對(duì)Flash視頻內(nèi)容進(jìn)行流式處理，并在一段時(shí)間內(nèi)要確保流暢播放，但必須在緩沖時(shí)間后才能在網(wǎng)頁(yè)上播放該內(nèi)容。如果希望在網(wǎng)上啟用流視頻，就必須具有訪問(wèn)AdobeFlashMediaPlayer的條件。第十二頁(yè)，共二十三頁(yè)。5.2 使用ShockwaveShockwave是Macromedia公司的又一杰作，主要用于在Web中插放豐富的交互式多媒體內(nèi)容的業(yè)界標(biāo)準(zhǔn)，其真正含義就是插件。可以通過(guò)MacromediaDirector來(lái)創(chuàng)建Shockwave影片，它生成的壓縮格式可以被瀏覽器快速下載，并且可被目前的主流瀏覽器所支持。選擇【插入記錄】／【媒體】／【Shockwave】命令，打開(kāi)【選擇文件】對(duì)話(huà)框來(lái)插入Shockwave文件。Shockwave文件的擴(kuò)展名是“.dcr”、“.dir”、“.dxr”。第十三頁(yè)，共二十三頁(yè)。5.3插入特殊對(duì)象Applet ActiveX第十四頁(yè)，共二十三頁(yè)。5.3.1Applet第十五頁(yè)，共二十三頁(yè)。5.3.1Applet第十六頁(yè)，共二十三頁(yè)。5.3.1Applet也可以直接單擊【屬性】面板中的【參數(shù)】按鈕，打開(kāi)【參數(shù)】對(duì)話(huà)框，修改與顯示效果相關(guān)的參數(shù)。第十七頁(yè)，共二十三頁(yè)。5.3.2插入ActiveXActiveX的主要作用是在不發(fā)布瀏覽器新版本的情況下擴(kuò)展瀏覽器的能力。如果瀏覽器載入了一個(gè)網(wǎng)頁(yè)，而這個(gè)網(wǎng)頁(yè)中有瀏覽器不支持的ActiveX控件，瀏覽器會(huì)自動(dòng)安裝所需控件。WMV和RM是網(wǎng)絡(luò)常見(jiàn)的兩種視頻格式。其中，WMV影片是Windows的視頻格式，使用的播放器是MicrosoftMediaPlayer。選擇【插入記錄】／【媒體】／【ActiveX】命令，系統(tǒng)自動(dòng)在文檔中插入一個(gè)ActiveX占位符。在【屬性】面板的【ClassID】下拉列表框中添加“CLSID:22D6f312-b0f6-11d0-94ab-0080c74c7e95”。在【屬性】面板中勾選【嵌入】復(fù)選框，然后單擊【參數(shù)】按鈕，打開(kāi)【參數(shù)】對(duì)話(huà)框添加參數(shù)。第十八頁(yè)，共二十三頁(yè)。5.3.2插入ActiveX在WMV視頻的ActiveX【屬性】面板中，許多參數(shù)沒(méi)有設(shè)置，便無(wú)法正常播放WMV格式的視頻。這時(shí)需要做兩項(xiàng)工作：一是添加“ClassID”；二是添加控制播放參數(shù)。對(duì)于控制播放參數(shù)，可以根據(jù)需要有選擇地添加。第十九頁(yè)，共二十三頁(yè)。5.3.2插入ActiveX除了當(dāng)前的WMV視頻，此種方式還可以播放MPG、ASF等格式的視頻，但不能播放RM、RMVB格式。播放RM格式的視頻不能使用MicrosoftMediaPlayer播放器，必須使用RealPlayer播放器。設(shè)置方法是：在【屬性】面板的【ClassID】下拉列表中選擇“RealPlayer/clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”，勾選【嵌入】復(fù)選框，然后在【屬性】面板中單擊【參數(shù)】按鈕，打開(kāi)【參數(shù)】對(duì)話(huà)框，添加參數(shù)，最后設(shè)置【寬】和【高】為固定尺寸。在播放WMV格式的視頻時(shí)，可以不設(shè)置具體的尺寸，但是RM格式的視頻必須要設(shè)置一個(gè)具體的尺寸。當(dāng)然，這個(gè)尺寸可能不是影片的原始比例尺寸，可以通過(guò)將參數(shù)“MAINTAINASPECT”設(shè)置為“true”來(lái)恢復(fù)影片的原始比例尺寸。第二十頁(yè)，共二十三頁(yè)。5.4 綜合小實(shí)例──完善“西湖十景”網(wǎng)頁(yè)將本章素材文件“實(shí)例素材\第5章\綜合小實(shí)例”下的所有文件復(fù)制到站點(diǎn)根目錄下，然后完善“西湖十景”網(wǎng)頁(yè)，具體要求如下。(1) 插入Flash動(dòng)畫(huà)：將Flash動(dòng)畫(huà)“images/fengjing.swf”插入到正文第3段的開(kāi)頭，并設(shè)置寬度為“180”，高度為“120”，左對(duì)齊。(2) 插入圖像查看器：在正文第5段的開(kāi)頭插入圖像查看器，能夠查看舊西湖十景的圖像，寬度和高度均為“200”，左對(duì)齊。第二十一頁(yè)，共二十三頁(yè)。5.4 綜合小實(shí)例──完善“西湖十景”網(wǎng)頁(yè)第二十二頁(yè)，共二十三頁(yè)。內(nèi)容總結(jié)多媒體技術(shù)的發(fā)展使網(wǎng)頁(yè)設(shè)計(jì)者能夠輕松自如地在頁(yè)面中加入聲音、動(dòng)畫(huà)、影片等內(nèi)容，使制作的網(wǎng)頁(yè)充滿(mǎn)了樂(lè)趣，更給訪問(wèn)者增添了幾分欣喜，同時(shí)網(wǎng)頁(yè)看起來(lái)更有趣味性和觀賞性。插入Flash動(dòng)畫(huà)后，可以通過(guò)【屬性】面板對(duì)其屬性進(jìn)行設(shè)置。圖像查看器就像是在網(wǎng)頁(yè)中放置一個(gè)看圖軟件，使圖像