1、4.1 多媒體教學(xué)課件概述 4.2 演示文稿課件制作 4.3 網(wǎng)頁課件制作與發(fā)布 4.4 Flash課件設(shè)計與制作 4.5 網(wǎng)絡(luò)課程的設(shè)計與開發(fā),本模塊主要內(nèi)容,4.1 多媒體教學(xué)課件概述,一、多媒體課件的類型,多媒體課件是一種根據(jù)教學(xué)目標(biāo)設(shè)計，表達(dá)特定教學(xué)內(nèi)容，反映一定教學(xué)策略的計算機(jī)教學(xué)程序。 按照教學(xué)功能劃分，多媒體課件可分為: 1課堂教學(xué)型 2自主學(xué)習(xí)型 3資料工具型 4練習(xí)測試型 5模擬實(shí)驗型 6教學(xué)游戲型,二、多媒體課件開發(fā)與設(shè)計的原則,1教育性原則 2科學(xué)性原則 3控制性原則 4藝術(shù)性原則 5經(jīng)濟(jì)性原則,三、多媒體課件素材的特點(diǎn)及格式,（一）多媒體課件素材的特點(diǎn) 在制作多媒體課件

2、中，常用到的素材有文本、圖形/圖像、音頻、動畫、視頻等。 文本。文本信息主要指在計算機(jī)屏幕上呈現(xiàn)的文字內(nèi)容，它是準(zhǔn)確、有效地傳播教學(xué)信息的重要媒體元素。 圖片。圖片是學(xué)習(xí)者很容易接受的信息，一幅圖片可以形象、生動、直觀地表現(xiàn)出大量的信息。 音頻。波形音頻是記錄聲音的最直接形式，對記錄與播放的環(huán)境要求不高，在多媒體教學(xué)軟件中應(yīng)用也相當(dāng)多。音頻包括音樂、語音和各種音響效果。 動畫。動畫是對事物運(yùn)動、變化過程的模擬，可以用來模擬事物的變化過程、說明科學(xué)原理。 視頻。與動畫相比，視頻是對現(xiàn)實(shí)世界的真實(shí)記錄。視頻信息量比較大，具有更強(qiáng)的感染力，適宜呈現(xiàn)一些學(xué)習(xí)者感覺比較陌生的事物。,三、多媒體課件素材的

3、特點(diǎn)及格式,（二）多媒體素材的常見格式 文本: .doc、 .txt、 .rtf 、.wri、 .wps 圖片: .jpg/.jpeg、.bmp、.tif/.tiff、.gif 音頻: .wav、.mp3、.mid、.wma、.ra 動畫: .gif、.swf 視頻: .avi、.mpg/.mpeg、.wmv、.mov、.dat、.rm,三、多媒體課件素材的特點(diǎn)及格式,小知識 實(shí)踐中常會出現(xiàn)由于圖片、音頻、動畫和視頻的存儲格式選擇不當(dāng)，造成多媒體課件占用空間大、品質(zhì)低的問題，因此平衡文件大小與質(zhì)量之間的關(guān)系是制作課件首要考慮的事情。 下面是四類素材應(yīng)用于課件的一般規(guī)律： 圖片素材：課件制作中如

4、果涉及到圖像，一般使用JPG格式，大小 控制在100200KB之間；如果涉及圖形，一般使用GIF格式，大小控制在100K內(nèi)。 音頻素材：一般使用WMA或者M(jìn)P3格式的音頻文件，流量控制在 16128Kb/s之間。 動畫素材：一般使用GIF和SWF格式的動畫文件，前者適用小卡通動畫，大小控制在100K內(nèi)，后者適用于各種類型的動畫，交互性很強(qiáng)，播放暢快，大小一般控制在10M內(nèi)。 視頻素材：常使用WMV格式的視頻文件，流量控制在250KB/S左右。,4.2 演示文稿課件制作,PowerPoint是Microsoft Office辦公套裝中的一個組件，也稱為幻燈片。 PowerPoint簡單易學(xué)，非常

5、適合于學(xué)科教師根據(jù)自己的教學(xué)需要制作簡單的多媒體課件。 1演示文稿的基本功能,PowerPoint簡介,PowerPoint簡介,圖 4-1 演示文稿的基本架構(gòu),2演示文稿的基本架構(gòu)設(shè)計,課堂活動實(shí)踐,用PowerPoint2003制作多媒體課件 1確定教學(xué)內(nèi)容 本次實(shí)踐內(nèi)容以高中語文課程標(biāo)準(zhǔn)實(shí)驗教材第四冊，第二單元中蘇軾的詞念奴嬌赤壁懷古為例。,念奴嬌 赤壁懷古 大江東去，浪淘盡，千古風(fēng)流人物。故壘西邊，人道是，三國周郎赤壁。亂石穿空，驚濤拍岸，卷起千堆雪。江山如畫，一時多少豪杰。 遙想公瑾當(dāng)年，小喬初嫁了，雄姿英發(fā)。羽扇綸巾，談笑間，檣櫓灰飛煙滅。故國神游，多情應(yīng)笑我，早生華發(fā)。人生如夢，

6、一尊還酹江月。,課堂活動實(shí)踐,2設(shè)計課件結(jié)構(gòu),圖4-2 課件呈現(xiàn)的結(jié)構(gòu)圖,課堂活動實(shí)踐,3主要教學(xué)內(nèi)容及相關(guān)素材收集 文字、聲音、圖片來自互聯(lián)網(wǎng)，視頻截取DVD。參考網(wǎng)站：人民教育出版社網(wǎng)站，中學(xué)語文網(wǎng)中網(wǎng)，赤壁網(wǎng)。,課堂活動實(shí)踐,4課件制作 （1）封面制作 第1步：設(shè)置背景 課件中使用與主題內(nèi)容相適應(yīng)的背景，將起到烘托主題的作用。選擇菜單欄中“格式/背景/填充效果/圖片/選擇圖片”，在彈出的窗口中，根據(jù)圖片所存的地址位置找到所需的圖片并插入，如圖4-3 所示。按“確定”后，再選擇“全部應(yīng)用”。,課堂活動實(shí)踐,圖4-3 幻燈片背景設(shè)置,課堂活動實(shí)踐,第2步：插入標(biāo)題文字及圖片 第3步：聲音運(yùn)用

7、 在課件中運(yùn)用聲音有很多方式，可以用插入方式，也可在幻燈片切換中添加背景聲音，但這兩種方式對聲音的控制效果不好，為了便于對聲音的控制，可采用控件的方式插入聲音。通過插入的媒體播放器中的播放、停止、暫停和調(diào)節(jié)音量等按鈕對聲音進(jìn)行控制。具體方式是：選擇菜單欄中“視圖/工具欄/控件工具箱/其它控件/Windows Media Player”,插入媒體播放器，用鼠標(biāo)選擇窗口大小，在屬性欄URL中設(shè)置聲音文件的路徑，如圖4-4所示。,課堂活動實(shí)踐,圖 4-4 幻燈片封面設(shè)計,課堂活動實(shí)踐,（2）課件主界面及導(dǎo)航的制作 插入標(biāo)題、圖片和按鈕（方法同上）。 （3）對象超鏈接的設(shè)置（以文章朗讀的超鏈接為例）

