模塊多媒體教學(xué)課件的設(shè)計與開發(fā)

模塊多媒體教學(xué)課件的設(shè)計與開發(fā)第1頁，共153頁，2023年，2月20日，星期五4.1多媒體教學(xué)課件概述第2頁，共153頁，2023年，2月20日，星期五一、多媒體課件的類型

多媒體課件是一種根據(jù)教學(xué)目標設(shè)計，表達特定教學(xué)內(nèi)容，反映一定教學(xué)策略的計算機教學(xué)程序。按照教學(xué)功能劃分，多媒體課件可分為:1．課堂教學(xué)型2．自主學(xué)習(xí)型3．資料工具型4．練習(xí)測試型5．模擬實驗型6．教學(xué)游戲型第3頁，共153頁，2023年，2月20日，星期五二、多媒體課件開發(fā)與設(shè)計的原則1．教育性原則2．科學(xué)性原則3．控制性原則4．藝術(shù)性原則5．經(jīng)濟性原則第4頁，共153頁，2023年，2月20日，星期五三、多媒體課件素材的特點及格式（一）多媒體課件素材的特點在制作多媒體課件中，常用到的素材有文本、圖形/圖像、音頻、動畫、視頻等。文本。文本信息主要指在計算機屏幕上呈現(xiàn)的文字內(nèi)容，它是準確、有效地傳播教學(xué)信息的重要媒體元素。圖片。圖片是學(xué)習(xí)者很容易接受的信息，一幅圖片可以形象、生動、直觀地表現(xiàn)出大量的信息。音頻。波形音頻是記錄聲音的最直接形式，對記錄與播放的環(huán)境要求不高，在多媒體教學(xué)軟件中應(yīng)用也相當(dāng)多。音頻包括音樂、語音和各種音響效果。動畫。動畫是對事物運動、變化過程的模擬，可以用來模擬事物的變化過程、說明科學(xué)原理。視頻。與動畫相比，視頻是對現(xiàn)實世界的真實記錄。視頻信息量比較大，具有更強的感染力，適宜呈現(xiàn)一些學(xué)習(xí)者感覺比較陌生的事物。第5頁，共153頁，2023年，2月20日，星期五三、多媒體課件素材的特點及格式（二）多媒體素材的常見格式文本:.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第6頁，共153頁，2023年，2月20日，星期五三、多媒體課件素材的特點及格式小知識

實踐中常會出現(xiàn)由于圖片、音頻、動畫和視頻的存儲格式選擇不當(dāng)，造成多媒體課件占用空間大、品質(zhì)低的問題，因此平衡文件大小與質(zhì)量之間的關(guān)系是制作課件首要考慮的事情。下面是四類素材應(yīng)用于課件的一般規(guī)律：圖片素材：課件制作中如果涉及到圖像，一般使用JPG格式，大小控制在100～200KB之間；如果涉及圖形，一般使用GIF格式，大小控制在100K內(nèi)。音頻素材：一般使用WMA或者MP3格式的音頻文件，流量控制在16～128Kb/s之間。動畫素材：一般使用GIF和SWF格式的動畫文件，前者適用小卡通動畫，大小控制在100K內(nèi)，后者適用于各種類型的動畫，交互性很強，播放暢快，大小一般控制在10M內(nèi)。視頻素材：常使用WMV格式的視頻文件，流量控制在250KB/S左右。第7頁，共153頁，2023年，2月20日，星期五4.2演示文稿課件制作

第8頁，共153頁，2023年，2月20日，星期五

PowerPoint是MicrosoftOffice辦公套裝中的一個組件，也稱為幻燈片。PowerPoint簡單易學(xué)，非常適合于學(xué)科教師根據(jù)自己的教學(xué)需要制作簡單的多媒體課件。1．演示文稿的基本功能PowerPoint簡介基本功能說明幻燈片支持是演示文稿的基本單位，承載屏幕顯示信息媒體支持每張幻燈片支持文字、圖形圖像、視頻和聲音的集成和使用表格支持提供表格的建立和編輯超級鏈接提供演示文稿內(nèi)、外的超鏈接，支持網(wǎng)絡(luò)鏈接動畫支持提供幻燈片上媒體對象的動畫支持，提供幻燈片切換動態(tài)效果數(shù)據(jù)圖表提供多種形式數(shù)據(jù)圖表演示播放按順序播放，支持播放重組第9頁，共153頁，2023年，2月20日，星期五PowerPoint簡介封面幻燈片內(nèi)容：標題作者其它信息（如單位、時間等）目錄幻燈片

內(nèi)容：導(dǎo)航目錄布局知識內(nèi)容幻燈片

內(nèi)容：文字內(nèi)容素材形式布局動畫效果圖4-1演示文稿的基本架構(gòu)

2．演示文稿的基本架構(gòu)設(shè)計第10頁，共153頁，2023年，2月20日，星期五課堂活動實踐

用PowerPoint2003制作多媒體課件1．確定教學(xué)內(nèi)容本次實踐內(nèi)容以高中語文課程標準實驗教材第四冊，第二單元中蘇軾的詞《念奴嬌·赤壁懷古》為例。念奴嬌赤壁懷古大江東去，浪淘盡，千古風(fēng)流人物。故壘西邊，人道是，三國周郎赤壁。亂石穿空，驚濤拍岸，卷起千堆雪。江山如畫，一時多少豪杰。遙想公瑾當(dāng)年，小喬初嫁了，雄姿英發(fā)。羽扇綸巾，談笑間，檣櫓灰飛煙滅。故國神游，多情應(yīng)笑我，早生華發(fā)。人生如夢，一尊還酹江月。第11頁，共153頁，2023年，2月20日，星期五課堂活動實踐

2．設(shè)計課件結(jié)構(gòu)主界面導(dǎo)航赤壁風(fēng)光課后作業(yè)文章注釋文章分析作者平生文章朗讀封面首頁圖4-2課件呈現(xiàn)的結(jié)構(gòu)圖第12頁，共153頁，2023年，2月20日，星期五課堂活動實踐

3．主要教學(xué)內(nèi)容及相關(guān)素材收集文字、聲音、圖片來自互聯(lián)網(wǎng)，視頻截取DVD。參考網(wǎng)站：人民教育出版社網(wǎng)站，中學(xué)語文網(wǎng)中網(wǎng)，赤壁網(wǎng)。第13頁，共153頁，2023年，2月20日，星期五課堂活動實踐

4．課件制作（1）封面制作第1步：設(shè)置背景課件中使用與主題內(nèi)容相適應(yīng)的背景，將起到烘托主題的作用。選擇菜單欄中“格式/背景/填充效果/圖片/選擇圖片”，在彈出的窗口中，根據(jù)圖片所存的地址位置找到所需的圖片并插入，如圖4-3所示。按“確定”后，再選擇“全部應(yīng)用”。第14頁，共153頁，2023年，2月20日，星期五課堂活動實踐

圖4-3幻燈片背景設(shè)置第15頁，共153頁，2023年，2月20日，星期五課堂活動實踐

第2步：插入標題文字及圖片第3步：聲音運用在課件中運用聲音有很多方式，可以用插入方式，也可在幻燈片切換中添加背景聲音，但這兩種方式對聲音的控制效果不好，為了便于對聲音的控制，可采用控件的方式插入聲音。通過插入的媒體播放器中的[播放]、[停止]、[暫停]和[調(diào)節(jié)音量]等按鈕對聲音進行控制。具體方式是：選擇菜單欄中“視圖/工具欄/控件工具箱/其它控件/WindowsMediaPlayer”,插入媒體播放器，用鼠標選擇窗口大小，在屬性欄URL中設(shè)置聲音文件的路徑，如圖4-4所示。第16頁，共153頁，2023年，2月20日，星期五課堂活動實踐

