教你在網(wǎng)頁中插入多媒體對象

1、1 / 14教案首頁（以2課時(shí)為單元）課序：15第八章第1-3節(jié)目的要求：了解并掌握如何插入多媒體對象教學(xué)內(nèi)容：1.制作圖像效果2.設(shè)置背景音樂3.插入FLASH按鈕、FLASH文本、FLASH動(dòng)畫1-32 / 144.插入音頻和視頻文件3 / 145.插入Shockwave對象6.插入Java Applet對象重點(diǎn)與難點(diǎn)：重點(diǎn)：制作圖像效果，插入FLASH動(dòng)畫難點(diǎn)：插入音頻和視頻文件教學(xué)方法： 多媒體教學(xué)手段：課程講授為主，學(xué)生練習(xí)討論為輔。教學(xué)步驟：引入一個(gè)多媒體的網(wǎng)站實(shí)例，然后展開理論教學(xué)：如何為網(wǎng)頁設(shè)置背景音樂、插入多媒體對象等復(fù)習(xí)提問：網(wǎng)頁的布局和站點(diǎn)的創(chuàng)建作業(yè)題目：1-34 / 1

2、4預(yù)習(xí)內(nèi)容：WEB圖像基礎(chǔ)課時(shí)分配:教學(xué)環(huán)節(jié)復(fù)習(xí)提問新課講解課堂討論小節(jié)作業(yè)布置時(shí)刻分配38210325 / 14第8章在網(wǎng)頁中插入多媒體對象本章要緊介紹如何為Web設(shè)置背景音樂，在網(wǎng)頁中插入Flash動(dòng)畫、插入視頻及音頻等多媒體對象。【本章學(xué)習(xí)目的】本章通過幾個(gè)典型實(shí)例的介紹， 重點(diǎn)講解了多媒體技術(shù)在網(wǎng) 頁中的應(yīng)用，要求讀者掌握如何在網(wǎng)頁中添加FLASH動(dòng)畫、視頻及音頻文件等多媒體對象。一、實(shí)例導(dǎo)入：多媒體站點(diǎn) 在網(wǎng)頁中應(yīng)用多媒體對象能夠增強(qiáng)網(wǎng)頁的娛樂性和感染力， 多媒體成為最有魅力的方式，也是潮流的方向。娛樂在線多媒體站點(diǎn)： 該多媒體站點(diǎn)要緊實(shí)現(xiàn)的功能是在線 觀看Flash動(dòng)畫、Flash

3、視頻以及其它類型的視頻及音頻文件。 在此網(wǎng)站實(shí)例中，要緊涉及以下知識(shí)點(diǎn)：背景音樂的設(shè)置；插入Flash對象：Flash動(dòng)畫、Flash視頻、Flash按鈕、Flash文本等；插入其它類型視頻和音頻文件。6 / 14二、使用多媒體對象網(wǎng)頁中常用的多媒體對象要緊分為Flash類（包括Flash動(dòng) 畫、Flash按鈕、Flash文本、Flash視頻等）、Java applets、ActiveX控件類，以及各種音頻、視頻文件（如Shockwave影片、QuickTime、RM WMV/ Mp3等）。1、設(shè)置頁面背景音樂 由于背景音樂不是一種標(biāo)準(zhǔn)的網(wǎng)頁屬性， 因此需要用修改源代碼 的方式為網(wǎng)頁添加背景音

4、樂。在head和/head標(biāo)簽之間添加 以下 代碼 ：bgsound src=” 背 景 音 樂 的URL地 址”loop=”n”。在Bgsound標(biāo)簽中，src用于指定背景音樂的源文件路徑。Loop是指背景音樂的循環(huán)次數(shù)，假如輸入為-1，則表示無限循環(huán)。Bgsound標(biāo)簽中所支持的背景音樂格式為：wav、mid、mp3等。2、插入Flash影片F(xiàn)lash是一種高質(zhì)量、高壓縮率的矢量動(dòng)畫，有超強(qiáng)的交互 能力，也正是因?yàn)檫@些緣故，F(xiàn)lash在網(wǎng)絡(luò)上得到了快速進(jìn)展。 插入Flash影片插入在網(wǎng)頁中的Flash影片格式為swf，F(xiàn)lash源文件格式為Fla，源文件不能直接插入到網(wǎng)頁中，但能夠在Fla