8、第1步：文章朗讀的超鏈接 幻燈片間的超鏈接可以在文字上做超鏈接，也可以在圖片上做超鏈接，這里選在文字上做超鏈接。鼠標(biāo)選中“文章朗讀”，然后單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“超鏈接”，然后選擇“本文檔中的位置”，然后選中“幻燈片8”文章朗讀，點(diǎn)擊“確定”即可。如圖4-5所示。,課堂活動實(shí)踐,圖 4-5 幻燈片超鏈接設(shè)置,課堂活動實(shí)踐,（4）頁面的切換設(shè)置 選擇菜單欄中“幻燈片放映/幻燈片切換”，在 彈出的幻燈片切換窗口中選擇切換的方式，如“盒狀展開”，還可以選擇速度，如需要也可加入聲音和設(shè)置換片方式。如圖4-6所示。,課堂活動實(shí)踐,圖 4-6 幻燈片切換設(shè)置,課堂活動實(shí)踐,5課件的保存和演示 課

9、件制作完畢，進(jìn)行保存。演示課件，觀看效果。 PPT演示文稿課件制作的心得總結(jié)： （在制作過程中遇到了什么問題？你是如何解決的？）,4.3 網(wǎng)頁課件制作與發(fā)布,Dreamweaver簡介,Dreamweaver8是Macromedia新開發(fā)的HTML編輯器，用于對Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)，是一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具，Dreamweaver 8包含有一個嶄新、簡潔、高效的界面，且性能也得到了改進(jìn)。此外，還包含了眾多新增的功能，改善了軟件的易用性，無論處于設(shè)計環(huán)境還是編碼環(huán)境都可以方便地生成頁面。,課堂活動實(shí)踐,Dreamwaver8制作多媒體課件 1確定教

10、學(xué)內(nèi)容 以人教版小學(xué)語文第六冊第一課荷花為例，將搜集到的荷花相關(guān)資源虛擬成專題網(wǎng)站“荷花小站”。“荷花小站”設(shè)有五個部分，分別為“走進(jìn)課堂”、“增長見識”、“燦爛文化”、“荷花資源”、“荷言荷語”。這當(dāng)中既包括課堂教學(xué)所用的資源，也包括供學(xué)生課后拓展性學(xué)習(xí)的資源。,Dreamwaver8制作多媒體課件,（1）建立站點(diǎn) 打開“我的電腦”窗口，在E盤建立網(wǎng)頁的存放文件夾E:myweb。 在站點(diǎn)文件夾myweb中建立圖片文件夾：E:mywebimages；（作為默認(rèn)的標(biāo)準(zhǔn)，統(tǒng)一用“Images”命名）。將本課中相關(guān)的圖片、視頻等資源復(fù)制到images文件夾中。 小提示：站點(diǎn)里存放了網(wǎng)頁、圖片、音頻和

11、視頻等各種資源，建立站點(diǎn)，有利于統(tǒng)一組織和管理與網(wǎng)頁相關(guān)的各類文檔。建站時根據(jù)不同的文件類型建立文件夾（如：建立images存放圖片），以方便分類管理站點(diǎn)中的各種資源。, 啟動Dreamwaver8，單擊菜單“站點(diǎn) 新建站點(diǎn)”，設(shè)置如圖4-7。,圖 4-7 定義荷花站點(diǎn),Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 現(xiàn)在開始制作一個有圖片、文字和背景的簡單頁面“song”，如圖4-8所示。,圖 4-8 簡單頁面,Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 菜單“文件 新建”，選擇“基本頁 HTML”，點(diǎn)擊“創(chuàng)建”，如圖4-9所示。,圖 4-9 新建文檔窗口

12、,Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 輸入詩歌的標(biāo)題和文字，選中標(biāo)題，在屬性面板中，按照圖4-10設(shè)置詩歌的標(biāo)題“居中”、大小“18像素（px）”、“粗體”。,圖 4-10 設(shè)置文字格式,Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 選中文字，在“字體”選項框中選擇，黑體，設(shè)置文字為“黑體”，如圖4-11所示。,圖 4-11 編輯字體列表,Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 插入圖片，光標(biāo)定位在文字的左上方，在“常用”工具欄中，選擇“圖像”按鈕，插入圖片。 在屬性面板中設(shè)置圖片對齊方式，如圖4-12所示。,圖 4-12

13、插入和設(shè)置圖片,Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 設(shè)置網(wǎng)頁的背景顏色，“修改 頁面”，按照圖4-13設(shè)置修改頁面屬性。,圖 4-13 頁面屬性,Dreamwaver8制作多媒體課件,（2）制作一個簡單的頁面 保存頁面，選擇“文件保存”，文件名存為“song.htm”。 單擊預(yù)覽按鈕 “預(yù)覽在IExplorer 6.0”, 預(yù)覽網(wǎng)頁的效果。,Dreamwaver8制作多媒體課件,（3）創(chuàng)建鏈接 參照以上的的方法，創(chuàng)建網(wǎng)頁“introduce.html”（如圖4-14所示）,圖 4-14 introduce.html頁面,Dreamwaver8制作多媒體課件,（3）創(chuàng)

14、建鏈接 在“introduce.html”中選中“舟過安仁”，用鏈接錨點(diǎn)選中鏈接的網(wǎng)頁名稱，如圖4-15所示?；蛘邌螕簟拔募A”按鈕進(jìn)行設(shè)置。當(dāng)選中文字下方出現(xiàn)下劃線表示鏈接設(shè)置成功，保存設(shè)置。,圖 4-15 添加鏈接,Dreamwaver8制作多媒體課件,Dreamwaver8制作多媒體課件,（3）創(chuàng)建鏈接 打開“song.html”，選中要鏈接的字體“返回介紹”，用同樣的方法進(jìn)行鏈接設(shè)置。 保存設(shè)置，單擊F12預(yù)覽網(wǎng)頁效果，可以看到兩個頁面可以相互鏈接訪問。,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“index.html” 新建頁面，單擊菜單“插入 表格”，用于定位頁面上方的F

15、lash動畫，如圖4-16所示。選中表格，在屬性面板上設(shè)置為“居中對齊”，如圖4-17所示。,圖 4-16 表格窗口,圖 4-17 表格屬性面板,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“index.html” 在表格內(nèi)部單擊，選擇菜單“插入 媒體 Flash”。選中E:mywebimages下的“top.swf”后單擊“確定”，如圖4-18所示。,圖 4-18 插入Flash,（4）創(chuàng)建首頁“index.html” 單擊圖4-19的“預(yù)覽在IExplorer 6.0 F12”, 預(yù)覽目前的效果。,圖 4-19 預(yù)覽網(wǎng)頁,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“ind