圖4-4幻燈片封面設(shè)計第17頁，共153頁，2023年，2月20日，星期五課堂活動實踐

（2）課件主界面及導(dǎo)航的制作插入標題、圖片和按鈕（方法同上）。（3）對象超鏈接的設(shè)置（以文章朗讀的超鏈接為例）第1步：文章朗讀的超鏈接幻燈片間的超鏈接可以在文字上做超鏈接，也可以在圖片上做超鏈接，這里選在文字上做超鏈接。鼠標選中“文章朗讀”，然后單擊鼠標右鍵，在彈出的菜單中選擇“超鏈接”，然后選擇“本文檔中的位置”，然后選中“幻燈片8”文章朗讀，點擊“確定”即可。如圖4-5所示。第18頁，共153頁，2023年，2月20日，星期五課堂活動實踐

圖4-5幻燈片超鏈接設(shè)置第19頁，共153頁，2023年，2月20日，星期五課堂活動實踐

（4）頁面的切換設(shè)置選擇菜單欄中“幻燈片放映/幻燈片切換”，在彈出的幻燈片切換窗口中選擇切換的方式，如“盒狀展開”，還可以選擇速度，如需要也可加入聲音和設(shè)置換片方式。如圖4-6所示。第20頁，共153頁，2023年，2月20日，星期五課堂活動實踐

圖4-6幻燈片切換設(shè)置第21頁，共153頁，2023年，2月20日，星期五課堂活動實踐

5．課件的保存和演示課件制作完畢，進行保存。演示課件，觀看效果。PPT演示文稿課件制作的心得總結(jié)：（在制作過程中遇到了什么問題？你是如何解決的？）

第22頁，共153頁，2023年，2月20日，星期五4.3網(wǎng)頁課件制作與發(fā)布

第23頁，共153頁，2023年，2月20日，星期五Dreamweaver簡介Dreamweaver8是Macromedia新開發(fā)的HTML編輯器，用于對Web站點、Web頁和Web應(yīng)用程序進行設(shè)計、編碼和開發(fā)，是一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具，Dreamweaver8包含有一個嶄新、簡潔、高效的界面，且性能也得到了改進。此外，還包含了眾多新增的功能，改善了軟件的易用性，無論處于設(shè)計環(huán)境還是編碼環(huán)境都可以方便地生成頁面。

第24頁，共153頁，2023年，2月20日，星期五課堂活動實踐

Dreamwaver8制作多媒體課件1．確定教學(xué)內(nèi)容以人教版小學(xué)語文第六冊第一課《荷花》為例，將搜集到的荷花相關(guān)資源虛擬成專題網(wǎng)站──“荷花小站”?！昂苫ㄐ≌尽痹O(shè)有五個部分，分別為“走進課堂”、“增長見識”、“燦爛文化”、“荷花資源”、“荷言荷語”。這當(dāng)中既包括課堂教學(xué)所用的資源，也包括供學(xué)生課后拓展性學(xué)習(xí)的資源。第25頁，共153頁，2023年，2月20日，星期五Dreamwaver8制作多媒體課件（1）建立站點①打開“我的電腦”窗口，在E盤建立網(wǎng)頁的存放文件夾E:\myweb。②在站點文件夾myweb中建立圖片文件夾：E:\myweb\images；（作為默認的標準，統(tǒng)一用“Images”命名）。將本課中相關(guān)的圖片、視頻等資源復(fù)制到images文件夾中。小提示：站點里存放了網(wǎng)頁、圖片、音頻和視頻等各種資源，建立站點，有利于統(tǒng)一組織和管理與網(wǎng)頁相關(guān)的各類文檔。建站時根據(jù)不同的文件類型建立文件夾（如：建立images存放圖片），以方便分類管理站點中的各種資源。第26頁，共153頁，2023年，2月20日，星期五③啟動Dreamwaver8，單擊菜單“站點>新建站點”，設(shè)置如圖4-7。圖4-7定義荷花站點Dreamwaver8制作多媒體課件第27頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面現(xiàn)在開始制作一個有圖片、文字和背景的簡單頁面“song”，如圖4-8所示。圖4-8簡單頁面Dreamwaver8制作多媒體課件第28頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面①菜單“文件>新建”，選擇“基本頁>HTML”，點擊“創(chuàng)建”，如圖4-9所示。圖4-9新建文檔窗口Dreamwaver8制作多媒體課件第29頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面②輸入詩歌的標題和文字，選中標題，在屬性面板中，按照圖4-10設(shè)置詩歌的標題“居中”、大小“18像素（px）”、“粗體”。圖4-10設(shè)置文字格式Dreamwaver8制作多媒體課件第30頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面③選中文字，在“字體”選項框中選擇，黑體，設(shè)置文字為“黑體”，如圖4-11所示。圖4-11編輯字體列表Dreamwaver8制作多媒體課件第31頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面④插入圖片，光標定位在文字的左上方，在“常用”工具欄中，選擇“圖像”按鈕，插入圖片。⑤在屬性面板中設(shè)置圖片對齊方式，如圖4-12所示。圖4-12插入和設(shè)置圖片Dreamwaver8制作多媒體課件第32頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面⑥設(shè)置網(wǎng)頁的背景顏色，“修改>頁面”，按照圖4-13設(shè)置修改頁面屬性。圖4-13頁面屬性Dreamwaver8制作多媒體課件第33頁，共153頁，2023年，2月20日，星期五（2）制作一個簡單的頁面⑦保存頁面，選擇“文件>保存”，文件名存為“song.htm”。⑧單擊預(yù)覽按鈕>“預(yù)覽在IExplorer6.0”,預(yù)覽網(wǎng)頁的效果。Dreamwaver8制作多媒體課件第34頁，共153頁，2023年，2月20日，星期五（3）創(chuàng)建鏈接參照以上的的方法，創(chuàng)建網(wǎng)頁“introduce.html”（如圖4-14所示）圖4-14introduce.html頁面Dreamwaver8制作多媒體課件第35頁，共153頁，2023年，2月20日，星期五（3）創(chuàng)建鏈接①在“introduce.html”中選中“舟過安仁”，用鏈接錨點選中鏈接的網(wǎng)頁名稱，如圖4-15所示?；蛘邌螕簟拔募A”按鈕進行設(shè)置。當(dāng)選中文字下方出現(xiàn)下劃線表示鏈接設(shè)置成功，保存設(shè)置。圖4-15添加鏈接Dreamwaver8制作多媒體課件第36頁，共153頁，2023年，2月20日，星期五Dreamwaver8制作多媒體課件（3）創(chuàng)建鏈接②打開“song.html”，選中要鏈接的字體“返回介紹”，用同樣的方法進行鏈接設(shè)置。③保存設(shè)置，單擊F12預(yù)覽網(wǎng)頁效果，可以看到兩個頁面可以相互鏈接訪問。第37頁，共153頁，2023年，2月20日，星期五Dreamwaver8制作多媒體課件（4）創(chuàng)建首頁“index.html”①新建頁面，單擊菜單“插入>表格”，用于定位頁面上方的Flash動畫，如圖4-16所示。選中表格，在屬性面板上設(shè)置為“居中對齊”，如圖4-17所示。圖4-16表格窗口圖4-17表格屬性面板第38頁，共153頁，2023年，2月20日，星期五Dreamwaver8制作多媒體課件（4）創(chuàng)建首頁“index.html”②在表格內(nèi)部單擊，選擇菜單“插入>媒體>Flash”。選中E:\myweb\images下的“top.swf”后單擊“確定”，如圖4-18所示。圖4-18插入Flash第39頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”③單擊圖4-19的“預(yù)覽在IExplorer6.0F12”,預(yù)覽目前的效果。圖4-19預(yù)覽網(wǎng)頁Dreamwaver8制作多媒體課件第40頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”

