第八章在網(wǎng)頁中插入多媒體對象

1、第八章在網(wǎng)頁中插入多媒體對象教案首頁（以2課時(shí)為單元）課序：15第八章 第 1-3節(jié)目的要求：了解并掌握如何插入多媒體對象 教學(xué)內(nèi)容：1.制作圖像效果. 設(shè)置冃景曰樂3. 插入FLASH按鈕、FLASH文本、FLASH動(dòng)畫4. 插入音頻和視頻文件5. 插入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-3

2、預(yù)習(xí)內(nèi)容：WEB圖像基礎(chǔ)課時(shí)分配:教學(xué)環(huán)節(jié)復(fù)習(xí)提問新課講解課堂討論小節(jié)作業(yè)布置時(shí)間分配3821032本章主要介紹如何為Web設(shè)置背景音樂，在 網(wǎng)頁中插入Flash動(dòng)畫、插入視頻及音頻等多媒 體對象?！颈菊聦W(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í)例中，主要涉及以下知識點(diǎn)：背景音樂的設(shè)置;插入Flash對象：Flash動(dòng)畫、Flash視頻、Flash按鈕、Flash文本等;插入其它類型視頻和音頻文件。二、使用多媒體對象網(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)頁添加背景音樂。在 head和/head標(biāo)簽之間添加以下

4、代碼： vbgsound src=背景音樂 的 URL 地址 I力 力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ò)上得到了快速發(fā)展。插入Flash影片插入在網(wǎng)頁中的 Flash影片格式為swf, Flash源文件格式為Fla，源文件不能直接插入 到網(wǎng)頁中，但可以在Flash軟件中修改源文件。3、插入Fl

5、ash文本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等都需要專門的播放器來支持視頻文件的播放，否則根本無法 收看，并且這類文件容量過大，下載慢，查看也 不很流暢。為了解決播放器和容量的問題，可以將各類視頻文件轉(zhuǎn)換成Flash視頻文件，即Flv 格式。經(jīng)過編碼后的音頻和視頻數(shù)據(jù)，通過Flash Player 傳送。6、插入 Flash PaperFlashPaper是一款轉(zhuǎn)換軟件，可以將任何 可打印的文檔轉(zhuǎn)換為 SWF或PDF文檔，原文 檔的排版樣式和字體顯示不受影響，不論瀏覽者 的平臺和語言版本是什么，都可以自由的觀看你 所制作的電子文檔動(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)打開包含 FLASH像冊元 素的網(wǎng)頁后，將自動(dòng)加載制作好的像冊，最前面 顯示當(dāng)前照片數(shù)和照片總數(shù)量，后面是后退、播 放/停止、前進(jìn)按 鈕，單 擊的時(shí)候有不

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

9、件來實(shí)現(xiàn)的。網(wǎng)頁中視頻文件的常見格式有：rm、wmv、asf、mov等。嵌入方式與音頻文件的嵌入方法 一致。三、多媒體網(wǎng)站實(shí)例的制作過程本節(jié)詳細(xì)講解“娛樂在線”多媒體站點(diǎn)的制 作過程，其功能主要是實(shí)現(xiàn)視頻點(diǎn)播，由多個(gè)網(wǎng) 頁構(gòu)成，通過超鏈接將網(wǎng)頁關(guān)聯(lián)起來。教案首頁（以2課時(shí)為單元）課序：16第八章 第 1-3節(jié)目的要求：了解并掌握如何插入多媒體對象 教學(xué)內(nèi)容：1.制作圖像效果. 設(shè)置冃景曰樂3. 插入FLASH按鈕、FLASH文本、FLASH動(dòng)畫4. 插入音頻和視頻文件5. 插入Shockwave對象6. 插入Java Applet對象重點(diǎn)與難點(diǎn)：重點(diǎn)：制作圖像效果，插入 FLASH動(dòng)畫 難點(diǎn)：

10、插入音頻和視頻文件 教學(xué)方法：上機(jī)實(shí)訓(xùn)手段：學(xué)生上機(jī)實(shí)操練習(xí)為主，教師輔導(dǎo)為輔。教學(xué)步驟：引入一個(gè)多媒體的網(wǎng)站實(shí)例，然后布置上機(jī)任務(wù): 設(shè)置背景音樂、插入多媒體對象復(fù)習(xí)提問：作業(yè)題目:預(yù)習(xí)內(nèi)容：WEB圖像基礎(chǔ)課時(shí)分配:教學(xué)環(huán)節(jié)復(fù)習(xí)提問新課講解課堂討論小節(jié)作業(yè)布置時(shí)間分配上機(jī)實(shí)訓(xùn)1. 背景知識根據(jù)本章所學(xué)的在網(wǎng)頁中嵌入多媒體對象 的方法，再綜合前面所學(xué)的創(chuàng)建站點(diǎn)及編輯網(wǎng)頁 的知識，制作功能完善的多媒體站點(diǎn)。2. 實(shí)訓(xùn)準(zhǔn)備工作將相應(yīng)的網(wǎng)頁草圖和網(wǎng)頁素材，如：音頻、 視頻、flash等文件，以及相關(guān)的軟件，如： flashpaper軟件準(zhǔn)備好，發(fā)送到學(xué)生主機(jī)中， 以供學(xué)生參考使用。3. 實(shí)訓(xùn)要求(1

11、) 制作多媒體站點(diǎn)首頁根據(jù)給定的網(wǎng)頁草圖及相關(guān)素材，布局頁面，然后填充網(wǎng)頁元素，首頁內(nèi)容包括：Flash影片、Flash文本、Flash按鈕、Flash元素等及 修飾的一些圖像。首頁效果圖如圖所示。(2) 制作站點(diǎn)內(nèi)的其它網(wǎng)頁要求包括：嵌入視頻的網(wǎng)頁、Flash mtv網(wǎng) 頁、Flash Video網(wǎng)頁、點(diǎn)播音樂的網(wǎng)頁，最后添加頁面之間的鏈接。4.課時(shí)安排：2課時(shí)5-實(shí)訓(xùn)指導(dǎo)圖多媒體站點(diǎn)首頁步驟1首先制作多媒體站點(diǎn)的首頁，首頁 背景顏色為深藍(lán)色（#012F47），該網(wǎng)頁的布局可 采用表格的方式。步驟2在第一行單元格中，插入 Flash文 本：悠悠在線視聽；在第二行單元格中，連續(xù)插 入Flash

12、按鈕，構(gòu)成導(dǎo)航條；在第三行插入一個(gè) 圖像：images/001.jpg第四行拆分為二個(gè)單元格，第一個(gè)單元格插入一 幅圖像：images/once.jpg并輸入文本：李玟：愛你在每一天，第二個(gè)單元格插入Flash元素：一組王菲的圖片切換顯示；最后一行插入一幅圖像：images/002.jpg在代 碼視圖中vhead和/head添加背景音樂的代 碼: vbgsound src=yinping/halfmoon.mp3 loop=-1。步驟3制作其它的多媒體頁面Flashvideo.htm:插入一個(gè) Flash 視頻文件， fla/02 .flv。Flashmtvhtm:插入一個(gè) Flash影片文件， fla/li wenonce .swfFlashpaper.htm 插入一個(gè) FlashPaper文件， fla/flas