16、ex.html” 單擊菜單“插入 表格”，按照圖4-20設(shè)置制作網(wǎng)頁的主體部分。在表格屬性面板中設(shè)置表格的屬性，如圖4-21所示。,圖 4-20 表格窗口,圖 4-21 表格屬性面板,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“index.html” 在表格內(nèi)部單擊，選擇菜單“插入表格”，插入一個1行5列的表格，把制作好的圖片插入到表格中；按照圖4-22設(shè)置左部分的單元格的“屬性”，效果如圖4-23所示。,圖 4-22 單元格屬性,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“index.html”,圖 4-23 頁面效果圖,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首

17、頁“index.html” 在文字“首頁走進(jìn)課堂”的下方，單擊“插入” “HTML”“水平線”，插入一條水平線。 在水平線下方插入一個1行2列的表格。按照圖4-23在左單元格輸入文字，右單元格插入圖片。設(shè)置鏈接，單擊“楊萬里”能鏈接到“introduce.html”。 再插入第二條水平線，并輸入荷花這篇課文。 最后插入一個1行1列的表格，輸入版權(quán)信息，設(shè)置背景顏色。,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“index.html” 設(shè)置背景，“修改 頁面”，按照圖4-24設(shè)置修改頁面屬性。,圖 4-24 修改頁面屬性,Dreamwaver8制作多媒體課件,（4）創(chuàng)建首頁“index

18、.html” 最后，選擇“文件” 保存”，保存頁面為index.html，保存目錄為E:mywebindex.html。預(yù)覽網(wǎng)頁效果，如圖4-25所示。,圖 4-25 index.htm頁面效果,Dreamwaver8制作多媒體課件,（5）創(chuàng)建網(wǎng)頁模板 對首頁進(jìn)行修改，刪除不需要的內(nèi)容，只留下主框架，如圖4-26所示。,圖 4-26 頁面模板,Dreamwaver8制作多媒體課件,（5）創(chuàng)建網(wǎng)頁模板 單擊“文件”“另存為模板”，按照圖4-27、圖4-28設(shè)置模板的名字。,圖 4-27 另存為模板,圖 4-28另存模板名稱,Dreamwaver8制作多媒體課件,（5）創(chuàng)建網(wǎng)頁模板 右鍵單擊模板中

19、的表格空白處，按照圖4-29所示新建模板可編輯區(qū)域。 輸入編輯區(qū)域的名稱，效果如圖4-30所示。設(shè)置完成，保存模板。,圖 4-29 新建可編輯區(qū)域,圖 4-30 模板效果,Dreamwaver8制作多媒體課件,（6）利用模板建立網(wǎng)頁 單擊“文件”“模板”，選擇剛才建立的模板“主頁”，如圖4-31所示。,圖 4-31 從模板新建,Dreamwaver8制作多媒體課件,（6）利用模板建立網(wǎng)頁 在編輯區(qū)里插入2行1列的表格，在第一個單元格中輸入文字“首頁增長見識”，在第二個單元格內(nèi)單擊“插入”“媒體”“shockwave”，在“選擇文件”窗口中，選擇“images/paint.wmv”視頻文件，如圖

20、4-32所示。,圖 4-32插入視頻,Dreamwaver8制作多媒體課件,（6）利用模板建立網(wǎng)頁 保存網(wǎng)頁，預(yù)覽效果，如圖4-33所示。 用同樣的方法，利用模板，完成“荷花資源”網(wǎng)頁的制作，如圖4-34所示。,圖 4-33 插入視頻后的效果,圖 4-34 “荷花資源”網(wǎng)頁,Dreamwaver8制作多媒體課件,網(wǎng)頁課件制作的心得總結(jié)： （在制作過程中遇到了什么問題？你是如何解決的？）,Dreamwaver8制作多媒體課件,4.4 Flash課件設(shè)計與制作,Flash簡介,Flash是美國Macromedia公司出品的一款二維動畫制作軟件，是交互式矢量圖和Web動畫的標(biāo)準(zhǔn)，其中經(jīng)歷的歷史版本有

21、Flash 1-5、Flash Max 2004、Flash 8、Flash CS3、Flash CS4等。2005年，Macromedia公司被Adobe公司收購， 當(dāng)前Flash的最新版本為Adobe Flash CS4。 Flash與Dreamweaver、Fireworks并稱網(wǎng)頁設(shè)計三劍客，是網(wǎng)頁設(shè)計師的必備工具之一。Flash擁有強(qiáng)大的動畫制作和交互功能，廣泛應(yīng)用于制作多媒體交互網(wǎng)頁、游戲、動畫片、MTV、課件等。Flash非常適合制作網(wǎng)絡(luò)化的、強(qiáng)交互性的教學(xué)課件，其輸出的SWF格式精致小巧，非常適合互聯(lián)網(wǎng)上發(fā)布。,Flash的工作窗口主要包括菜單欄、工具欄、編輯區(qū)、層控制區(qū)、時間

22、軸、屬性面板和功能面板等，如圖4-35所示。,圖 4-35 Flash的工作界面,一、Flash CS3的界面,1. 時間軸 動畫（Animation）是由一系列連續(xù)播放的靜止畫面組成的，這些靜止的畫面在Flash中稱為幀（Frame）。時間軸（Timeline）是對幀和圖層進(jìn)行操作的地方，主要由圖層、幀和播放頭組成，分為左右兩個窗口：左窗口是圖層控制區(qū)，用來對圖層進(jìn)行管理和操作；右窗口是幀控制區(qū)，用來對幀進(jìn)行操作，如圖4-36所示。,一、Flash CS3的界面,圖 4-36 時間軸窗口,一、Flash CS3的界面,（1）圖層控制區(qū) 圖層（Layer）類似于Adobe Photoshop中

23、圖層的概念，各個圖層上的幀是相互獨(dú)立的。如同4-37所示。因此，在有多個圖層之后，關(guān)于幀的操作必須指明是哪個圖層的哪個幀。,圖 4-37 圖層控制區(qū),一、Flash CS3的界面,（2）幀控制區(qū) 幀是構(gòu)成Flash動畫的基本單位，一個幀，就是指Flash中的一個畫面。在幀控制區(qū)中，每個小方格就是一個幀。Flash動畫就是按照一定速度連續(xù)地播放這些幀產(chǎn)生的。幀包括以下類型，見圖4-38。,圖 4-38 幀控制區(qū)及幀的類型,一、Flash CS3的界面, 關(guān)鍵幀 (Key Frame)：關(guān)鍵幀是動畫制作時的關(guān)鍵畫面，有且只有關(guān)鍵幀才可以保存制作者對畫面內(nèi)容的編輯。時間軸上的關(guān)鍵幀可以包含F(xiàn)lash

24、動畫中的各種內(nèi)容，例如文字、圖形、圖片、聲音、元件等各種對象。 空白關(guān)鍵幀 ：如果一個關(guān)鍵幀在舞臺上沒有任何內(nèi)容，則稱之為空白關(guān)鍵幀，在時間軸上顯示為。 過渡幀：由計算機(jī)自動生成的畫面稱為過渡幀。過渡幀無須制作者手工編輯，它總是位于兩個關(guān)鍵幀之間，在時間軸上的底色為淺綠色（ ）或淺藍(lán)色（ ），并且包含一根帶有箭頭的直線。,一、Flash CS3的界面, 普通幀：普通幀的作用是簡單地延續(xù)前一個關(guān)鍵幀的內(nèi)容，在時間軸上， 和 都是普通幀，其中， 延續(xù)的是空白關(guān)鍵幀。與關(guān)鍵幀不同，普通幀只能延續(xù)顯示前一個關(guān)鍵幀的內(nèi)容，不能保存制作者對內(nèi)容的修改。 關(guān)于幀的常用快捷鍵如下：F5，插入普通幀；F6，插入