④單擊菜單“插入>表格”，按照圖4-20設(shè)置制作網(wǎng)頁的主體部分。在表格屬性面板中設(shè)置表格的屬性，如圖4-21所示。圖4-20表格窗口圖4-21表格屬性面板Dreamwaver8制作多媒體課件第41頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”

⑤在表格內(nèi)部單擊，選擇菜單“插入>表格”，插入一個1行5列的表格，把制作好的圖片插入到表格中；按照圖4-22設(shè)置左部分的單元格的“屬性”，效果如圖4-23所示。圖4-22單元格屬性Dreamwaver8制作多媒體課件第42頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”

圖4-23頁面效果圖Dreamwaver8制作多媒體課件第43頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”⑥在文字“首頁》走進課堂”的下方，單擊“插入”>“HTML”>“水平線”，插入一條水平線。⑦在水平線下方插入一個1行2列的表格。按照圖4-23在左單元格輸入文字，右單元格插入圖片。設(shè)置鏈接，單擊“楊萬里”能鏈接到“introduce.html”。⑧再插入第二條水平線，并輸入《荷花》這篇課文。⑨最后插入一個1行1列的表格，輸入版權(quán)信息，設(shè)置背景顏色。

Dreamwaver8制作多媒體課件第44頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”⑩設(shè)置背景，“修改>頁面”，按照圖4-24設(shè)置修改頁面屬性。

圖4-24修改頁面屬性Dreamwaver8制作多媒體課件第45頁，共153頁，2023年，2月20日，星期五（4）創(chuàng)建首頁“index.html”最后，選擇“文件”>保存”，保存頁面為index.html，保存目錄為E:\myweb\index.html。預(yù)覽網(wǎng)頁效果，如圖4-25所示。圖4-25index.htm頁面效果Dreamwaver8制作多媒體課件第46頁，共153頁，2023年，2月20日，星期五（5）創(chuàng)建網(wǎng)頁模板①對首頁進行修改，刪除不需要的內(nèi)容，只留下主框架，如圖4-26所示。

圖4-26頁面模板Dreamwaver8制作多媒體課件第47頁，共153頁，2023年，2月20日，星期五（5）創(chuàng)建網(wǎng)頁模板②單擊“文件”>“另存為模板”，按照圖4-27、圖4-28設(shè)置模板的名字。圖4-27另存為模板圖4-28另存模板名稱Dreamwaver8制作多媒體課件第48頁，共153頁，2023年，2月20日，星期五（5）創(chuàng)建網(wǎng)頁模板③右鍵單擊模板中的表格空白處，按照圖4-29所示新建模板可編輯區(qū)域。④輸入編輯區(qū)域的名稱，效果如圖4-30所示。設(shè)置完成，保存模板。

圖4-29新建可編輯區(qū)域圖4-30模板效果Dreamwaver8制作多媒體課件第49頁，共153頁，2023年，2月20日，星期五（6）利用模板建立網(wǎng)頁①單擊“文件”>“模板”，選擇剛才建立的模板“主頁”，如圖4-31所示。圖4-31從模板新建Dreamwaver8制作多媒體課件第50頁，共153頁，2023年，2月20日，星期五（6）利用模板建立網(wǎng)頁②在編輯區(qū)里插入2行1列的表格，在第一個單元格中輸入文字“首頁》增長見識”，在第二個單元格內(nèi)單擊“插入”>“媒體”>“shockwave”，在“選擇文件”窗口中，選擇“images/paint.wmv”視頻文件，如圖4-32所示。圖4-32插入視頻Dreamwaver8制作多媒體課件第51頁，共153頁，2023年，2月20日，星期五（6）利用模板建立網(wǎng)頁③保存網(wǎng)頁，預(yù)覽效果，如圖4-33所示。④用同樣的方法，利用模板，完成“荷花資源”網(wǎng)頁的制作，如圖4-34所示。圖4-33插入視頻后的效果圖4-34“荷花資源”網(wǎng)頁Dreamwaver8制作多媒體課件第52頁，共153頁，2023年，2月20日，星期五網(wǎng)頁課件制作的心得總結(jié)：（在制作過程中遇到了什么問題？你是如何解決的？）

Dreamwaver8制作多媒體課件第53頁，共153頁，2023年，2月20日，星期五4.4Flash課件設(shè)計與制作第54頁，共153頁，2023年，2月20日，星期五Flash簡介Flash是美國Macromedia公司出品的一款二維動畫制作軟件，是交互式矢量圖和Web動畫的標準，其中經(jīng)歷的歷史版本有Flash1-5、FlashMax2004、Flash8、FlashCS3、FlashCS4等。2005年，Macromedia公司被Adobe公司收購，當(dāng)前Flash的最新版本為AdobeFlashCS4。Flash與Dreamweaver、Fireworks并稱網(wǎng)頁設(shè)計三劍客，是網(wǎng)頁設(shè)計師的必備工具之一。Flash擁有強大的動畫制作和交互功能，廣泛應(yīng)用于制作多媒體交互網(wǎng)頁、游戲、動畫片、MTV、課件等。Flash非常適合制作網(wǎng)絡(luò)化的、強交互性的教學(xué)課件，其輸出的SWF格式精致小巧，非常適合互聯(lián)網(wǎng)上發(fā)布。第55頁，共153頁，2023年，2月20日，星期五

Flash的工作窗口主要包括菜單欄、工具欄、編輯區(qū)、層控制區(qū)、時間軸、屬性面板和功能面板等，如圖4-35所示。

菜單欄時間軸工具箱舞臺工作區(qū)屬性面板功能面板主工具欄圖4-35Flash的工作界面一、FlashCS3的界面第56頁，共153頁，2023年，2月20日，星期五1.時間軸動畫（Animation）是由一系列連續(xù)播放的靜止畫面組成的，這些靜止的畫面在Flash中稱為幀（Frame）。時間軸（Timeline）是對幀和圖層進行操作的地方，主要由圖層、幀和播放頭組成，分為左右兩個窗口：左窗口是圖層控制區(qū)，用來對圖層進行管理和操作；右窗口是幀控制區(qū)，用來對幀進行操作，如圖4-36所示。一、FlashCS3的界面第57頁，共153頁，2023年，2月20日，星期五圖4-36時間軸窗口添加引導(dǎo)性圖層圖層顯示比例播放頭幀刻度幀控制區(qū)場景名稱隱藏/顯示時間軸添加圖層添加圖層文件夾修改繪圖紙標記編輯多幀繪圖紙外觀輪廓刪除圖層繪圖紙外觀圖層控制區(qū)一、FlashCS3的界面第58頁，共153頁，2023年，2月20日，星期五（1）圖層控制區(qū)圖層（Layer）類似于AdobePhotoshop中圖層的概念，各個圖層上的幀是相互獨立的。如同4-37所示。因此，在有多個圖層之后，關(guān)于幀的操作必須指明是哪個圖層的哪個幀。顯示/隱藏所有圖層顯示/隱藏所有圖層的輪廓鎖定/解鎖所有圖層鎖定/解鎖圖層顯示/隱藏圖層的輪廓當(dāng)前選定圖層顯示/隱藏圖層圖4-37圖層控制區(qū)一、FlashCS3的界面第59頁，共153頁，2023年，2月20日，星期五（2）幀控制區(qū)幀是構(gòu)成Flash動畫的基本單位，一個幀，就是指Flash中的一個畫面。在幀控制區(qū)中，每個小方格就是一個幀。Flash動畫就是按照一定速度連續(xù)地播放這些幀產(chǎn)生的。幀包括以下類型，見圖4-38。

