【文章內(nèi)容簡介】 案例教程，朱艷麗編，清華大學出版社2012年9月教學媒體多媒體教學過程課堂設計（教學內(nèi)容、過程、方法）時間分配第3章 Dreamweaver中的多媒體對象Flash 動畫是目前最流行的網(wǎng)頁多媒體技術，在 Web 領域有廣泛的應用。本節(jié)介紹如何使用 Dreamweaver 在網(wǎng)頁中插入：Flash動畫，F(xiàn)lash按鈕，F(xiàn)lash文本。 Flash 動畫格式 在網(wǎng)頁向中添加 Flash 動畫之前，首先應該對 Flash 動畫的格式有所了解，F(xiàn)lash 動畫文件格式包括3種：①. fla 格式 The Flash file（.fla）：在 Flash 程序中創(chuàng)建出的動畫項目源文件，這種格式的 Flash 動畫文件格式可以在 Flash 程序中編輯，也可以將它輸出成 swf 或 swt 格式文件，從而方便在瀏覽器窗口使用。 ②.swf 格式 The Flash movie file（.swf）：這種格式的 Flash 格式的壓縮版，它是優(yōu)化過的 Flash 文件格式，用于在 Web 上瀏覽。它可以在 Dreamweaver 和瀏覽器窗口中播放，但是不能在 Flash 程序中編輯。在 Dreamweaver 中的 Flash 按鈕和 Flash 文本功能使用的就是這種動畫格式。 ③.swt 格式 The Flash Generator template（.swt）：，這種格式文件被使用在 Flash 按鈕對象中，用戶可以使用文字或鏈接修改模板，來創(chuàng)建自定義的swf 格式動畫文件，并將其添加到文件中。 2 、插入 Flash 動畫 使用 Dreamweaver插入欄“常用”類別“媒體”列表中的 Flash 按鈕，可以在網(wǎng)頁中添加 Flash 對象。在文檔中添加了 Flash 動畫后，選擇該文件，可以使用屬性檢查器查看和修改 Flash 動畫屬性。 插入 Flash 按鈕 Dreamweaver 提供了自動生成 Flash 按鈕和 Flash 文本功能，使網(wǎng)頁設計者不用使用 Flash 軟件也能在網(wǎng)頁中獲得 Flash 按鈕和文本效果。使用插入欄“常用”“媒體” Flash按鈕 ，可以將 Flash 按鈕添加到插入點。4 、插入Flash 文本使用插入欄“常用”“媒體”“Flash 文本”按鈕 ，可以將Flash 文本添加到插入點。插入Flash對象（1）、插入Flash動畫“插入”—“媒體”—“Flash”設置FLASH屬性（2）、插入FLASH按鈕“插入”—“媒體”—“FLASH按鈕” 使用聲音與視頻 本節(jié)介紹聲音與視頻基本概念，以及如何在網(wǎng)頁中使用：聲音，視頻。 聲音與視頻概述 （1）聲音概述聲音是最常見的一種多媒體信息。聲音文件有不同的類型和格式，如果要將聲音文件添加到網(wǎng)頁，有幾種不同的方法。在確定采用哪一種格式和方法添加聲音前，需要考慮幾個因素：添加聲音的目的、文件大小、聲音品質(zhì)和不同瀏覽器中的差異。 PC機上的常用聲音格式：①.midi 或 .mid（樂器數(shù)字接口）格式用于器樂。 ②.wav（Waveform 擴展名）格式文件具有較好的聲音品質(zhì)，許多瀏覽器都支持此類格式文件，且不要求插件。 ③.mp3（運動圖像專家組音頻，即 MPEG音頻層3）格式是一種壓縮格式，它可令聲音文件明顯縮小。 ④.ra、.ram、.rpm 或 Real Audio 格式具有非常高的壓縮品質(zhì)，文件大小要小于 MP3，全部歌曲文件可以在合理的時間范圍內(nèi)下載。 （2）視頻概述： 視頻是信息含量最豐富的一種媒體?？梢酝ㄟ^不同方式和使用不同格式將視頻添加到網(wǎng)頁。視頻可下載給用戶，或者對視頻進行流式處理以便在下載它的同時播放它。 PC機上較為常見的視頻文件格式 ：①.avi 格式，即音頻視頻交錯格式，就是可以將視頻和音頻交織在一起進行同步播放。②.mpeg、.mpg 或 .dat 格式，也就是運動圖像專家組（MPEG）格式，它是運動圖像壓縮算法的國際標準。 ③.ra、.rm 或 .rmvb 格式是 RealNetworks 公司開發(fā)的一種新型流式視頻文件格式，它包含在RealNetworks公司所制定的音頻視頻壓縮規(guī)范RealMedia中，主要用來在低速率的廣域網(wǎng)上實時傳輸活動視頻影像 。④.mov 格式是 Apple 計算機公司開發(fā)的一種音頻、視頻文件格式，用于保存音頻和視頻信息，具有先進的音視頻功能。 插入其他媒體對象（1）、插入Shockwave影片Shockwave是一個很普及的瀏覽器的插件，可以在大多數(shù)常用的瀏覽器中進行播放“插入”—“媒體”—“Shockwave”（2）、插入ActiveX控件ActiveX控件是可以充當瀏覽器插件的可重復使用的組件。（3）、插入JAVA小程序。JAVA是一種編程語言，通過它可以開發(fā)可嵌入WEB頁中的小型應用程序（applets）導入新課（5分鐘）通過提問了解學生對網(wǎng)頁設計規(guī)劃的了解掌握學生課前預習情況（15分鐘）主要內(nèi)容講解及瀏覽網(wǎng)站（90分鐘）課后任務網(wǎng)頁文件、素材文件都同意在哪里進行管理？每次設置文本的格式很麻煩，可以通過什么工具來完成？一般請快些使用://鏈接，屬于什么路徑？教學后記新疆天山職業(yè)技術學院課程教案教學流程教學內(nèi)容與過程教學方法學生活動時間分配新課導入隨著多媒體技術的發(fā)展，單純的文本和圖像以及無法滿足網(wǎng)頁多樣化的需求，不僅能完善視覺、聽覺效果還能增強交互性，如何在網(wǎng)頁中帶有Flash效果呢？討論法思考5分鐘預習考核Flash媒體對象有哪些？網(wǎng)站封面頁有使用Flash的嗎？舉例說明網(wǎng)頁中播放視頻是比較常見的，如何在網(wǎng)頁中插入一個Flash視頻？網(wǎng)頁上常見的音頻格式有哪些？Shockwave是什么？是否經(jīng)過壓縮？如何插入Flash視頻？如何插入Flash按鈕？什么是Flash文本？embed標簽是什么？如果想設定播放重復次數(shù)應該用什么？1width、height分別指的是什么？1什么是用來設置打開頁面時音樂是否自動播放的？1如何插入Shockwave影片？1bgsound標簽有幾個屬性?1如何設置音樂下載？討論法回答討論15分鐘講授新課第3章Dreamweaver中的多媒體對象Flash 動畫格式插入 Flash 動畫插入 Flash 按鈕插入Flash 文本使用聲音與視頻聲音與視頻概述插入其他媒體對象講授法多媒體輔助教學法筆記討論歸納90分鐘目標檢測在制作網(wǎng)頁時，可以代替文本超鏈接或圖片超鏈接的是什么？插入Flash視頻中，消息參數(shù)的內(nèi)容是什么？講一首音樂無限循環(huán)播放，代碼是什么？討論法練習法分析練習改正20分鐘歸納小結本節(jié)主要解Dreamweaver中的多媒體對象，讓學生掌握在網(wǎng)頁中插入Flash動畫、按鈕、文本以及視頻并應用于網(wǎng)頁歸納法思考推理判斷10分鐘課后任務說明總結、歸納所學知識點，完成課后習題預習4章節(jié)內(nèi)容筆記5分鐘教學自評新疆天山職業(yè)技術學院課程教案首頁課程名稱網(wǎng)頁設計與制作授課時間授課班級15W計信、15Z計信授課序次第 五 周 第 5 次課授課題目第4章AP Div、時間軸與行為 學時數(shù)80授課類型R理論課 R實訓課 163。一體課 163。其他周學時數(shù)3+2學習（教學）標準（知識、能力、素質(zhì)）知識目標：掌握AP Div的創(chuàng)建、編輯方法，完成AP Div屬性設置；掌握時間軸動畫的制作方法能力目標：能夠根據(jù)視覺需要進行AP Div與表格的互換操作并創(chuàng)建時間軸動畫素質(zhì)目標：培養(yǎng)學生良好的學習意識教學方法任務驅(qū)動法、多媒體輔助教學法、演示法、討論法、練習法、歸納法教學重難點教學重點：AP Div的創(chuàng)建、編輯方法、AP Div屬性設置、教學難點：創(chuàng)建AP Div的時間軸動畫參考資料或相關網(wǎng)站網(wǎng)頁設計與制作Dreamweaver 實用教程，丁愛萍編，北京出版社2015年7月網(wǎng)頁設計與制作，董潔編，清華大學出版社2012年8月；網(wǎng)頁設計案例教程，朱艷麗編，清華大學出版社2012年9月教學媒體多媒體教學過程課堂設計（教學內(nèi)容、過程、方法）時間分配AP Div的定義及作用；創(chuàng)建AP Div；創(chuàng)建嵌套AP Div及其作用；編輯AP Div（選擇單個AP Div、選擇多個AP Div、調(diào)整AP Div大小、更改AP Div的堆疊順序、顯示和隱藏AP Div、移動AP Div、刪除AP Div、重命名AP Div）；設置AP Div的屬性（CSSP元素、左和上、寬和高、Z軸、可見性4種、背景圖像、背景顏色、類、溢出4種、剪輯）；AP Div與表格互換（將（選擇單個AP Div、選擇多個AP Div、調(diào)整AP Div大小、更改AP Div的堆疊順序、顯示和隱藏AP Div、移動AP Div、刪除AP Div、重命名AP Div）轉為表格、將表格轉為（選擇單個AP Div、選擇多個AP Div、調(diào)整AP Div大小、更改AP Div的堆疊順序、顯示和隱藏AP Div、移動AP Div、刪除AP Div、重命名AP Div））；時間軸版面概述（時間軸選擇框、重新播放、后退、數(shù)字播放、Fps、自動播放、循環(huán)、設置行為軌道、時間軸、關鍵幀、動畫條）；制作時間軸動畫（通過改變AP Div的位置、大小、可見性以及疊放順序來創(chuàng)建動畫）5分鐘15分鐘90分鐘20分鐘10分鐘課后任務第4章課后習題預習第5章教學后記新疆天山職業(yè)技術學院課程教案教學流程教學內(nèi)容與過程教學方法學生活動時間分配新課導入表格對于現(xiàn)實行、列表格方式的數(shù)據(jù)很有用，并且容易創(chuàng)建，AP Div網(wǎng)頁元素定位技術可以更好地控制定位，減少所需代碼數(shù)量，配合時間軸，可通過在不同的時間改變AP Div的位置、大小、可見性和疊放順序，制作出動態(tài)效果討論法思考5分鐘預習考核什么是AP Div？它的作用是什么？什么是嵌套AP Div？如何操作？AP Div屬性中，什么是CSSP元素？在將AP Div轉換為表格之前應確保什么？什么是時間軸？時間軸面板的功能是什么？如何打開AP元素面板？使用AP技術有什么好處？如何進行AP Div與表格的互換操作？討論法回答討論15分鐘講授新課講授法多媒體輔助教學法任務驅(qū)動法筆記討論歸納90分鐘目標檢測在網(wǎng)頁制作過程中使用AP Div技術有什么好處？如何將表格轉換為AP Div？做時間軸動畫時有哪些小技巧？討論法練習法分析練習改正20分鐘歸納小結本節(jié)主要講解，讓學生了解AP Div網(wǎng)頁元素的基本操作，通過系統(tǒng)、明確的學習掌握AP Div網(wǎng)頁元素基本的操作，掌握時間軸動畫的制作方法。歸納法思考推理判斷10分鐘課后任務說明第4章課后習題預習第5章筆記5分鐘教學自評新疆天山職業(yè)技術學院課程教案首頁課程名稱網(wǎng)頁設計與制作授課時間授課班級15W計信、15Z計信授課序次第 六 周 第 6 次課授課題目第學時數(shù)80授課類型R理論課 R實訓課 163。一體課 163。其他周學時數(shù)3+2學習（教學）標準（知識、能力、素質(zhì)）知識目標：了解行為的概念、組成和常用事件；掌握網(wǎng)頁中表單及表單元素的制作；了解網(wǎng)頁中檢查表單的方法能力目標：會使用內(nèi)置行為制作“交換圖像、彈出信息、打開瀏覽器窗口”素質(zhì)目標：培養(yǎng)學生良好的學習意識教學方法任務驅(qū)動法、多媒體輔助教學法、演示法、討論法、練習法、歸納法教學重難點教學重點：掌握行為面板組成并會添加行為；教學難點：掌握表單基本知識及元素制作并進行屬性設置參考資料或相關網(wǎng)站網(wǎng)頁設計與制作Dreamweaver 實用教程，丁愛萍編，北京出版社2015年7月網(wǎng)頁設計與制作，董潔編，清華大學出版社2012年8月；網(wǎng)頁設計案例教程，朱艷麗編，清華大學出版社2012年9月教學媒體多媒體教學過程課堂設計（教學內(nèi)容、過程、方法）時間分配新課導入—如何提升網(wǎng)頁的視覺效果使網(wǎng)頁內(nèi)容更為形象；預習考核—通過課前提問的方式進行考核；講授新課—了解行為并能熟練操作，認識表單內(nèi)容并能夠熟練運用；目標檢測—通過抽查學生筆記和課后作業(yè)檢測學生學習內(nèi)容；課后歸納—通過本次課程使學生初步了解網(wǎng)頁規(guī)劃設計基