25、關(guān)鍵幀；F7，插入空白關(guān)鍵幀。 2. 舞臺（Stage）工作區(qū) 舞臺是編輯Flash畫面內(nèi)容的區(qū)域。舞臺中中央是一個白色或其他顏色的矩形區(qū)域，它是舞臺的工作區(qū)。在Flash作品輸出后，只有在舞臺工作區(qū)內(nèi)的對象，才能被用戶觀看到。,一、Flash CS3的界面,3. 工具箱 工具箱主要提供圖形繪制和圖形編輯等各種工具，把鼠標(biāo)停留在工具箱某個按鈕上，軟件會提示該按鈕的名稱和快捷鍵（如圖 4-39a）。有的工具按鈕左下角有一個小三角，在鼠標(biāo)單擊不放開時，能夠彈出更多的工具供選擇（如圖 4-39b）,圖 4-39 工具箱,一、Flash CS3的界面,4. 屬性面板 屬性面板用于設(shè)置文件中當(dāng)前選中對象

26、的屬性。因此，如果要設(shè)置某個對象的屬性，一般都需要先使用工具箱中的“選擇工具” 選中對象。例如，如果“選擇工具”單擊舞臺空白區(qū)域，將呈現(xiàn)文檔屬性面板；如果單擊選中某個關(guān)鍵幀，則呈現(xiàn)幀屬性面板；如果單擊選中舞臺中的文字，則呈現(xiàn)文字屬性面板，如圖 4-40所示。,一、Flash CS3的界面,圖 4-40 各種屬性面板,一、Flash CS3的界面,5. 功能面板 Flash是一個非常強(qiáng)大的軟件，包含一系列的功能面板，每個功能面板都提供某一方面的功能。默認(rèn)界面上只呈現(xiàn)了少量的面板，其他功能面板可以通過“窗口”菜單來顯示或隱藏，常用的有“庫”、“公用庫”、“動作”、“對齊”、“顏色”、“變形”、“其

27、他面板場景”等。Flash中的工具箱、屬性面板和功能面板等都可以浮動在界面上，如果要恢復(fù)為默認(rèn)的界面，單擊菜單“窗口工作區(qū)默認(rèn)”。,一、Flash CS3的界面,Flash動畫不管如何復(fù)雜，都可以歸納為以下動畫類型： 逐幀動畫 ：逐幀動畫是由連續(xù)的關(guān)鍵幀序列組成的，是最基本的動畫方式。與傳統(tǒng)的動畫的制作原理相同，逐幀動畫的每個幀都需要單獨(dú)編輯，制作工作量大，但它對動畫效果有很強(qiáng)的控制能力，適合較為復(fù)雜的動畫。在圖 4-41中米老鼠動畫一共有12個關(guān)鍵幀，每個關(guān)鍵幀的畫面如圖所示，請仔細(xì)觀察云朵和腳步的變化。,一、Flash CS3的界面,二、Flash動畫的分類,圖 4-41 逐幀動畫的原理,

28、2. 過渡動畫： Flash所擅長的不是逐幀動畫，而是過渡動畫。過渡動畫由兩個關(guān)鍵幀定義動畫序列的起始狀態(tài)和結(jié)束狀態(tài)，動畫的中間效果由計算機(jī)自動產(chǎn)生。過渡動畫提高了制作效率，在整個制作過程中，制作者只需要編輯好兩個首尾關(guān)鍵幀，中間的過渡幀由Flash自動生成。,二、Flash動畫的分類,過渡動畫進(jìn)一步分為兩種： （1）運(yùn)動過渡動畫：運(yùn)動過渡動畫能夠產(chǎn)生位置、大小、旋轉(zhuǎn)、顏色屬性等變化效果，并且可以設(shè)置移動路徑、旋轉(zhuǎn)方向等動畫細(xì)節(jié)。運(yùn)動過渡在時間軸上表現(xiàn)為淺藍(lán)色、帶箭頭直線的幀序列。尤其注意，運(yùn)動過渡的動畫對象必須是集合體或者元件。 （2）變形過渡動畫：變形過渡可以產(chǎn)生任意形狀、位置和顏色的平滑

29、變化。尤其注意，變形過渡的動畫對象必須是打散的對象。,二、Flash動畫的分類,課堂實(shí)踐活動,活動1 用Flash制作簡單動畫,本例將制作一個依次顯示5、4、3、2、1進(jìn)行倒計時的動畫，該動畫的第1、6、11、16、21幀是關(guān)鍵幀。 1. 新建文件：啟動Flash，點(diǎn)擊菜單“文件新建”，設(shè)置如圖4-42所示，單擊“確定”。,圖 4-42 新建文件,一、逐幀動畫倒計時,2. 制作第一個關(guān)鍵幀 （1）單擊工具箱上的文本工具，在舞臺工作區(qū)內(nèi)單擊，輸入“5”。 （2）單擊工具箱上的選取工具，在文字屬性面板上，改變“5”的字號和顏色，如圖4-43所示。,圖 4-43 設(shè)置文字屬性,一、逐幀動畫倒計時,3

30、. 制作其他關(guān)鍵幀 （1）單擊第6幀，（見圖4-44），按鍵盤上的F6插入關(guān)鍵幀。 （2）雙擊“5”，將之改成“4”。如圖4-45。,圖 4-44 單擊第6幀,圖 4-45 編輯第6幀,一、逐幀動畫倒計時,3. 制作其他關(guān)鍵幀 （3）重復(fù)上一步驟，依次在第11，16，21幀插入關(guān)鍵幀，并將數(shù)字相應(yīng)地修改為“3”，“2”，“1”。最后在第25幀單擊，按【F5】插入幀。 4. 保存和測試動畫 （1）選擇“文件保存”，保存Flash文件。保存的格式是*.Fla，這是Flash文件的源文件格式。） （2）按回車鍵在舞臺上預(yù)覽動畫?；蛘哌x擇“控制測試影片”（Ctrl+回車），在Flash Player播

31、放器中觀看動畫效果。觀看完畢，關(guān)閉播放窗口。,一、逐幀動畫倒計時,二、變形過渡動畫正方形變成圓,1. 制作開始幀 （1）新建文件，單擊工具箱的矩形工具 ，按住Shift鍵，在工作區(qū)拖動繪制出一個正方形。 （2）單擊工具箱的選取工具 ，雙擊選中矩形的內(nèi)部，以便同時選擇矩形的邊框線和內(nèi)部填充。按照圖4-46所示，將矩形的邊框粗細(xì)設(shè)為5，顏色為紅色（#FF0000）；內(nèi)部填充為黃色（#FFFF00）。,1. 制作開始幀,圖 4-46 設(shè)置圖形的屬性,二、變形過渡動畫正方形變成圓,2. 制作結(jié)束幀 (1) 單擊第30幀，按鍵盤上的F7鍵插入空白關(guān)鍵幀。 (2) 鼠標(biāo)按住 不放，在彈出菜單中選擇“橢圓工