圖4-38幀控制區(qū)及幀的類型普通幀普通幀的末尾處關(guān)鍵幀普通幀空白關(guān)鍵幀（變形）過渡幀（運動）過渡幀一、FlashCS3的界面第60頁，共153頁，2023年，2月20日，星期五①關(guān)鍵幀(KeyFrame)：關(guān)鍵幀是動畫制作時的關(guān)鍵畫面，有且只有關(guān)鍵幀才可以保存制作者對畫面內(nèi)容的編輯。時間軸上的關(guān)鍵幀可以包含F(xiàn)lash動畫中的各種內(nèi)容，例如文字、圖形、圖片、聲音、元件等各種對象?？瞻钻P(guān)鍵幀：如果一個關(guān)鍵幀在舞臺上沒有任何內(nèi)容，則稱之為空白關(guān)鍵幀，在時間軸上顯示為。②過渡幀：由計算機自動生成的畫面稱為過渡幀。過渡幀無須制作者手工編輯，它總是位于兩個關(guān)鍵幀之間，在時間軸上的底色為淺綠色（）或淺藍色（），并且包含一根帶有箭頭的直線。一、FlashCS3的界面第61頁，共153頁，2023年，2月20日，星期五③普通幀：普通幀的作用是簡單地延續(xù)前一個關(guān)鍵幀的內(nèi)容，在時間軸上，和都是普通幀，其中，延續(xù)的是空白關(guān)鍵幀。與關(guān)鍵幀不同，普通幀只能延續(xù)顯示前一個關(guān)鍵幀的內(nèi)容，不能保存制作者對內(nèi)容的修改。關(guān)于幀的常用快捷鍵如下：F5，插入普通幀；F6，插入關(guān)鍵幀；F7，插入空白關(guān)鍵幀。2.舞臺（Stage）工作區(qū)舞臺是編輯Flash畫面內(nèi)容的區(qū)域。舞臺中中央是一個白色或其他顏色的矩形區(qū)域，它是舞臺的工作區(qū)。在Flash作品輸出后，只有在舞臺工作區(qū)內(nèi)的對象，才能被用戶觀看到。一、FlashCS3的界面第62頁，共153頁，2023年，2月20日，星期五3.工具箱工具箱主要提供圖形繪制和圖形編輯等各種工具，把鼠標停留在工具箱某個按鈕上，軟件會提示該按鈕的名稱和快捷鍵（如圖4-39a）。有的工具按鈕左下角有一個小三角，在鼠標單擊不放開時，能夠彈出更多的工具供選擇（如圖4-39b）圖4-39工具箱一、FlashCS3的界面第63頁，共153頁，2023年，2月20日，星期五4.屬性面板屬性面板用于設(shè)置文件中當(dāng)前選中對象的屬性。因此，如果要設(shè)置某個對象的屬性，一般都需要先使用工具箱中的“選擇工具”選中對象。例如，如果“選擇工具”單擊舞臺空白區(qū)域，將呈現(xiàn)文檔屬性面板；如果單擊選中某個關(guān)鍵幀，則呈現(xiàn)幀屬性面板；如果單擊選中舞臺中的文字，則呈現(xiàn)文字屬性面板，如圖4-40所示。一、FlashCS3的界面第64頁，共153頁，2023年，2月20日，星期五文檔屬性面板幀屬性面板文字屬性面板圖4-40各種屬性面板一、FlashCS3的界面第65頁，共153頁，2023年，2月20日，星期五5.功能面板Flash是一個非常強大的軟件，包含一系列的功能面板，每個功能面板都提供某一方面的功能。默認界面上只呈現(xiàn)了少量的面板，其他功能面板可以通過“窗口”菜單來顯示或隱藏，常用的有“庫”、“公用庫”、“動作”、“對齊”、“顏色”、“變形”、“其他面板→場景”等。Flash中的工具箱、屬性面板和功能面板等都可以浮動在界面上，如果要恢復(fù)為默認的界面，單擊菜單“窗口→工作區(qū)→默認”。一、FlashCS3的界面第66頁，共153頁，2023年，2月20日，星期五Flash動畫不管如何復(fù)雜，都可以歸納為以下動畫類型：逐幀動畫 ：逐幀動畫是由連續(xù)的關(guān)鍵幀序列組成的，是最基本的動畫方式。與傳統(tǒng)的動畫的制作原理相同，逐幀動畫的每個幀都需要單獨編輯，制作工作量大，但它對動畫效果有很強的控制能力，適合較為復(fù)雜的動畫。在圖4-41中米老鼠動畫一共有12個關(guān)鍵幀，每個關(guān)鍵幀的畫面如圖所示，請仔細觀察云朵和腳步的變化。一、FlashCS3的界面第67頁，共153頁，2023年，2月20日，星期五二、Flash動畫的分類679128101134251圖4-41逐幀動畫的原理第68頁，共153頁，2023年，2月20日，星期五2.過渡動畫：Flash所擅長的不是逐幀動畫，而是過渡動畫。過渡動畫由兩個關(guān)鍵幀定義動畫序列的起始狀態(tài)和結(jié)束狀態(tài)，動畫的中間效果由計算機自動產(chǎn)生。過渡動畫提高了制作效率，在整個制作過程中，制作者只需要編輯好兩個首尾關(guān)鍵幀，中間的過渡幀由Flash自動生成。

二、Flash動畫的分類第69頁，共153頁，2023年，2月20日，星期五

過渡動畫進一步分為兩種：（1）運動過渡動畫：運動過渡動畫能夠產(chǎn)生位置、大小、旋轉(zhuǎn)、顏色屬性等變化效果，并且可以設(shè)置移動路徑、旋轉(zhuǎn)方向等動畫細節(jié)。運動過渡在時間軸上表現(xiàn)為淺藍色、帶箭頭直線的幀序列。尤其注意，運動過渡的動畫對象必須是集合體或者元件。（2）變形過渡動畫：變形過渡可以產(chǎn)生任意形狀、位置和顏色的平滑變化。尤其注意，變形過渡的動畫對象必須是打散的對象。二、Flash動畫的分類第70頁，共153頁，2023年，2月20日，星期五課堂實踐活動活動1用Flash制作簡單動畫