5、sh軟件中 修改源文件。3、 插入Flash文本Dreamweaver8.0增添了一些Flash對象，包括Flash文本、Flash按鈕和Flash元素等，不使用Flash軟件也能夠制作出漂 亮的Flash動(dòng)畫了。使用Flash文本對象能夠輕松地制作出只包含文本的Flash動(dòng)畫，如此設(shè)計(jì)者就不用擔(dān)心網(wǎng)頁掃瞄者沒有安裝專門字體而無 法看到網(wǎng)頁的最佳效果了。4、 插入Flash按鈕使用Dreamweaver 8.0就能夠快捷地制作出動(dòng)感Flash按 鈕。制作多個(gè)Flash按鈕能夠組成一個(gè)動(dòng)態(tài)的導(dǎo)航欄。5、 插入Flash VideoFlash Video即Flash視頻，它的后綴名為：.flv，是

6、目前 廣泛流行的一種視頻文件格式。一般的視頻文件：asf、wmv、rm等都需要專門的播放器來支持視頻文件的播放， 否則全然無法收 看，同時(shí)這類文件容量過大，下載慢，查看也不專門流暢。為了 解決播放器和容量的問題，能夠?qū)⒏黝愐曨l文件轉(zhuǎn)換成Flash視 頻文件，即Flv格式。通過編碼后的音頻和視頻數(shù)據(jù)， 通過Flash6 / 148 / 14Player傳送。6、 插入Flash PaperFlashPaper是一款轉(zhuǎn)換軟件，能夠?qū)⑷魏慰纱蛴〉奈臋n轉(zhuǎn)換為SWF或PDF文檔，原文檔的排版樣式和字體顯示不受阻礙，不論掃瞄者的平臺(tái)和語言版本是什么，都能夠自由的觀看你所制作的電子文檔動(dòng)畫，并能夠進(jìn)行自由的

7、縮放、翻頁、搜索和打印 等操作，對文檔的傳播特不有好處。用戶安裝FlashPaper軟件后，打開word軟件時(shí)，就會(huì)多出FlashPaper菜單欄，還多出一個(gè)FlashPaper工具欄。在word中，單擊FlashPaper工具欄中的“轉(zhuǎn)換為Flash”按鈕岡時(shí)，即 可將當(dāng)前word文檔轉(zhuǎn)換swf格式的文件。將它能夠作為Flash文件插入到網(wǎng)頁中。7、 插入Flash元素制作像冊在Dreamweaver 8.0中，能夠插入Flash元素制作動(dòng)態(tài)的像冊。當(dāng)打開包含F(xiàn)LASH像冊元素的網(wǎng)頁后，將自動(dòng)加載制作好的像冊，最前面顯示當(dāng)前照片數(shù)和照片總數(shù)量，后面是后退、播放/停止、前進(jìn)按鈕，單擊的時(shí)候有不

8、錯(cuò)的FLASH翻頁效果，也可設(shè) 置為自9 / 14動(dòng)播放和循環(huán)播放。8、在網(wǎng)頁中嵌入音頻文件在網(wǎng)頁中加入背景音樂盡管簡便，然而缺乏對音頻文件的操 縱能力，比如掃瞄者不想聽到背景音樂時(shí)， 卻無法使播放的聲音 停下來， 同時(shí)背景音樂所支持的音頻文件格式有限。 因此能夠媒 體插件的方式嵌入聲音文件。網(wǎng)頁中的音頻文件格式為：mid、wav,幾乎所有的掃瞄器都 支持這兩種聲音格式， 因此客戶端無需插件即對其支持， 另外還 有mp3 rm、mwv mov等。9、在網(wǎng)頁中嵌入視頻文件隨著寬帶網(wǎng)絡(luò)技術(shù)的飛速進(jìn)展，網(wǎng)絡(luò)視頻點(diǎn)播差不多普及， 通過網(wǎng)絡(luò)能夠在線看免費(fèi)的影片， 在線收看遠(yuǎn)程教學(xué)等。 這些差 不多上通過在網(wǎng)頁中嵌入視頻文件來實(shí)現(xiàn)的。網(wǎng)頁中