32、具” 。按住Shift鍵，在工作區(qū)中拖動繪制一個圓。 (3) 單擊工具箱中的“選取工具” ，雙擊選中圓的內(nèi)部，參考步驟前面的步驟，在圖形屬性面板上任意改變圓的邊框線和內(nèi)部填充的顏色，效果參考圖4-47所示。,二、變形過渡動畫正方形變成圓,2. 制作結(jié)束幀,圖 4-47 在第30幀繪制圓,二、變形過渡動畫正方形變成圓,3. 創(chuàng)建過渡幀 （1）右擊中間的某個幀（可以是第1幀至29幀的任意一幀），在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，如圖4-48所示。 （2）按Ctrl+回車鍵或單擊“控制測試影片”命令，觀看影片的輸出效果。,二、變形過渡動畫正方形變成圓,3. 創(chuàng)建過渡幀,圖 4-48 創(chuàng)建中

33、間的過渡幀,二、變形過渡動畫正方形變成圓,活動2 用Flash制作多媒體課件,用Flash制作如圖4-49所示的網(wǎng)絡(luò)課件 。該課件涉及到的重要知識點(diǎn)：有導(dǎo)入素材、使用聲音、場景、按鈕元件、圖形元件、影片剪輯元件、動作腳本、蒙板圖層、引導(dǎo)線圖層、導(dǎo)出影片等。,圖 4-49 課件的主界面,用Flash制作多媒體課件,一、制作主界面,1. 導(dǎo)入課件主界面的背景 （1）點(diǎn)擊菜單“文件新建”，選擇“Flash 文件（ActionScript 2.0）”選項，如圖4-50所示。 （2）按Ctrl+J（或菜單“修改文檔”），修改文檔的尺寸為800*560，背景顏色為#006666。見圖4-51。,圖 4-5

34、0 新建文件,圖 4-51 修改文檔屬性,1. 導(dǎo)入課件主界面的背景 （3）按Ctrl+R鍵（或菜單“文件導(dǎo)入導(dǎo)入到舞臺”），選擇素材文件夾下的“背景圖a.jpg”（如圖4-52）。,圖 4-52 導(dǎo)入圖片,一、制作主界面,1. 導(dǎo)入課件主界面的背景 （4）單擊工作區(qū)右上角的顯示比例 ，將顯示比例設(shè)為“顯示幀”。單擊選中圖片，在位圖屬性工具欄上，將圖片的x、y坐標(biāo)設(shè)為0（如圖4-53）。,圖 4-53 修改圖片的位置,一、制作主界面,2. 制作背景圖的圖形元件 （3）單擊圖層控制區(qū)的“插入圖層”按鈕，新建“圖層2”。選擇工具箱的“橢圓繪制工具”，在形狀屬性面板上，設(shè)置邊框線為白色、1px，填充

35、顏色為（無色），單擊圖層2第1幀，按住Shift鍵在舞臺上拖動繪制一個圓，如圖4-56所示。,圖 4-56 元件中繪制圓,一、制作主界面,2. 制作背景圖的圖形元件 （4）點(diǎn)擊工具箱中的“選取工具”，選中剛才繪制的圓，按F8鍵，將其轉(zhuǎn)化為名為“圓”的圖形元件。 （5）按Ctrl+L鍵或點(diǎn)擊“窗口庫”菜單，打開庫面板。兩次將圓拖動到舞臺上，以便在舞臺上放置兩個圓。單擊選中舞臺上的一個圓，按鍵盤Q鍵（或單擊工具箱上的變形工具 ），然后按住Shift不放開，拖動修改圓的大小。按鍵盤V鍵（或單擊工具箱的選取工具 ），拖動調(diào)整圓的位置。調(diào)整后的效果如圖4-57所示。,一、制作主界面,2. 制作背景圖的圖

36、形元件,圖 4-57 從庫中拖動元件到舞臺,一、制作主界面,2. 制作背景圖的圖形元件 （6）利用“選取工具” 選中一個圓，在實(shí)例屬性面板上將元件的透明度設(shè)置為25%。同樣地，將其他兩個圓實(shí)例的透明度設(shè)置為25%，如圖4-58所示。 （7）單擊舞臺左上角的“場景 1”，退出元件的編輯狀態(tài)，返回到場景的編輯狀態(tài)。,圖 4-58 元件的屬性面板,一、制作主界面,3. 制作運(yùn)動過渡動畫標(biāo)題的運(yùn)動 該動畫利用影片剪輯元件來實(shí)現(xiàn)。 （1）制作名為“標(biāo)題-靜止”的圖形元件 按Ctrl+F8鍵（或“插入新建元件”命令），創(chuàng)建一個名為“標(biāo)題-靜止”的圖形元件。如圖4-59。,圖 4-59 創(chuàng)建新元件,一、制作

37、主界面,3. 制作運(yùn)動過渡動畫標(biāo)題的運(yùn)動 （1）制作名為“標(biāo)題-靜止”的圖形元件 按T鍵（或單擊“文本工具”），在文本屬性面板上設(shè)置字體為“黑體、35字號、白色”，在“標(biāo)題-靜止”元件的編輯區(qū)的正中心“+”附近，輸入“網(wǎng)頁制作網(wǎng)絡(luò)課程”，如圖4-60所示。,一、制作主界面,圖 4-60 輸入標(biāo)題文字,3. 制作運(yùn)動過渡動畫標(biāo)題的運(yùn)動 （1）制作名為“標(biāo)題-靜止”的圖形元件 按V鍵（或點(diǎn)擊選取工具），單擊選中標(biāo)題文字，按Ctrl+C鍵復(fù)制。單擊時間軸上的“插入圖層”按鈕，并單擊“圖層 2”的第一幀，按Ctrl+Shift+V鍵（或單擊“編輯粘貼到當(dāng)前位置”菜單）粘貼標(biāo)題文字。 在舞臺上選中“圖層

38、 2”的標(biāo)題文字，在文本屬性面板上，將文字顏色修改為#996600。按鍵盤的方向鍵，將其與圖層1的標(biāo)題文字稍微錯開位置，產(chǎn)生陰影效果。如圖4-61所示。,一、制作主界面,一、制作主界面,圖 4-61 陰影效果的標(biāo)題文字,3. 制作運(yùn)動過渡動畫標(biāo)題的運(yùn)動 （2）制作名為“標(biāo)題-動畫”的影片剪輯元件 按Ctrl+F8鍵，元件名稱為“標(biāo)題-動畫”，類型為“影片剪輯”，設(shè)置完成后點(diǎn)擊“確定”。 按Ctrl+L鍵打開庫面板，將“標(biāo)題-靜止”元件從庫面板拖放到元件編輯區(qū)的中心附近。如圖4-62所示。,一、制作主界面,圖 4-62 從庫面板使用元件,3. 制作運(yùn)動過渡動畫標(biāo)題的運(yùn)動 （2）制作名為“標(biāo)題-動