第71頁，共153頁，2023年，2月20日，星期五本例將制作一個依次顯示5、4、3、2、1進行倒計時的動畫，該動畫的第1、6、11、16、21幀是關(guān)鍵幀。1.新建文件：啟動Flash，點擊菜單“文件→新建”，設(shè)置如圖4-42所示，單擊“確定”。圖4-42新建文件一、逐幀動畫——倒計時第72頁，共153頁，2023年，2月20日，星期五2.制作第一個關(guān)鍵幀（1）單擊工具箱上的文本工具，在舞臺工作區(qū)內(nèi)單擊，輸入“5”。（2）單擊工具箱上的選取工具，在文字屬性面板上，改變“5”的字號和顏色，如圖4-43所示。圖4-43設(shè)置文字屬性一、逐幀動畫——倒計時第73頁，共153頁，2023年，2月20日，星期五3.制作其他關(guān)鍵幀（1）單擊第6幀，（見圖4-44），按鍵盤上的F6插入關(guān)鍵幀。（2）雙擊“5”，將之改成“4”。如圖4-45。

圖4-44單擊第6幀圖4-45編輯第6幀一、逐幀動畫——倒計時第74頁，共153頁，2023年，2月20日，星期五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+回車），在FlashPlayer播放器中觀看動畫效果。觀看完畢，關(guān)閉播放窗口。一、逐幀動畫——倒計時第75頁，共153頁，2023年，2月20日，星期五二、變形過渡動畫——正方形變成圓1.制作開始幀（1）新建文件，單擊工具箱的矩形工具，按住Shift鍵，在工作區(qū)拖動繪制出一個正方形。（2）單擊工具箱的選取工具，雙擊選中矩形的內(nèi)部，以便同時選擇矩形的邊框線和內(nèi)部填充。按照圖4-46所示，將矩形的邊框粗細設(shè)為5，顏色為紅色（#FF0000）；內(nèi)部填充為黃色（#FFFF00）。第76頁，共153頁，2023年，2月20日，星期五1.制作開始幀圖4-46設(shè)置圖形的屬性二、變形過渡動畫——正方形變成圓第77頁，共153頁，2023年，2月20日，星期五2.制作結(jié)束幀(1)單擊第30幀，按鍵盤上的F7鍵插入空白關(guān)鍵幀。(2)鼠標按住不放，在彈出菜單中選擇“橢圓工具”。按住Shift鍵，在工作區(qū)中拖動繪制一個圓。(3)單擊工具箱中的“選取工具”，雙擊選中圓的內(nèi)部，參考步驟前面的步驟，在圖形屬性面板上任意改變圓的邊框線和內(nèi)部填充的顏色，效果參考圖4-47所示。二、變形過渡動畫——正方形變成圓第78頁，共153頁，2023年，2月20日，星期五2.制作結(jié)束幀圖4-47在第30幀繪制圓二、變形過渡動畫——正方形變成圓第79頁，共153頁，2023年，2月20日，星期五3.創(chuàng)建過渡幀（1）右擊中間的某個幀（可以是第1幀至29幀的任意一幀），在彈出的快捷菜單中選擇“創(chuàng)建補間形狀”命令，如圖4-48所示。（2）按Ctrl+回車鍵或單擊“控制→測試影片”命令，觀看影片的輸出效果。

二、變形過渡動畫——正方形變成圓第80頁，共153頁，2023年，2月20日，星期五3.創(chuàng)建過渡幀圖4-48創(chuàng)建中間的過渡幀二、變形過渡動畫——正方形變成圓第81頁，共153頁，2023年，2月20日，星期五活動2用Flash制作多媒體課件第82頁，共153頁，2023年，2月20日，星期五用Flash制作如圖4-49所示的網(wǎng)絡(luò)課件。該課件涉及到的重要知識點：有導(dǎo)入素材、使用聲音、場景、按鈕元件、圖形元件、影片剪輯元件、動作腳本、蒙板圖層、引導(dǎo)線圖層、導(dǎo)出影片等。圖4-49課件的主界面用Flash制作多媒體課件第83頁，共153頁，2023年，2月20日，星期五一、制作主界面1.導(dǎo)入課件主界面的背景（1）點擊菜單“文件→新建”，選擇“Flash文件（ActionScript2.0）”選項，如圖4-50所示。（2）按Ctrl+J（或菜單“修改→文檔”），修改文檔的尺寸為800*560，背景顏色為#006666。見圖4-51。圖4-50新建文件圖4-51修改文檔屬性第84頁，共153頁，2023年，2月20日，星期五1.導(dǎo)入課件主界面的背景（3）按Ctrl+R鍵（或菜單“文件→導(dǎo)入→導(dǎo)入到舞臺”），選擇素材文件夾下的“背景圖a.jpg”（如圖4-52）。

圖4-52導(dǎo)入圖片一、制作主界面第85頁，共153頁，2023年，2月20日，星期五1.導(dǎo)入課件主界面的背景（4）單擊工作區(qū)右上角的顯示比例，將顯示比例設(shè)為“顯示幀”。單擊選中圖片，在位圖屬性工具欄上，將圖片的x、y坐標設(shè)為0（如圖4-53）。圖4-53修改圖片的位置一、制作主界面第86頁，共153頁，2023年，2月20日，星期五2.制作背景圖的圖形元件

（3）單擊圖層控制區(qū)的“插入圖層”按鈕，新建“圖層2”。選擇工具箱的“橢圓繪制工具”，在形狀屬性面板上，設(shè)置邊框線為白色、1px，填充顏色為（無色），單擊圖層2第1幀，按住Shift鍵在舞臺上拖動繪制一個圓，如圖4-56所示。圖4-56元件中繪制圓一、制作主界面第87頁，共153頁，2023年，2月20日，星期五2.制作背景圖的圖形元件

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

圖4-57從庫中拖動元件到舞臺一、制作主界面第89頁，共153頁，2023年，2月20日，星期五2.制作背景圖的圖形元件（6）利用“選取工具”選中一個圓，在實例屬性面板上將元件的透明度設(shè)置為25%。同樣地，將其他兩個圓實例的透明度設(shè)置為25%，如圖4-58所示。（7）單擊舞臺左上角的“場景1”，退出元件的編輯狀態(tài)，返回到場景的編輯狀態(tài)。

圖4-58元件的屬性面板一、制作主界面第90頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動該動畫利用影片剪輯元件來實現(xiàn)。（1）制作名為“標題-靜止”的圖形元件①按Ctrl+F8鍵（或“插入→新建元件”命令），創(chuàng)建一個名為“標題-靜止”的圖形元件。如圖4-59。

圖4-59創(chuàng)建新元件一、制作主界面第91頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動（1）制作名為“標題-靜止”的圖形元件

②按T鍵（或單擊“文本工具”），在文本屬性面板上設(shè)置字體為“黑體、35字號、白色”，在“標題-靜止”元件的編輯區(qū)的正中心“+”附近，輸入“《網(wǎng)頁制作》網(wǎng)絡(luò)課程”，如圖4-60所示。一、制作主界面圖4-60輸入標題文字第92頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動（1）制作名為“標題-靜止”的圖形元件

③按V鍵（或點擊選取工具），單擊選中標題文字，按Ctrl+C鍵復(fù)制。單擊時間軸上的“插入圖層”按鈕，并單擊“圖層2”的第一幀，按Ctrl+Shift+V鍵（或單擊“編輯→粘貼到當(dāng)前位置”菜單）粘貼標題文字。④在舞臺上選中“圖層2”的標題文字，在文本屬性面板上，將文字顏色修改為#996600。按鍵盤的方向鍵，將其與圖層1的標題文字稍微錯開位置，產(chǎn)生陰影效果。如圖4-61所示。

