1、第八章在網頁中插入多媒體對象教案首頁（以2課時為單元）課序：15第八章 第 1-3節目的要求：了解并掌握如何插入多媒體對象 教學內容：1.制作圖像效果. 設置冃景曰樂3. 插入FLASH按鈕、FLASH文本、FLASH動畫4. 插入音頻和視頻文件5. 插入Shockwave對象6. 插入Java Applet對象重點與難點：重點：制作圖像效果，插入 FLASH動畫 難點：插入音頻和視頻文件 教學方法：多媒體教學 手段：課程講授為主，學生練習討論為輔。教學步驟：引入一個多媒體的網站實例，然后展開理論教學: 如何為網頁設置背景音樂、插入多媒體對象等 復習提問：網頁的布局和站點的創建作業題目：1-3

2、預習內容：WEB圖像基礎課時分配:教學環節復習提問新課講解課堂討論小節作業布置時間分配3821032本章主要介紹如何為Web設置背景音樂，在 網頁中插入Flash動畫、插入視頻及音頻等多媒 體對象。【本章學習目的】本章通過幾個典型實例的介紹，重點講解了 多媒體技術在網頁中的應用，要求讀者掌握如何 在網頁中添加FLASH動畫、視頻及音頻文件等 多媒體對象。一、實例導入：多媒體站點在網頁中應用多媒體對象可以增強網頁的 娛樂性和感染力，多媒體成為最有魅力的方式， 也是潮流的方向。娛樂在線多媒體站點：該多媒體站點主要實 現的功能是在線觀看 Flash動畫、Flash視頻以 及其它類型的視頻及音頻文件。

3、在此網站實例中，主要涉及以下知識點：背景音樂的設置;插入Flash對象：Flash動畫、Flash視頻、Flash按鈕、Flash文本等;插入其它類型視頻和音頻文件。二、使用多媒體對象網頁中常用的多媒體對象主要分為 Flash類 （包括Flash動畫、Flash按鈕、Flash文本、Flash 視頻等）、Java applets ActiveX控件類，以及 各種音頻、視頻文件（如Shockwave影片、 QuickTime、RM、WMV、Mp3 等）。1、設置頁面背景音樂由于背景音樂不是一種標準的網頁屬性，所以需 要用修改源代碼的方式為網頁添加背景音樂。在 head和/head標簽之間添加以下

4、代碼： vbgsound src=背景音樂 的 URL 地址 I力 力loop= n 在Bgsound標簽中，src用于指定背景音樂的 源文件路徑。Loop是指背景音樂的循環次數， 如果輸入為-1，則表示無限循環。Bgsound標簽 中所支持的背景音樂格式為：wav、mid、mp3等。2、插入Flash影片Flash是一種高質量、高壓縮率的矢量動畫， 有超強的交互能力，也正是因為這些原因，Flash 在網絡上得到了快速發展。插入Flash影片插入在網頁中的 Flash影片格式為swf, Flash源文件格式為Fla，源文件不能直接插入 到網頁中，但可以在Flash軟件中修改源文件。3、插入Fl

5、ash文本Dreamweaver8.0 增添了一些 Flash 對象， 包括Flash文本、Flash按鈕和Flash元素等， 不使用Flash軟件也可以制作出漂亮的Flash動 畫了。使用Flash文本對象可以輕松地制作出只包 含文本的Flash動畫，這樣設計者就不用擔心網 頁瀏覽者沒有安裝特殊字體而無法看到網頁的 最佳效果了。4、插入Flash按鈕使用Dreamweaver 8.0就可以快捷地制作出 動感Flash按鈕。制作多個Flash按鈕可以組成 一個動態的導航欄。5、插入 Flash VideoFlash Video即Flash視頻，它的后綴名 為：.flv，是目前廣泛流行的一種視頻

6、文件格式。 一般的視頻文件：asf wmv、rm等都需要專門的播放器來支持視頻文件的播放，否則根本無法 收看，并且這類文件容量過大，下載慢，查看也 不很流暢。為了解決播放器和容量的問題，可以將各類視頻文件轉換成Flash視頻文件，即Flv 格式。經過編碼后的音頻和視頻數據，通過Flash Player 傳送。6、插入 Flash PaperFlashPaper是一款轉換軟件，可以將任何 可打印的文檔轉換為 SWF或PDF文檔，原文 檔的排版樣式和字體顯示不受影響，不論瀏覽者 的平臺和語言版本是什么，都可以自由的觀看你 所制作的電子文檔動畫，并可以進行自由的縮 放、翻頁、搜索和打印等操作，對文檔

7、的傳播非 常有好處。用戶安裝FlashPaper軟件后，打開word軟件 時，就會多出FlashPaper菜單欄，還多出一個 FlashPaper 工 具欄。在 word 中，單擊 FlashPaper工具欄中的“轉換為Flash ”按鈕 時，即可將當前word文檔轉換swf格式的文 件。將它可以作為Flash文件插入到網頁中。7、插入Flash元素制作像冊 在Dreamweaver 8.0 中，可以插入 Flash 元 素制作動態的像冊。當打開包含 FLASH像冊元 素的網頁后，將自動加載制作好的像冊，最前面 顯示當前照片數和照片總數量，后面是后退、播 放/停止、前進按 鈕，單 擊的時候有不

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

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

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

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

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