39、畫”的影片剪輯元件 用“選取工具”單擊時間軸上的第60幀，按F6鍵插入關(guān)鍵幀。單擊第30幀，同樣按F6鍵插入關(guān)鍵幀。接著，在編輯區(qū)中水平向右拖放標(biāo)題文字，將第30幀的文字放置在編輯區(qū)右側(cè)位置。操作界面如圖4-63所示。,一、制作主界面,圖 4-63 插入關(guān)鍵幀,3. 制作運(yùn)動過渡動畫標(biāo)題的運(yùn)動 （2）制作名為“標(biāo)題-動畫”的影片剪輯元 單擊第1至29之間的某個幀，在幀屬性面板中將補(bǔ)間設(shè)置為“動畫”，以便創(chuàng)建第1至30幀之間的運(yùn)動過渡。使用同樣的方法，創(chuàng)建第30至60之間的運(yùn)動過渡。如圖4-64所示。按回車鍵，在編輯區(qū)中觀看運(yùn)動效果。,一、制作主界面,圖 4-64 設(shè)置過渡動畫,3. 制作運(yùn)動過

40、渡動畫標(biāo)題的運(yùn)動 （2）制作名為“標(biāo)題-動畫”的影片剪輯元 單擊元件編輯區(qū)左上角的“場景 1”，回到場景編輯狀態(tài)。 （3）在場景的舞臺上使用元件 在圖層控制區(qū)，雙擊文字“圖層 1” ，將其圖層名修改為“背景”。單擊“插入圖層”按鈕，建立新圖層，并命名為“標(biāo)題”。 打開“庫”面板，將“標(biāo)題-動畫”元件從庫中，拖動到舞臺偏上位置。如果有必要，可以按Ctrl+回車鍵測試影片。,一、制作主界面,4. 制作遮罩層動畫滾動的文字 （1）進(jìn)入素材文件夾，雙擊打開“課程簡介.txt”，在記事本中按Ctrl+A鍵選中所有文字，按Ctrl+C鍵復(fù)制文字，見圖4-65。 （2）在Flash中，按Ctrl+F8鍵，創(chuàng)

41、建一個名為“滾動文字”的影片剪輯元件，見圖4-66。,一、制作主界面,圖 4-65 在記事本中復(fù)制文字,圖 4-66 創(chuàng)建新元件,4. 制作遮罩層動畫滾動的文字 （3）按T鍵（或單擊文本工具），在文本屬性面板上，設(shè)置文字為“宋體，20號，#996600”。在“滾動文字”元件編輯區(qū)的中心附近，拖動出一個方框，按Ctrl+V粘貼文字。如圖4-67所示。,一、制作主界面,圖 4-67 輸入文字,4. 制作遮罩層動畫滾動的文字 （4）按V鍵（或單擊“選取工具”），在編輯區(qū)中單擊選中文字，在文本屬性上，設(shè)置文本寬為“260”，x和y坐標(biāo)都為0。如圖4-68所示。按F8鍵將文字轉(zhuǎn)化為圖形元件，命名為“課程

42、簡介-靜止”。 （5）單擊圖層1的第400幀，按F6鍵插入關(guān)鍵幀。在編輯區(qū)中選中文字，在屬性面板上，將文字的Y值（縱坐標(biāo)）設(shè)為“-1300”，使文字往上放置。,一、制作主界面,圖 4-68 修改文字的寬度和位置,4. 制作遮罩層動畫滾動的文字 （6）右鍵單擊第1至399幀的任意一幀，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動畫”命令。按回車鍵可以觀看文字向上運(yùn)動的效果。 （7）單擊“插入圖層”按鈕，插入“圖層 2”，單擊工具箱中的“矩形工具”，單擊圖層2的第1幀，在編輯區(qū)中繪制一個長方形。單擊“選取工具”，將長方形設(shè)置為“寬：280；高：-250；x：0；y：-240”，顏色不限，如圖4-69所示。,

43、一、制作主界面,一、制作主界面,圖 4-69 繪制長方形,4. 制作遮罩層動畫滾動的文字 （8）右鍵單擊圖層2，在彈出的快捷菜單中選擇“遮罩”命令，以便創(chuàng)建遮罩圖層，如圖4-70所示。,一、制作主界面,圖 4-70 創(chuàng)建遮罩層,4. 制作遮罩層動畫滾動的文字 （9）單擊編輯區(qū)左上角“場景1”，回到場景編輯狀態(tài)。新建名為“滾動文字”的圖層，選中該圖層的第1幀，從庫中將“滾動文字”元件拖放到舞臺上，如圖4-71所示。,一、制作主界面,圖 4-71 使用“滾動文字”元件,1. 新建場景 （1）選擇“窗口其他面板場景”菜單，在場景面板上單擊“添加場景”按鈕三次，建立三個新的場景，如圖4-72所示。 （

44、2）雙擊面板中的“場景 1”，輸入“主界面”。使用同樣的方法分別將其余場景命名為“教學(xué)大綱”、“案例欣賞”和“參考網(wǎng)站”，如圖4-73所示。,二、制作教學(xué)大綱模塊,圖 4-72 添加場景,圖 4-73 修改場景名稱,1. 新建場景 （3）單擊“場景切換”按鈕，在彈出的菜單中選擇“教學(xué)大綱”，以便切換到了新的場景，如圖4-74所示。,圖 4-74 切換場景按鈕,二、制作教學(xué)大綱模塊,2. 使用ScrollPane組件 利用該組件可制作帶有滾動條的內(nèi)容顯示區(qū)。 （1）使用“文件導(dǎo)入”命令和文本工具、矩形工具等，制作如圖4-75所示的畫面。,圖 4-75 教學(xué)大綱的背景和標(biāo)題,二、制作教學(xué)大綱模塊,

45、2. 使用ScrollPane組件 （2）新建名為“內(nèi)容”的圖層，選中該圖層的第1幀。按Ctrl+F7鍵，打開“組件”面板，從“組件”面板中拖動ScrollPane組件到舞臺上建立實(shí)例。在實(shí)例屬性面板上設(shè)置“寬: 750;高: 450;x: 30;y: 90”，調(diào)整好組件實(shí)例的大小和位置，如圖4-76所示。,圖 4-76 使用ScrollPane組件,二、制作教學(xué)大綱模塊,2. 使用ScrollPane組件 （3）在ScrollPane的屬性面板上選擇“參數(shù)”選項卡，設(shè)置contentPath參數(shù)的值為“mcplan”，vScrollPolicy的值為on，如圖4-77所示。,圖 4-77 組