一、制作主界面第93頁，共153頁，2023年，2月20日，星期五一、制作主界面圖4-61陰影效果的標題文字第94頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動（2）制作名為“標題-動畫”的影片剪輯元件①按Ctrl+F8鍵，元件名稱為“標題-動畫”，類型為“影片剪輯”，設(shè)置完成后點擊“確定”。②按Ctrl+L鍵打開庫面板，將“標題-靜止”元件從庫面板拖放到元件編輯區(qū)的中心附近。如圖4-62所示。一、制作主界面圖4-62從庫面板使用元件第95頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動（2）制作名為“標題-動畫”的影片剪輯元件③用“選取工具”單擊時間軸上的第60幀，按F6鍵插入關(guān)鍵幀。單擊第30幀，同樣按F6鍵插入關(guān)鍵幀。接著，在編輯區(qū)中水平向右拖放標題文字，將第30幀的文字放置在編輯區(qū)右側(cè)位置。操作界面如圖4-63所示。一、制作主界面圖4-63插入關(guān)鍵幀第96頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動（2）制作名為“標題-動畫”的影片剪輯元④單擊第1至29之間的某個幀，在幀屬性面板中將補間設(shè)置為“動畫”，以便創(chuàng)建第1至30幀之間的運動過渡。使用同樣的方法，創(chuàng)建第30至60之間的運動過渡。如圖4-64所示。按回車鍵，在編輯區(qū)中觀看運動效果。一、制作主界面圖4-64設(shè)置過渡動畫第97頁，共153頁，2023年，2月20日，星期五3.制作運動過渡動畫——標題的運動（2）制作名為“標題-動畫”的影片剪輯元⑤單擊元件編輯區(qū)左上角的“場景1”，回到場景編輯狀態(tài)。（3）在場景的舞臺上使用元件①在圖層控制區(qū)，雙擊文字“圖層1”，將其圖層名修改為“背景”。單擊“插入圖層”按鈕，建立新圖層，并命名為“標題”。②打開“庫”面板，將“標題-動畫”元件從庫中，拖動到舞臺偏上位置。如果有必要，可以按Ctrl+回車鍵測試影片。一、制作主界面第98頁，共153頁，2023年，2月20日，星期五4.制作遮罩層動畫——滾動的文字（1）進入素材文件夾，雙擊打開“課程簡介.txt”，在記事本中按Ctrl+A鍵選中所有文字，按Ctrl+C鍵復(fù)制文字，見圖4-65。（2）在Flash中，按Ctrl+F8鍵，創(chuàng)建一個名為“滾動文字”的影片剪輯元件，見圖4-66。一、制作主界面圖4-65在記事本中復(fù)制文字圖4-66創(chuàng)建新元件第99頁，共153頁，2023年，2月20日，星期五4.制作遮罩層動畫——滾動的文字（3）按T鍵（或單擊文本工具），在文本屬性面板上，設(shè)置文字為“宋體，20號，#996600”。在“滾動文字”元件編輯區(qū)的中心附近，拖動出一個方框，按Ctrl+V粘貼文字。如圖4-67所示。一、制作主界面圖4-67輸入文字第100頁，共153頁，2023年，2月20日，星期五4.制作遮罩層動畫——滾動的文字（4）按V鍵（或單擊“選取工具”），在編輯區(qū)中單擊選中文字，在文本屬性上，設(shè)置文本寬為“260”，x和y坐標都為0。如圖4-68所示。按F8鍵將文字轉(zhuǎn)化為圖形元件，命名為“課程簡介-靜止”。（5）單擊圖層1的第400幀，按F6鍵插入關(guān)鍵幀。在編輯區(qū)中選中文字，在屬性面板上，將文字的Y值（縱坐標）設(shè)為“-1300”，使文字往上放置。一、制作主界面圖4-68修改文字的寬度和位置第101頁，共153頁，2023年，2月20日，星期五4.制作遮罩層動畫——滾動的文字（6）右鍵單擊第1至399幀的任意一幀，在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”命令。按回車鍵可以觀看文字向上運動的效果。（7）單擊“插入圖層”按鈕，插入“圖層2”，單擊工具箱中的“矩形工具”，單擊圖層2的第1幀，在編輯區(qū)中繪制一個長方形。單擊“選取工具”，將長方形設(shè)置為“寬：280；高：-250；x：0；y：-240”，顏色不限，如圖4-69所示。一、制作主界面第102頁，共153頁，2023年，2月20日，星期五一、制作主界面圖4-69繪制長方形第103頁，共153頁，2023年，2月20日，星期五4.制作遮罩層動畫——滾動的文字（8）右鍵單擊圖層2，在彈出的快捷菜單中選擇“遮罩”命令，以便創(chuàng)建遮罩圖層，如圖4-70所示。一、制作主界面圖4-70創(chuàng)建遮罩層第104頁，共153頁，2023年，2月20日，星期五4.制作遮罩層動畫——滾動的文字（9）單擊編輯區(qū)左上角“場景1”，回到場景編輯狀態(tài)。新建名為“滾動文字”的圖層，選中該圖層的第1幀，從庫中將“滾動文字”元件拖放到舞臺上，如圖4-71所示。一、制作主界面圖4-71使用“滾動文字”元件第105頁，共153頁，2023年，2月20日，星期五1.新建場景（1）選擇“窗口→其他面板→場景”菜單，在場景面板上單擊“添加場景”按鈕三次，建立三個新的場景，如圖4-72所示。（2）雙擊面板中的“場景1”，輸入“主界面”。使用同樣的方法分別將其余場景命名為“教學(xué)大綱”、“案例欣賞”和“參考網(wǎng)站”，如圖4-73所示。二、制作教學(xué)大綱模塊圖4-72添加場景圖4-73修改場景名稱第106頁，共153頁，2023年，2月20日，星期五1.新建場景（3）單擊“場景切換”按鈕，在彈出的菜單中選擇“教學(xué)大綱”，以便切換到了新的場景，如圖4-74所示。圖4-74切換場景按鈕二、制作教學(xué)大綱模塊第107頁，共153頁，2023年，2月20日，星期五2.使用ScrollPane組件

利用該組件可制作帶有滾動條的內(nèi)容顯示區(qū)。（1）使用“文件→導(dǎo)入”命令和文本工具、矩形工具等，制作如圖4-75所示的畫面。圖4-75教學(xué)大綱的背景和標題二、制作教學(xué)大綱模塊第108頁，共153頁，2023年，2月20日，星期五2.使用ScrollPane組件

（2）新建名為“內(nèi)容”的圖層，選中該圖層的第1幀。按Ctrl+F7鍵，打開“組件”面板，從“組件”面板中拖動ScrollPane組件到舞臺上建立實例。在實例屬性面板上設(shè)置“寬:750;高:450;x:30;y:90”，調(diào)整好組件實例的大小和位置，如圖4-76所示。圖4-76使用ScrollPane組件二、制作教學(xué)大綱模塊第109頁，共153頁，2023年，2月20日，星期五2.使用ScrollPane組件