46、件的參數(shù),二、制作教學(xué)大綱模塊,為了使用ScrollPane組件，需要把教學(xué)大綱的內(nèi)容封裝在一個影片剪輯元件中。因此，首先，下面制作“教學(xué)大綱內(nèi)容”電影剪輯。 1按Ctrl+F8鍵，在“元件屬性”對話框中，輸入名稱為“教學(xué)大綱內(nèi)容”，類型為“影片剪輯”。單擊“高級/基本”切換按鈕展開更多屬性，選中“為ActionScript導(dǎo)出”復(fù)選項，在“標(biāo)示符”文本框中輸入上一步驟中定義的“mcplan”，如圖4-78所示。,三、制作“教學(xué)大綱內(nèi)容”電影剪輯,三、制作“教學(xué)大綱內(nèi)容”電影剪輯,圖 4-78 新建“教學(xué)大綱內(nèi)容”元件,三、制作“教學(xué)大綱內(nèi)容”電影剪輯,2進(jìn)入“教學(xué)大綱內(nèi)容”元件的編輯狀態(tài)，修

47、改圖層名稱為“文字”。打開素材文件夾中的“教學(xué)大綱.txt”，將“教學(xué)大綱.txt”中的內(nèi)容復(fù)制到Flash中。并且，將在文字的屬性面板中設(shè)置“寬: 700；x: 0；y: 0; 字號: 20”，如圖4-79所示。,圖 4-79 設(shè)置文本格式,三、制作“教學(xué)大綱內(nèi)容”電影剪輯,3新建名為“圖書”的圖層，在其第1幀，選擇“文件導(dǎo)入”命令，將素材文件夾下的“跟我學(xué)網(wǎng)頁設(shè)計”文件導(dǎo)入到舞臺上。選中圖片，按Q鍵，對圖片進(jìn)行變形調(diào)整，適當(dāng)改變圖片大小，如圖4-80所示。,圖 4-80 導(dǎo)入并調(diào)整圖片,三、制作“教學(xué)大綱內(nèi)容”電影剪輯,4單擊元件編輯區(qū)左上角的“教學(xué)大綱”，回到場景。點(diǎn)擊“控制測試場景”

48、，觀看“教學(xué)大綱”場景的效果。 本課件剩余的“案例欣賞”和“參考網(wǎng)站”場景的動畫制作與“教學(xué)大綱”場景制作類似，,四、動作腳本實(shí)現(xiàn)Flash交互,Flash的交互是通過動作腳本（ActionScript）來實(shí)現(xiàn)的。 Flash可以為三種對象分配動作腳本，分別是：關(guān)鍵幀（Key Frame）、按鈕（Button）實(shí)例、電影剪輯（Movie Clip）實(shí)例。 下面以教學(xué)大綱模塊為例，練習(xí)如何運(yùn)用動作腳本實(shí)現(xiàn)“主界面”和“教學(xué)大綱”場景之間的切換。,四、動作腳本實(shí)現(xiàn)Flash交互,1. 制作教學(xué)大綱的返回按鈕元件 （1）按Ctrl+F8鍵，在“創(chuàng)建新元件”窗口中，輸入名稱為“返回按鈕”，類型為“按鈕

49、”，然后單擊“確定” 按鈕，如圖4-81所示。 提示：進(jìn)入按鈕元件編輯狀態(tài)，我們發(fā)現(xiàn)它與其他的元件的時間軸完全不同（圖4-82）。按鈕元件的時間軸只包含向上（Up）、經(jīng)過（Over）、向下（Down）和點(diǎn)擊（Hit）四個幀，每個幀分別對應(yīng)了按鈕的四個狀態(tài)。,圖 4-81 新建按鈕元件,圖4-82 按鈕元件的四個幀,四、動作腳本實(shí)現(xiàn)Flash交互,制作教學(xué)大綱的返回按鈕元件 （2）單擊工具箱上的“橢圓工具”，在工具箱上將邊框線設(shè)為黑色，填充顏色設(shè)為紅色漸變，在彈起幀繪制一個橢圓，如圖4-83所示。,圖 4-83 繪制橢圓,四、動作腳本實(shí)現(xiàn)Flash交互,制作教學(xué)大綱的返回按鈕元件 （3）單擊“指

50、針經(jīng)過”幀，按F6插入關(guān)鍵幀，在橢圓的屬性面板上將橢圓的顏色改為綠色漸變；同樣的方法，在“按下”幀插入關(guān)鍵幀，將該幀的橢圓改為藍(lán)色漸變，如圖4-84所示。,圖 4-84 按鈕的各個幀,四、動作腳本實(shí)現(xiàn)Flash交互,制作教學(xué)大綱的返回按鈕元件 （4）添加并選中新圖層，運(yùn)用“文本工具”在舞臺上輸入“返回”，如圖4-85所示。 （5）單擊編輯區(qū)左上角的“教學(xué)大綱”，將“返回按鈕”元件從庫面板中拖動至舞臺中，如圖4-86所示。,圖 4-85 輸入按鈕的文字標(biāo)簽,圖 4-86 使用返回按鈕,四、動作腳本實(shí)現(xiàn)Flash交互,2. 制作主界面的透明菜單按鈕 主界面的菜單按鈕是透明的、動態(tài)的，當(dāng)鼠標(biāo)移至按鈕

51、上方時，按鈕的半透明背景能夠忽明忽暗地閃爍。 （1）切換至“主界面”場景。按Ctrl+F8鍵，在“創(chuàng)建新元件”窗口中，輸入名稱為“透明按鈕”，類型為“按鈕”，如圖4-87所示。,圖 4-87 添加按鈕元件,四、動作腳本實(shí)現(xiàn)Flash交互,2. 制作主界面的透明菜單按鈕 （2）選中“指針經(jīng)過”幀，按F6鍵在此插入關(guān)鍵幀。利用“矩形工具”，在屏幕的十字附近繪制一個如圖4-88所示的白色矩形。然后在單擊“點(diǎn)擊”幀，按F6鍵同樣插入關(guān)鍵幀。,圖 4-88 指針經(jīng)過幀,四、動作腳本實(shí)現(xiàn)Flash交互,2. 制作主界面的透明菜單按鈕 （3）單擊關(guān)鍵幀“指針經(jīng)過”，此時在編輯區(qū)上將選中該關(guān)鍵幀的所有內(nèi)容，即

52、剛才繪制的白色矩形，如圖4-89所示。按F8鍵，將白色矩形轉(zhuǎn)化為名為“閃爍-靜止”的圖形元件；再次按F8鍵，將白色矩形再次轉(zhuǎn)化為名為“閃爍-動畫”的電影剪輯元件。,圖 4-89 將白色矩形轉(zhuǎn)化為元件,四、動作腳本實(shí)現(xiàn)Flash交互,2. 制作主界面的透明菜單按鈕 （4）在編輯區(qū)中雙擊白色矩形，進(jìn)入“閃爍-動畫”元件的編輯狀態(tài)，如圖4-90所示。 （5）單擊選中白色矩形，在其屬性面板上的“顏色”下拉框設(shè)“Alpha: 20%”。單擊第5幀，按F6插入關(guān)鍵幀；單擊第10幀，按F6鍵插入關(guān)鍵幀，如圖4-91所示。,圖4-91 插入關(guān)鍵幀,圖 4-90 編輯閃爍元件,四、動作腳本實(shí)現(xiàn)Flash交互,2

53、. 制作主界面的透明菜單按鈕 （6）在時間軸上單擊第5幀處，將當(dāng)前幀定位到第5幀。單擊矩形，在其屬性面板上將顏色設(shè)為“Alpha：0%”，使得矩形透明而不可見。 （7）分別右擊第1幀、第5幀，并在彈出菜單中選擇“創(chuàng)建補(bǔ)間動畫”命令。按鈕制作完畢，如圖4-92所示。,圖 4-92 創(chuàng)建補(bǔ)間動畫,四、動作腳本實(shí)現(xiàn)Flash交互,2. 制作主界面的透明菜單按鈕 （8）單擊編輯區(qū)左上角的“主界面”，回到場景編輯狀態(tài)。添加一個名為“菜單”的圖層，單擊“菜單”圖層的第1幀，打開“庫”面板，將“透明按鈕”從庫中拖動三次到舞臺上，并調(diào)整按鈕實(shí)例的位置，如圖4-93所示。,圖 4-93 使用按鈕元件,四、動作腳

54、本實(shí)現(xiàn)Flash交互,2. 制作主界面的透明菜單按鈕 （9）利用“文本工具”和“文件導(dǎo)入”命令，在按鈕上方添加如圖4-94所示的內(nèi)容，完成三個按鈕的制作。相關(guān)圖標(biāo)位于素材文件夾中。,圖 4-94 主界面的菜單,四、動作腳本實(shí)現(xiàn)Flash交互,3. 添加動作腳本 可在適當(dāng)?shù)胤教砑觿幼髂_本。 （1）主界面的動作 右鍵單擊“菜單”圖層的第1幀，在彈出菜單中選擇“動作”命令，在右側(cè)的代碼窗口中輸入“stop( );”，如圖4-95所示。,圖 4-95 添加幀動作,四、動作腳本實(shí)現(xiàn)Flash交互,3. 添加動作腳本 （1）主界面的動作 在舞臺上右鍵單擊透明按鈕，在彈出菜單中選擇“動作”，在右側(cè)的代碼窗口

55、中輸入如下代碼： on (press) gotoAndPlay(“教學(xué)大綱”, 1) ; ,四、動作腳本實(shí)現(xiàn)Flash交互,3. 添加動作腳本 （2）“教學(xué)大綱”場景的動作 右鍵單擊“內(nèi)容”圖層的第一幀，在彈出菜單中選擇“動作”，在右側(cè)的代碼窗口中輸入“stop( );”。 切換至“教學(xué)大綱”場景。在舞臺上右鍵單擊“返回”按鈕，在彈出菜單中選擇“動作”，在右側(cè)的代碼窗口中輸入如下代碼： on (press) gotoAndPlay(“主界面”, 1) ; ,五、測試與輸出影片,1選擇“窗口測試影片”命令，觀看動畫效果。點(diǎn)擊動畫中的按鈕，檢查按鈕是否正常。 2選擇“文件導(dǎo)出導(dǎo)出影片”命令，將Fl

56、ash導(dǎo)出SWF文件。此外，也可以先選擇“文件發(fā)布設(shè)置”命令進(jìn)行導(dǎo)出的設(shè)置（如圖4-96），然后選擇“文件發(fā)布”命令輸出影片。,圖 4-96 發(fā)布設(shè)置,Flash課件設(shè)計與制作的心得總結(jié)：（在制作過程中遇到了什么問題？你是如何解決的？）,4.5 網(wǎng)絡(luò)課程的設(shè)計與開發(fā),網(wǎng)絡(luò)課程是通過網(wǎng)絡(luò)表現(xiàn)的某門學(xué)科的教學(xué)內(nèi)容及實(shí)施的教學(xué)活動的總和，它包括兩個組成部分：按一定的教學(xué)目標(biāo)、教學(xué)策略組織起來的教學(xué)內(nèi)容和網(wǎng)絡(luò)教學(xué)支撐環(huán)境。其中網(wǎng)絡(luò)教學(xué)支撐環(huán)境特指支持網(wǎng)絡(luò)教學(xué)的軟件工具、教學(xué)資源以及在網(wǎng)絡(luò)教學(xué)平臺上實(shí)施的教學(xué)活動。網(wǎng)絡(luò)課程包括教學(xué)內(nèi)容、學(xué)習(xí)資源、教學(xué)策略、學(xué)習(xí)支持、學(xué)習(xí)評價和教學(xué)活動的總和，如圖4-97

57、所示。網(wǎng)絡(luò)課程中各要素的不同組織方式形成了網(wǎng)絡(luò)課程不同的結(jié)構(gòu)。,一、網(wǎng)絡(luò)課程的概念,圖 4-97 網(wǎng)絡(luò)課程構(gòu)成要素及設(shè)計原理示意圖,一、網(wǎng)絡(luò)課程的概念,二、網(wǎng)絡(luò)課程的基本特性,1課程框架的完整性 為了讓學(xué)生通過對網(wǎng)絡(luò)課程的學(xué)習(xí)，完整地掌握一門課程的內(nèi)容，網(wǎng)絡(luò)課程應(yīng)當(dāng)具有一個非常系統(tǒng)的框架結(jié)構(gòu)，結(jié)構(gòu)中的各個組成部分之間有著邏輯的聯(lián)系。這種復(fù)雜的框架結(jié)構(gòu)是簡單的課件所不具備的。 2交互性 網(wǎng)絡(luò)課程作為一個學(xué)習(xí)者學(xué)習(xí)的平臺，必須具有一個友好的人機(jī)交互界面。交互界面是學(xué)生和計算機(jī)進(jìn)行信息交換的通道，在網(wǎng)絡(luò)課程當(dāng)中，交互的形式包括有菜單、圖標(biāo)、按鈕、窗口、對話框、熱鍵、超鏈接、Email、聊天室、BBS

58、等。,二、網(wǎng)絡(luò)課程的基本特性,3多種媒體集成 網(wǎng)絡(luò)課程是由文本、圖形、動畫、聲音、視頻等多種媒體信息集成在一起，經(jīng)過加工和處理所形成的教學(xué)系統(tǒng)。正因為多媒體教學(xué)軟件具有多種媒體的集成性，圖文聲像并茂，具有較強(qiáng)的表現(xiàn)力和感染力，所以能引起學(xué)生的學(xué)習(xí)興趣和提高學(xué)生的學(xué)習(xí)積極性。 4可更新 由于網(wǎng)絡(luò)課程是基于internet而存在的，因此便于更新是網(wǎng)絡(luò)課程的特性，這一特征可以在某種程度上指導(dǎo)教師的教學(xué)設(shè)計。,三、網(wǎng)絡(luò)課程的構(gòu)成,完整的網(wǎng)絡(luò)課程應(yīng)由如下幾個系統(tǒng)構(gòu)成： （1）教學(xué)內(nèi)容系統(tǒng)：包括課程簡介、目標(biāo)說明、教學(xué)計劃、知識點(diǎn)內(nèi)容、典型實(shí)例、多媒體素材等。 （2）開放的教學(xué)環(huán)境系統(tǒng)：包括相關(guān)內(nèi)容、參考文獻(xiàn)、