（3）在ScrollPane的屬性面板上選擇“參數(shù)”選項卡，設(shè)置contentPath參數(shù)的值為“mcplan”，vScrollPolicy的值為on，如圖4-77所示。圖4-77組件的參數(shù)二、制作教學(xué)大綱模塊第110頁，共153頁，2023年，2月20日，星期五為了使用ScrollPane組件，需要把教學(xué)大綱的內(nèi)容封裝在一個影片剪輯元件中。因此，首先，下面制作“教學(xué)大綱內(nèi)容”電影剪輯。1．按Ctrl+F8鍵，在“元件屬性”對話框中，輸入名稱為“教學(xué)大綱內(nèi)容”，類型為“影片剪輯”。單擊“高級/基本”切換按鈕展開更多屬性，選中“為ActionScript導(dǎo)出”復(fù)選項，在“標示符”文本框中輸入上一步驟中定義的“mcplan”，如圖4-78所示。三、制作“教學(xué)大綱內(nèi)容”電影剪輯第111頁，共153頁，2023年，2月20日，星期五三、制作“教學(xué)大綱內(nèi)容”電影剪輯圖4-78新建“教學(xué)大綱內(nèi)容”元件第112頁，共153頁，2023年，2月20日，星期五三、制作“教學(xué)大綱內(nèi)容”電影剪輯2．進入“教學(xué)大綱內(nèi)容”元件的編輯狀態(tài)，修改圖層名稱為“文字”。打開素材文件夾中的“教學(xué)大綱.txt”，將“教學(xué)大綱.txt”中的內(nèi)容復(fù)制到Flash中。并且，將在文字的屬性面板中設(shè)置“寬:700；x:0；y:0;字號:20”，如圖4-79所示。圖4-79設(shè)置文本格式第113頁，共153頁，2023年，2月20日，星期五三、制作“教學(xué)大綱內(nèi)容”電影剪輯3．新建名為“圖書”的圖層，在其第1幀，選擇“文件→導(dǎo)入”命令，將素材文件夾下的“跟我學(xué)網(wǎng)頁設(shè)計”文件導(dǎo)入到舞臺上。選中圖片，按Q鍵，對圖片進行變形調(diào)整，適當(dāng)改變圖片大小，如圖4-80所示。圖4-80導(dǎo)入并調(diào)整圖片第114頁，共153頁，2023年，2月20日，星期五三、制作“教學(xué)大綱內(nèi)容”電影剪輯4．單擊元件編輯區(qū)左上角的“教學(xué)大綱”，回到場景。點擊“控制→測試場景”，觀看“教學(xué)大綱”場景的效果。本課件剩余的“案例欣賞”和“參考網(wǎng)站”場景的動畫制作與“教學(xué)大綱”場景制作類似，

第115頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

Flash的交互是通過動作腳本（ActionScript）來實現(xiàn)的。 Flash可以為三種對象分配動作腳本，分別是：關(guān)鍵幀（KeyFrame）、按鈕（Button）實例、電影剪輯（MovieClip）實例。下面以教學(xué)大綱模塊為例，練習(xí)如何運用動作腳本實現(xiàn)“主界面”和“教學(xué)大綱”場景之間的切換。第116頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

1.制作教學(xué)大綱的返回按鈕元件（1）按Ctrl+F8鍵，在“創(chuàng)建新元件”窗口中，輸入名稱為“返回按鈕”，類型為“按鈕”，然后單擊“確定”按鈕，如圖4-81所示。提示：進入按鈕元件編輯狀態(tài)，我們發(fā)現(xiàn)它與其他的元件的時間軸完全不同（圖4-82）。按鈕元件的時間軸只包含向上（Up）、經(jīng)過（Over）、向下（Down）和點擊（Hit）四個幀，每個幀分別對應(yīng)了按鈕的四個狀態(tài)。

圖4-81新建按鈕元件圖4-82按鈕元件的四個幀第117頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

制作教學(xué)大綱的返回按鈕元件（2）單擊工具箱上的“橢圓工具”，在工具箱上將邊框線設(shè)為黑色，填充顏色設(shè)為紅色漸變，在彈起幀繪制一個橢圓，如圖4-83所示。圖4-83繪制橢圓第118頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

制作教學(xué)大綱的返回按鈕元件（3）單擊“指針經(jīng)過”幀，按F6插入關(guān)鍵幀，在橢圓的屬性面板上將橢圓的顏色改為綠色漸變；同樣的方法，在“按下”幀插入關(guān)鍵幀，將該幀的橢圓改為藍色漸變，如圖4-84所示。圖4-84按鈕的各個幀第119頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

制作教學(xué)大綱的返回按鈕元件（4）添加并選中新圖層，運用“文本工具”在舞臺上輸入“返回”，如圖4-85所示。（5）單擊編輯區(qū)左上角的“教學(xué)大綱”，將“返回按鈕”元件從庫面板中拖動至舞臺中，如圖4-86所示。圖4-85輸入按鈕的文字標簽圖4-86使用返回按鈕第120頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕主界面的菜單按鈕是透明的、動態(tài)的，當(dāng)鼠標移至按鈕上方時，按鈕的半透明背景能夠忽明忽暗地閃爍。（1）切換至“主界面”場景。按Ctrl+F8鍵，在“創(chuàng)建新元件”窗口中，輸入名稱為“透明按鈕”，類型為“按鈕”，如圖4-87所示。圖4-87添加按鈕元件第121頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕（2）選中“指針經(jīng)過”幀，按F6鍵在此插入關(guān)鍵幀。利用“矩形工具”，在屏幕的十字附近繪制一個如圖4-88所示的白色矩形。然后在單擊“點擊”幀，按F6鍵同樣插入關(guān)鍵幀。圖4-88指針經(jīng)過幀第122頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕（3）單擊關(guān)鍵幀“指針經(jīng)過”，此時在編輯區(qū)上將選中該關(guān)鍵幀的所有內(nèi)容，即剛才繪制的白色矩形，如圖4-89所示。按F8鍵，將白色矩形轉(zhuǎn)化為名為“閃爍-靜止”的圖形元件；再次按F8鍵，將白色矩形再次轉(zhuǎn)化為名為“閃爍-動畫”的電影剪輯元件。圖4-89將白色矩形轉(zhuǎn)化為元件第123頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕（4）在編輯區(qū)中雙擊白色矩形，進入“閃爍-動畫”元件的編輯狀態(tài)，如圖4-90所示。（5）單擊選中白色矩形，在其屬性面板上的“顏色”下拉框設(shè)“Alpha:20%”。單擊第5幀，按F6插入關(guān)鍵幀；單擊第10幀，按F6鍵插入關(guān)鍵幀，如圖4-91所示。

圖4-91插入關(guān)鍵幀圖4-90編輯閃爍元件第124頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕（6）在時間軸上單擊第5幀處，將當(dāng)前幀定位到第5幀。單擊矩形，在其屬性面板上將顏色設(shè)為“Alpha：0%”，使得矩形透明而不可見。（7）分別右擊第1幀、第5幀，并在彈出菜單中選擇“創(chuàng)建補間動畫”命令。按鈕制作完畢，如圖4-92所示。圖4-92創(chuàng)建補間動畫第125頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕（8）單擊編輯區(qū)左上角的“主界面”，回到場景編輯狀態(tài)。添加一個名為“菜單”的圖層，單擊“菜單”圖層的第1幀，打開“庫”面板，將“透明按鈕”從庫中拖動三次到舞臺上，并調(diào)整按鈕實例的位置，如圖4-93所示。圖4-93使用按鈕元件第126頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

2.制作主界面的透明菜單按鈕（9）利用“文本工具”和“文件→導(dǎo)入”命令，在按鈕上方添加如圖4-94所示的內(nèi)容，完成三個按鈕的制作。相關(guān)圖標位于素材文件夾中。圖4-94主界面的菜單第127頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

3.添加動作腳本可在適當(dāng)?shù)胤教砑觿幼髂_本。（1）主界面的動作①右鍵單擊“菜單”圖層的第1幀，在彈出菜單中選擇“動作”命令，在右側(cè)的代碼窗口中輸入“stop();”，如圖4-95所示。圖4-95添加幀動作第128頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

3.添加動作腳本（1）主界面的動作②在舞臺上右鍵單擊透明按鈕，在彈出菜單中選擇“動作”，在右側(cè)的代碼窗口中輸入如下代碼：on(press){gotoAndPlay(“教學(xué)大綱”,1);}第129頁，共153頁，2023年，2月20日，星期五四、動作腳本實現(xiàn)Flash交互

3.添加動作腳本（2）“教學(xué)大綱”場景的動作①右鍵單擊“內(nèi)容”圖層的第一幀，在彈出菜單中選擇“動作”，在右側(cè)的代碼窗口中輸入“stop();”。②切換至“教學(xué)大綱”場景。在舞臺上右鍵單擊“返回”按鈕，在彈出菜單中選擇“動作”，在右側(cè)的代碼窗口中輸入如下代碼：on(press){ gotoAndPlay(“主界面”,1);}第130頁，共153頁，2023年，2月20日，星期五五、測試與輸出影片

1．選擇“窗口→測試影片”命令，觀看動畫效果。點擊動畫中的按鈕，檢查按鈕是否正常。2．選擇“文件→導(dǎo)出→導(dǎo)出影片”命令，將Flash導(dǎo)出SWF文件。此外，也可以先選擇“文件→發(fā)布設(shè)置”命令進行導(dǎo)出的設(shè)置（如圖4-96），然后選擇“文件→發(fā)布”命令輸出影片。圖4-96發(fā)布設(shè)置第131頁，共153頁，2023年，2月20日，星期五Flash課件設(shè)計與制作的心得總結(jié)：（在制作過程中遇到了什么問題？你是如何解決的？）

第132頁，共153頁，2023年，2月20日，星期五4.5網(wǎng)絡(luò)課程的設(shè)計與開發(fā)

第133頁，共153頁，2023年，2月20日，星期五網(wǎng)絡(luò)課程是通過網(wǎng)絡(luò)表現(xiàn)的某門學(xué)科的教學(xué)內(nèi)容及實施的教學(xué)活動的總和，它包括兩個組成部分：按一定的教學(xué)目標、教學(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é)平臺上實施的教學(xué)活動。網(wǎng)絡(luò)課程包括教學(xué)內(nèi)容、學(xué)習(xí)資源、教學(xué)策略、學(xué)習(xí)支持、學(xué)習(xí)評價和教學(xué)活動的總和，如圖4-97所示。網(wǎng)絡(luò)課程中各要素的不同組織方式形成了網(wǎng)絡(luò)課程不同的結(jié)構(gòu)。一、網(wǎng)絡(luò)課程的概念第134頁，共153頁，2023年，2月20日，星期五教學(xué)觀課程觀學(xué)習(xí)觀教學(xué)內(nèi)容教學(xué)活動學(xué)習(xí)評價學(xué)習(xí)支持教學(xué)策略課程目標學(xué)習(xí)資源圖4-97網(wǎng)絡(luò)課程構(gòu)成要素及設(shè)計原理示意圖一、網(wǎng)絡(luò)課程的概念第135頁，共153頁，2023年，2月20日，星期五二、網(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í)的平臺，必須具有一個友好的人機交互界面。交互界面是學(xué)生和計算機進行信息交換的通道，在網(wǎng)絡(luò)課程當(dāng)中，交互的形式包括有菜單、圖標、按鈕、窗口、對話框、熱鍵、超鏈接、Email、聊天室、BBS等。第136頁，共153頁，2023年，2月20日，星期五二、網(wǎng)絡(luò)課程的基本特性3．多種媒體集成網(wǎng)絡(luò)課程是由文本、圖形、動畫、聲音、視頻等多種媒體信息集成在一起，經(jīng)過加工和處理所形成的教學(xué)系統(tǒng)。正因為多媒體教學(xué)軟件具有多種媒體的集成性，圖文聲像并茂，具有較強的表現(xiàn)力和感染力，所以能引起學(xué)生的學(xué)習(xí)興趣和提高學(xué)生的學(xué)習(xí)積極性。4．可更新由于網(wǎng)絡(luò)課程是基于internet而存在的，因此便于更新是網(wǎng)絡(luò)課程的特性，這一特征可以在某種程度上指導(dǎo)教師的教學(xué)設(shè)計。

第137頁，共153頁，2023年，2月20日，星期五三、網(wǎng)絡(luò)課程的構(gòu)成

完整的網(wǎng)絡(luò)課程應(yīng)由如下幾個系統(tǒng)構(gòu)成：（1）教學(xué)內(nèi)容系統(tǒng)：包括課程簡介、目標說明、教學(xué)計劃、知識點內(nèi)容、典型實例、多媒體素材等。（2）開放的教學(xué)環(huán)境系統(tǒng)：包括相關(guān)內(nèi)容、參考文獻、資源、網(wǎng)址的提供等。（3）學(xué)習(xí)導(dǎo)航系統(tǒng)：包括內(nèi)容檢索、路徑指引等。（4）協(xié)商交流系統(tǒng)：包括電子郵件、電子公告板、聊天室、討論室、教師信箱、問答天地、疑難解答等。第138頁，共153頁，2023年，2月20日，星期五三、網(wǎng)絡(luò)課程的構(gòu)成

（5）學(xué)習(xí)工具系統(tǒng)：包括字典、詞典、資料庫、電子筆記本等。（6）診斷評價系統(tǒng)：包括形成性練習(xí)、達標測驗、閱卷批改、成績顯示、結(jié)果分析等。（7）虛擬實驗系統(tǒng)：包括實驗情景、交互操作、結(jié)果呈現(xiàn)、數(shù)據(jù)分析等。（8）學(xué)生檔案系統(tǒng)：包括學(xué)生密碼、個人賬號、個人特征資料、其他相關(guān)資料等。第139頁，共153頁，2023年，2月20日，星期五四、網(wǎng)絡(luò)課程設(shè)計與開發(fā)流程網(wǎng)絡(luò)課程設(shè)計開發(fā)主要包括前期分析、總體設(shè)計、教學(xué)環(huán)境設(shè)計、腳本編寫、素材準備、課件開發(fā)、測試評價和修改八個模塊，如圖4-98所示。前期分析總體設(shè)計界面的設(shè)計導(dǎo)航策略設(shè)計交互的設(shè)計網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計腳本編寫素材準備課件開發(fā)教學(xué)環(huán)境設(shè)計測試與評價修改圖4-98網(wǎng)絡(luò)課程設(shè)計開發(fā)流程圖第140頁，共153頁，2023年，2月20日，星期五網(wǎng)絡(luò)課程開發(fā)的基本步驟：1．前期分析首先進行前期分析，鑒定學(xué)生的需求、特點和學(xué)習(xí)風(fēng)格，確定整個課程的教學(xué)大綱、教學(xué)目標和教學(xué)內(nèi)容。2．總體設(shè)計選擇一個相對完整的教學(xué)單元，設(shè)計出一個教學(xué)單元的網(wǎng)絡(luò)課件原型，通過原型設(shè)計，確定網(wǎng)絡(luò)課件的總體風(fēng)格、界面、導(dǎo)航風(fēng)格、素材的規(guī)格以及腳