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

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

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

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

4、小控制在100K內(nèi)。音頻素材：一般使用WMA或者M(jìn)P3格式的音頻文件，流量控制在 16128Kb/s之間。動(dòng)畫素材：一般使用GIF和SWF格式的動(dòng)畫文件，前者適用小卡通動(dòng)畫，大小控制在100K內(nèi)，后者適用于各種類型的動(dòng)畫，交互性很強(qiáng)，播放暢快，大小一般控制在10M內(nèi)。視頻素材：常使用WMV格式的視頻文件，流量控制在250KB/S左右。4.2 演示文稿課件制作 PowerPoint是Microsoft Office辦公套裝中的一個(gè)組件，也稱為幻燈片。 PowerPoint簡單易學(xué)，非常適合于學(xué)科教師根據(jù)自己的教學(xué)需要制作簡單的多媒體課件。1演示文稿的基本功能PowerPoint簡介基本功能說 明

5、幻燈片支持是演示文稿的基本單位，承載屏幕顯示信息媒體支持每張幻燈片支持文字、圖形圖像、視頻和聲音的集成和使用表格支持提供表格的建立和編輯超級鏈接提供演示文稿內(nèi)、外的超鏈接，支持網(wǎng)絡(luò)鏈接動(dòng)畫支持提供幻燈片上媒體對象的動(dòng)畫支持，提供幻燈片切換動(dòng)態(tài)效果數(shù)據(jù)圖表提供多種形式數(shù)據(jù)圖表演示播放按順序播放，支持播放重組PowerPoint簡介封面幻燈片 內(nèi)容：標(biāo)題 作者其它信息（如單位、時(shí)間等）目錄幻燈片 內(nèi)容：導(dǎo)航 目錄 布局知識內(nèi)容幻燈片 內(nèi)容：文字內(nèi)容素材形式布局動(dòng)畫效果圖 4-1 演示文稿的基本架構(gòu)2演示文稿的基本架構(gòu)設(shè)計(jì)課堂活動(dòng)實(shí)踐 用PowerPoint2003制作多媒體課件1確定教學(xué)內(nèi)容本次實(shí)

6、踐內(nèi)容以高中語文課程標(biāo)準(zhǔn)實(shí)驗(yàn)教材第四冊，第二單元中蘇軾的詞念奴嬌赤壁懷古為例。念奴嬌 赤壁懷古 大江東去，浪淘盡，千古風(fēng)流人物。故壘西邊，人道是，三國周郎赤壁。亂石穿空，驚濤拍岸，卷起千堆雪。江山如畫，一時(shí)多少豪杰。 遙想公瑾當(dāng)年，小喬初嫁了，雄姿英發(fā)。羽扇綸巾，談笑間，檣櫓灰飛煙滅。故國神游，多情應(yīng)笑我，早生華發(fā)。人生如夢，一尊還酹江月。課堂活動(dòng)實(shí)踐 2設(shè)計(jì)課件結(jié)構(gòu)主界面導(dǎo)航赤壁風(fēng)光課后作業(yè)文章注釋文章分析作者平生文章朗讀 封面首頁圖4-2 課件呈現(xiàn)的結(jié)構(gòu)圖課堂活動(dòng)實(shí)踐 3主要教學(xué)內(nèi)容及相關(guān)素材收集文字、聲音、圖片來自互聯(lián)網(wǎng)，視頻截取DVD。參考網(wǎng)站：人民教育出版社網(wǎng)站，中學(xué)語文網(wǎng)中網(wǎng)，赤壁

7、網(wǎng)。課堂活動(dòng)實(shí)踐 4課件制作（1）封面制作第1步：設(shè)置背景課件中使用與主題內(nèi)容相適應(yīng)的背景，將起到烘托主題的作用。選擇菜單欄中“格式/背景/填充效果/圖片/選擇圖片”，在彈出的窗口中，根據(jù)圖片所存的地址位置找到所需的圖片并插入，如圖4-3 所示。按“確定”后，再選擇“全部應(yīng)用”。課堂活動(dòng)實(shí)踐 圖4-3 幻燈片背景設(shè)置課堂活動(dòng)實(shí)踐 第2步：插入標(biāo)題文字及圖片第3步：聲音運(yùn)用在課件中運(yùn)用聲音有很多方式，可以用插入方式，也可在幻燈片切換中添加背景聲音，但這兩種方式對聲音的控制效果不好，為了便于對聲音的控制，可采用控件的方式插入聲音。通過插入的媒體播放器中的播放、停止、暫停和調(diào)節(jié)音量等按鈕對聲音進(jìn)行控

8、制。具體方式是：選擇菜單欄中“視圖/工具欄/控件工具箱/其它控件/Windows Media Player”,插入媒體播放器，用鼠標(biāo)選擇窗口大小，在屬性欄URL中設(shè)置聲音文件的路徑，如圖4-4所示。課堂活動(dòng)實(shí)踐 圖 4-4 幻燈片封面設(shè)計(jì)課堂活動(dòng)實(shí)踐 （2）課件主界面及導(dǎo)航的制作插入標(biāo)題、圖片和按鈕（方法同上）。（3）對象超鏈接的設(shè)置（以文章朗讀的超鏈接為例）第1步：文章朗讀的超鏈接幻燈片間的超鏈接可以在文字上做超鏈接，也可以在圖片上做超鏈接，這里選在文字上做超鏈接。鼠標(biāo)選中“文章朗讀”，然后單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“超鏈接”，然后選擇“本文檔中的位置”，然后選中“幻燈片8”文章朗讀，

9、點(diǎn)擊“確定”即可。如圖4-5所示。課堂活動(dòng)實(shí)踐 圖 4-5 幻燈片超鏈接設(shè)置課堂活動(dòng)實(shí)踐 （4）頁面的切換設(shè)置選擇菜單欄中“幻燈片放映/幻燈片切換”，在 彈出的幻燈片切換窗口中選擇切換的方式，如“盒狀展開”，還可以選擇速度，如需要也可加入聲音和設(shè)置換片方式。如圖4-6所示。課堂活動(dòng)實(shí)踐 圖 4-6 幻燈片切換設(shè)置課堂活動(dòng)實(shí)踐 5課件的保存和演示課件制作完畢，進(jìn)行保存。演示課件，觀看效果。PPT演示文稿課件制作的心得總結(jié)：（在制作過程中遇到了什么問題？你是如何解決的？） 4.3 網(wǎng)頁課件制作與發(fā)布 Dreamweaver簡介 Dreamweaver8是Macromedia新開發(fā)的HTML編輯器，

10、用于對Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)，是一個(gè)可視化的網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具，Dreamweaver 8包含有一個(gè)嶄新、簡潔、高效的界面，且性能也得到了改進(jìn)。此外，還包含了眾多新增的功能，改善了軟件的易用性，無論處于設(shè)計(jì)環(huán)境還是編碼環(huán)境都可以方便地生成頁面。 課堂活動(dòng)實(shí)踐 Dreamwaver8制作多媒體課件1確定教學(xué)內(nèi)容以人教版小學(xué)語文第六冊第一課荷花為例，將搜集到的荷花相關(guān)資源虛擬成專題網(wǎng)站“荷花小站”?！昂苫ㄐ≌尽痹O(shè)有五個(gè)部分，分別為“走進(jìn)課堂”、“增長見識”、“燦爛文化”、“荷花資源”、“荷言荷語”。這當(dāng)中既包括課堂教學(xué)所用的資源，也包括供學(xué)生課后拓展性學(xué)習(xí)的資

11、源。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)頁、圖片、音頻和視頻等各種資源，建立站點(diǎn)，有利于統(tǒng)一組織和管理與網(wǎng)頁相關(guān)的各類文檔。建站時(shí)根據(jù)不同的文件類型建立文件夾（如：建立images存放圖片），以方便分類管理站點(diǎn)中的各種資源。 啟動(dòng)Dreamwaver8，單擊菜單“站點(diǎn) 新建站點(diǎn)”，設(shè)置如圖4-7。圖 4-7 定義荷花站

12、點(diǎn)Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面現(xiàn)在開始制作一個(gè)有圖片、文字和背景的簡單頁面“song”，如圖4-8所示。圖 4-8 簡單頁面Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面菜單“文件 新建”，選擇“基本頁 HTML”，點(diǎn)擊“創(chuàng)建”，如圖4-9所示。圖 4-9 新建文檔窗口Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面 輸入詩歌的標(biāo)題和文字，選中標(biāo)題，在屬性面板中，按照圖4-10設(shè)置詩歌的標(biāo)題“居中”、大小“18像素（px）”、“粗體”。圖 4-10 設(shè)置文字格式Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面 選中文字，在“

13、字體”選項(xiàng)框中選擇，黑體，設(shè)置文字為“黑體”，如圖4-11所示。圖 4-11 編輯字體列表Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面 插入圖片，光標(biāo)定位在文字的左上方，在“常用”工具欄中，選擇“圖像”按鈕，插入圖片。 在屬性面板中設(shè)置圖片對齊方式，如圖4-12所示。圖 4-12 插入和設(shè)置圖片Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面 設(shè)置網(wǎng)頁的背景顏色，“修改 頁面”，按照圖4-13設(shè)置修改頁面屬性。圖 4-13 頁面屬性Dreamwaver8制作多媒體課件（2）制作一個(gè)簡單的頁面 保存頁面，選擇“文件保存”，文件名存為“song.htm”。 單擊預(yù)覽按鈕

14、 “預(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)建鏈接 在“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.ht

15、ml”，選中要鏈接的字體“返回介紹”，用同樣的方法進(jìn)行鏈接設(shè)置。 保存設(shè)置，單擊F12預(yù)覽網(wǎng)頁效果，可以看到兩個(gè)頁面可以相互鏈接訪問。Dreamwaver8制作多媒體課件（4）創(chuàng)建首頁“index.html” 新建頁面，單擊菜單“插入 表格”，用于定位頁面上方的Flash動(dòng)畫，如圖4-16所示。選中表格，在屬性面板上設(shè)置為“居中對齊”，如圖4-17所示。圖 4-16 表格窗口圖 4-17 表格屬性面板Dreamwaver8制作多媒體課件（4）創(chuàng)建首頁“index.html”在表格內(nèi)部單擊，選擇菜單“插入 媒體 Flash”。選中E:mywebimages下的“top.swf”后單擊“確定”，如

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

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

18、amwaver8制作多媒體課件（4）創(chuàng)建首頁“index.html” 設(shè)置背景，“修改 頁面”，按照圖4-24設(shè)置修改頁面屬性。 圖 4-24 修改頁面屬性Dreamwaver8制作多媒體課件（4）創(chuàng)建首頁“index.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)建

19、網(wǎng)頁模板 單擊“文件”“另存為模板”，按照圖4-27、圖4-28設(shè)置模板的名字。圖 4-27 另存為模板圖 4-28另存模板名稱Dreamwaver8制作多媒體課件（5）創(chuàng)建網(wǎng)頁模板 右鍵單擊模板中的表格空白處，按照圖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列的

20、表格，在第一個(gè)單元格中輸入文字“首頁增長見識”，在第二個(gè)單元格內(nèi)單擊“插入”“媒體”“shockwave”，在“選擇文件”窗口中，選擇“images/paint.wmv”視頻文件，如圖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

21、Flash課件設(shè)計(jì)與制作Flash簡介 Flash是美國Macromedia公司出品的一款二維動(dòng)畫制作軟件，是交互式矢量圖和Web動(dòng)畫的標(biāo)準(zhǔn)，其中經(jīng)歷的歷史版本有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è)計(jì)三劍客，是網(wǎng)頁設(shè)計(jì)師的必備工具之一。Flash擁有強(qiáng)大的動(dòng)畫制作和交互功能，廣泛應(yīng)用于制作多媒體交互網(wǎng)頁、游戲、動(dòng)畫片、MTV、課件等。Flas

22、h非常適合制作網(wǎng)絡(luò)化的、強(qiáng)交互性的教學(xué)課件，其輸出的SWF格式精致小巧，非常適合互聯(lián)網(wǎng)上發(fā)布。 Flash的工作窗口主要包括菜單欄、工具欄、編輯區(qū)、層控制區(qū)、時(shí)間軸、屬性面板和功能面板等，如圖4-35所示。 菜單欄時(shí)間軸工具箱舞臺工作區(qū)屬性面板功能面板主工具欄圖 4-35 Flash的工作界面 一、Flash CS3的界面 1. 時(shí)間軸 動(dòng)畫（Animation）是由一系列連續(xù)播放的靜止畫面組成的，這些靜止的畫面在Flash中稱為幀（Frame）。時(shí)間軸（Timeline）是對幀和圖層進(jìn)行操作的地方，主要由圖層、幀和播放頭組成，分為左右兩個(gè)窗口：左窗口是圖層控制區(qū)，用來對圖層進(jìn)行管理和操作；右

23、窗口是幀控制區(qū)，用來對幀進(jìn)行操作，如圖4-36所示。一、Flash CS3的界面圖 4-36 時(shí)間軸窗口添加引導(dǎo)性圖層圖層顯示比例播放頭幀刻度幀控制區(qū)場景名稱隱藏/顯示時(shí)間軸添加圖層添加圖層文件夾修改繪圖紙標(biāo)記編輯多幀繪圖紙外觀輪廓?jiǎng)h除圖層繪圖紙外觀圖層控制區(qū)一、Flash CS3的界面（1）圖層控制區(qū)圖層（Layer）類似于Adobe Photoshop中圖層的概念，各個(gè)圖層上的幀是相互獨(dú)立的。如同4-37所示。因此，在有多個(gè)圖層之后，關(guān)于幀的操作必須指明是哪個(gè)圖層的哪個(gè)幀。顯示/隱藏所有圖層顯示/隱藏所有圖層的輪廓鎖定/解鎖所有圖層鎖定/解鎖圖層顯示/隱藏圖層的輪廓當(dāng)前選定圖層顯示/隱藏圖

24、層圖 4-37 圖層控制區(qū)一、Flash CS3的界面（2）幀控制區(qū)幀是構(gòu)成Flash動(dòng)畫的基本單位，一個(gè)幀，就是指Flash中的一個(gè)畫面。在幀控制區(qū)中，每個(gè)小方格就是一個(gè)幀。Flash動(dòng)畫就是按照一定速度連續(xù)地播放這些幀產(chǎn)生的。幀包括以下類型，見圖4-38。 圖 4-38 幀控制區(qū)及幀的類型普通幀普通幀的末尾處關(guān)鍵幀普通幀空白關(guān)鍵幀（變形）過渡幀（運(yùn)動(dòng)）過渡幀一、Flash CS3的界面 關(guān)鍵幀 (Key Frame)：關(guān)鍵幀是動(dòng)畫制作時(shí)的關(guān)鍵畫面，有且只有關(guān)鍵幀才可以保存制作者對畫面內(nèi)容的編輯。時(shí)間軸上的關(guān)鍵幀可以包含F(xiàn)lash動(dòng)畫中的各種內(nèi)容，例如文字、圖形、圖片、聲音、元件等各種對象。

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

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

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

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

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

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

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

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

33、選中圓的內(nèi)部，參考步驟前面的步驟，在圖形屬性面板上任意改變圓的邊框線和內(nèi)部填充的顏色，效果參考圖4-47所示。二、變形過渡動(dòng)畫正方形變成圓2. 制作結(jié)束幀圖 4-47 在第30幀繪制圓二、變形過渡動(dòng)畫正方形變成圓3. 創(chuàng)建過渡幀（1）右擊中間的某個(gè)幀（可以是第1幀至29幀的任意一幀），在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，如圖4-48所示。（2）按Ctrl+回車鍵或單擊“控制測試影片”命令，觀看影片的輸出效果。二、變形過渡動(dòng)畫正方形變成圓3. 創(chuàng)建過渡幀圖 4-48 創(chuàng)建中間的過渡幀二、變形過渡動(dòng)畫正方形變成圓活動(dòng)2 用Flash制作多媒體課件 用Flash制作如圖4-49所示的網(wǎng)絡(luò)課件

34、 。該課件涉及到的重要知識點(diǎn)：有導(dǎo)入素材、使用聲音、場景、按鈕元件、圖形元件、影片剪輯元件、動(dòng)作腳本、蒙板圖層、引導(dǎo)線圖層、導(dǎo)出影片等。圖 4-49 課件的主界面用Flash制作多媒體課件一、制作主界面1. 導(dǎo)入課件主界面的背景（1）點(diǎn)擊菜單“文件新建”，選擇“Flash 文件（ActionScript 2.0）”選項(xiàng)，如圖4-50所示。（2）按Ctrl+J（或菜單“修改文檔”），修改文檔的尺寸為800*560，背景顏色為#006666。見圖4-51。圖 4-50 新建文件圖 4-51 修改文檔屬性1. 導(dǎo)入課件主界面的背景（3）按Ctrl+R鍵（或菜單“文件導(dǎo)入導(dǎo)入到舞臺”），選擇素材文件夾

35、下的“背景圖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，填充顏色為（無色），單擊圖層2第1幀，按住Shift鍵在舞臺上拖動(dòng)繪制一個(gè)圓，如圖4-56所示。圖 4-56 元件中繪制圓一、制作主界面2. 制作背景圖

36、的圖形元件 （4）點(diǎn)擊工具箱中的“選取工具”，選中剛才繪制的圓，按F8鍵，將其轉(zhuǎn)化為名為“圓”的圖形元件。（5）按Ctrl+L鍵或點(diǎn)擊“窗口庫”菜單，打開庫面板。兩次將圓拖動(dòng)到舞臺上，以便在舞臺上放置兩個(gè)圓。單擊選中舞臺上的一個(gè)圓，按鍵盤Q鍵（或單擊工具箱上的變形工具 ），然后按住Shift不放開，拖動(dòng)修改圓的大小。按鍵盤V鍵（或單擊工具箱的選取工具 ），拖動(dòng)調(diào)整圓的位置。調(diào)整后的效果如圖4-57所示。一、制作主界面2. 制作背景圖的圖形元件 圖 4-57 從庫中拖動(dòng)元件到舞臺 一、制作主界面2. 制作背景圖的圖形元件（6）利用“選取工具” 選中一個(gè)圓，在實(shí)例屬性面板上將元件的透明度設(shè)置為25

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

38、元件的編輯區(qū)的正中心“+”附近，輸入“網(wǎng)頁制作網(wǎng)絡(luò)課程”，如圖4-60所示。一、制作主界面圖 4-60 輸入標(biāo)題文字3. 制作運(yùn)動(dòng)過渡動(dòng)畫標(biāo)題的運(yùn)動(dòng)（1）制作名為“標(biāo)題-靜止”的圖形元件 按V鍵（或點(diǎn)擊選取工具），單擊選中標(biāo)題文字，按Ctrl+C鍵復(fù)制。單擊時(shí)間軸上的“插入圖層”按鈕，并單擊“圖層 2”的第一幀，按Ctrl+Shift+V鍵（或單擊“編輯粘貼到當(dāng)前位置”菜單）粘貼標(biāo)題文字。 在舞臺上選中“圖層 2”的標(biāo)題文字，在文本屬性面板上，將文字顏色修改為#996600。按鍵盤的方向鍵，將其與圖層1的標(biāo)題文字稍微錯(cuò)開位置，產(chǎn)生陰影效果。如圖4-61所示。 一、制作主界面一、制作主界面圖 4

39、-61 陰影效果的標(biāo)題文字3. 制作運(yùn)動(dòng)過渡動(dòng)畫標(biāo)題的運(yùn)動(dòng)（2）制作名為“標(biāo)題-動(dòng)畫”的影片剪輯元件 按Ctrl+F8鍵，元件名稱為“標(biāo)題-動(dòng)畫”，類型為“影片剪輯”，設(shè)置完成后點(diǎn)擊“確定”。 按Ctrl+L鍵打開庫面板，將“標(biāo)題-靜止”元件從庫面板拖放到元件編輯區(qū)的中心附近。如圖4-62所示。一、制作主界面圖 4-62 從庫面板使用元件3. 制作運(yùn)動(dòng)過渡動(dòng)畫標(biāo)題的運(yùn)動(dòng)（2）制作名為“標(biāo)題-動(dòng)畫”的影片剪輯元件 用“選取工具”單擊時(shí)間軸上的第60幀，按F6鍵插入關(guān)鍵幀。單擊第30幀，同樣按F6鍵插入關(guān)鍵幀。接著，在編輯區(qū)中水平向右拖放標(biāo)題文字，將第30幀的文字放置在編輯區(qū)右側(cè)位置。操作界面如圖

40、4-63所示。一、制作主界面圖 4-63 插入關(guān)鍵幀3. 制作運(yùn)動(dòng)過渡動(dòng)畫標(biāo)題的運(yùn)動(dòng)（2）制作名為“標(biāo)題-動(dòng)畫”的影片剪輯元 單擊第1至29之間的某個(gè)幀，在幀屬性面板中將補(bǔ)間設(shè)置為“動(dòng)畫”，以便創(chuàng)建第1至30幀之間的運(yùn)動(dòng)過渡。使用同樣的方法，創(chuàng)建第30至60之間的運(yùn)動(dòng)過渡。如圖4-64所示。按回車鍵，在編輯區(qū)中觀看運(yùn)動(dòng)效果。一、制作主界面圖 4-64 設(shè)置過渡動(dòng)畫3. 制作運(yùn)動(dòng)過渡動(dòng)畫標(biāo)題的運(yùn)動(dòng)（2）制作名為“標(biāo)題-動(dòng)畫”的影片剪輯元 單擊元件編輯區(qū)左上角的“場景 1”，回到場景編輯狀態(tài)。（3）在場景的舞臺上使用元件 在圖層控制區(qū)，雙擊文字“圖層 1” ，將其圖層名修改為“背景”。單擊“插入圖

41、層”按鈕，建立新圖層，并命名為“標(biāo)題”。 打開“庫”面板，將“標(biāo)題-動(dòng)畫”元件從庫中，拖動(dòng)到舞臺偏上位置。如果有必要，可以按Ctrl+回車鍵測試影片。一、制作主界面4. 制作遮罩層動(dòng)畫滾動(dòng)的文字（1）進(jìn)入素材文件夾，雙擊打開“課程簡介.txt”，在記事本中按Ctrl+A鍵選中所有文字，按Ctrl+C鍵復(fù)制文字，見圖4-65。（2）在Flash中，按Ctrl+F8鍵，創(chuàng)建一個(gè)名為“滾動(dòng)文字”的影片剪輯元件，見圖4-66。一、制作主界面圖 4-65 在記事本中復(fù)制文字圖 4-66 創(chuàng)建新元件4. 制作遮罩層動(dòng)畫滾動(dòng)的文字（3）按T鍵（或單擊文本工具），在文本屬性面板上，設(shè)置文字為“宋體，20號，#

42、996600”。在“滾動(dòng)文字”元件編輯區(qū)的中心附近，拖動(dòng)出一個(gè)方框，按Ctrl+V粘貼文字。如圖4-67所示。一、制作主界面圖 4-67 輸入文字4. 制作遮罩層動(dòng)畫滾動(dòng)的文字（4）按V鍵（或單擊“選取工具”），在編輯區(qū)中單擊選中文字，在文本屬性上，設(shè)置文本寬為“260”，x和y坐標(biāo)都為0。如圖4-68所示。按F8鍵將文字轉(zhuǎn)化為圖形元件，命名為“課程簡介-靜止”。（5）單擊圖層1的第400幀，按F6鍵插入關(guān)鍵幀。在編輯區(qū)中選中文字，在屬性面板上，將文字的Y值（縱坐標(biāo)）設(shè)為“-1300”，使文字往上放置。一、制作主界面圖 4-68 修改文字的寬度和位置4. 制作遮罩層動(dòng)畫滾動(dòng)的文字（6）右鍵單擊

43、第1至399幀的任意一幀，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。按回車鍵可以觀看文字向上運(yùn)動(dòng)的效果。（7）單擊“插入圖層”按鈕，插入“圖層 2”，單擊工具箱中的“矩形工具”，單擊圖層2的第1幀，在編輯區(qū)中繪制一個(gè)長方形。單擊“選取工具”，將長方形設(shè)置為“寬：280；高：-250；x：0；y：-240”，顏色不限，如圖4-69所示。一、制作主界面一、制作主界面圖 4-69 繪制長方形4. 制作遮罩層動(dòng)畫滾動(dòng)的文字（8）右鍵單擊圖層2，在彈出的快捷菜單中選擇“遮罩”命令，以便創(chuàng)建遮罩圖層，如圖4-70所示。一、制作主界面圖 4-70 創(chuàng)建遮罩層4. 制作遮罩層動(dòng)畫滾動(dòng)的文字（9）單擊編輯區(qū)左

44、上角“場景1”，回到場景編輯狀態(tài)。新建名為“滾動(dòng)文字”的圖層，選中該圖層的第1幀，從庫中將“滾動(dòng)文字”元件拖放到舞臺上，如圖4-71所示。一、制作主界面圖 4-71 使用“滾動(dòng)文字”元件1. 新建場景（1）選擇“窗口其他面板場景”菜單，在場景面板上單擊“添加場景”按鈕三次，建立三個(gè)新的場景，如圖4-72所示。（2）雙擊面板中的“場景 1”，輸入“主界面”。使用同樣的方法分別將其余場景命名為“教學(xué)大綱”、“案例欣賞”和“參考網(wǎng)站”，如圖4-73所示。二、制作教學(xué)大綱模塊圖 4-72 添加場景圖 4-73 修改場景名稱1. 新建場景（3）單擊“場景切換”按鈕，在彈出的菜單中選擇“教學(xué)大綱”，以便切

45、換到了新的場景，如圖4-74所示。圖 4-74 切換場景按鈕二、制作教學(xué)大綱模塊2. 使用ScrollPane組件 利用該組件可制作帶有滾動(dòng)條的內(nèi)容顯示區(qū)。（1）使用“文件導(dǎo)入”命令和文本工具、矩形工具等，制作如圖4-75所示的畫面。圖 4-75 教學(xué)大綱的背景和標(biāo)題二、制作教學(xué)大綱模塊2. 使用ScrollPane組件 （2）新建名為“內(nèi)容”的圖層，選中該圖層的第1幀。按Ctrl+F7鍵，打開“組件”面板，從“組件”面板中拖動(dòng)ScrollPane組件到舞臺上建立實(shí)例。在實(shí)例屬性面板上設(shè)置“寬: 750;高: 450;x: 30;y: 90”，調(diào)整好組件實(shí)例的大小和位置，如圖4-76所示。圖

46、4-76 使用ScrollPane組件二、制作教學(xué)大綱模塊2. 使用ScrollPane組件 （3）在ScrollPane的屬性面板上選擇“參數(shù)”選項(xiàng)卡，設(shè)置contentPath參數(shù)的值為“mcplan”，vScrollPolicy的值為on，如圖4-77所示。圖 4-77 組件的參數(shù)二、制作教學(xué)大綱模塊 為了使用ScrollPane組件，需要把教學(xué)大綱的內(nèi)容封裝在一個(gè)影片剪輯元件中。因此，首先，下面制作“教學(xué)大綱內(nèi)容”電影剪輯。1按Ctrl+F8鍵，在“元件屬性”對話框中，輸入名稱為“教學(xué)大綱內(nèi)容”，類型為“影片剪輯”。單擊“高級/基本”切換按鈕展開更多屬性，選中“為ActionScrip

47、t導(dǎo)出”復(fù)選項(xiàng)，在“標(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)，修改圖層名稱為“文字”。打開素材文件夾中的“教學(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)入”命令，將

48、素材文件夾下的“跟我學(xué)網(wǎng)頁設(shè)計(jì)”文件導(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)擊“控制測試場景” ，觀看“教學(xué)大綱”場景的效果。本課件剩余的“案例欣賞”和“參考網(wǎng)站”場景的動(dòng)畫制作與“教學(xué)大綱”場景制作類似， 四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 Flash的交互是通過動(dòng)作腳本（ActionScript）來實(shí)現(xiàn)的。Flash可以為三種對象分配動(dòng)作腳本，分別是：關(guān)鍵幀（Key Frame）、按鈕（Button）實(shí)例、電影剪輯（Movie Clip）

49、實(shí)例。 下面以教學(xué)大綱模塊為例，練習(xí)如何運(yùn)用動(dòng)作腳本實(shí)現(xiàn)“主界面”和“教學(xué)大綱”場景之間的切換。四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 1. 制作教學(xué)大綱的返回按鈕元件（1）按Ctrl+F8鍵，在“創(chuàng)建新元件”窗口中，輸入名稱為“返回按鈕”，類型為“按鈕”，然后單擊“確定” 按鈕，如圖4-81所示。 提示：進(jìn)入按鈕元件編輯狀態(tài)，我們發(fā)現(xiàn)它與其他的元件的時(shí)間軸完全不同（圖4-82）。按鈕元件的時(shí)間軸只包含向上（Up）、經(jīng)過（Over）、向下（Down）和點(diǎn)擊（Hit）四個(gè)幀，每個(gè)幀分別對應(yīng)了按鈕的四個(gè)狀態(tài)。 圖 4-81 新建按鈕元件圖4-82 按鈕元件的四個(gè)幀四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 制作教學(xué)大

50、綱的返回按鈕元件（2）單擊工具箱上的“橢圓工具”，在工具箱上將邊框線設(shè)為黑色，填充顏色設(shè)為紅色漸變，在彈起幀繪制一個(gè)橢圓，如圖4-83所示。圖 4-83 繪制橢圓四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 制作教學(xué)大綱的返回按鈕元件（3）單擊“指針經(jīng)過”幀，按F6插入關(guān)鍵幀，在橢圓的屬性面板上將橢圓的顏色改為綠色漸變；同樣的方法，在“按下”幀插入關(guān)鍵幀，將該幀的橢圓改為藍(lán)色漸變，如圖4-84所示。圖 4-84 按鈕的各個(gè)幀四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 制作教學(xué)大綱的返回按鈕元件（4）添加并選中新圖層，運(yùn)用“文本工具”在舞臺上輸入“返回”，如圖4-85所示。（5）單擊編輯區(qū)左上角的“教學(xué)大綱”，將“返回按

51、鈕”元件從庫面板中拖動(dòng)至舞臺中，如圖4-86所示。圖 4-85 輸入按鈕的文字標(biāo)簽圖 4-86 使用返回按鈕四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 2. 制作主界面的透明菜單按鈕主界面的菜單按鈕是透明的、動(dòng)態(tài)的，當(dāng)鼠標(biāo)移至按鈕上方時(shí)，按鈕的半透明背景能夠忽明忽暗地閃爍。（1）切換至“主界面”場景。按Ctrl+F8鍵，在“創(chuàng)建新元件”窗口中，輸入名稱為“透明按鈕”，類型為“按鈕”，如圖4-87所示。圖 4-87 添加按鈕元件四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 2. 制作主界面的透明菜單按鈕（2）選中“指針經(jīng)過”幀，按F6鍵在此插入關(guān)鍵幀。利用“矩形工具”，在屏幕的十字附近繪制一個(gè)如圖4-88所示的白色矩形。

52、然后在單擊“點(diǎn)擊”幀，按F6鍵同樣插入關(guān)鍵幀。圖 4-88 指針經(jīng)過幀四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 2. 制作主界面的透明菜單按鈕（3）單擊關(guān)鍵幀“指針經(jīng)過”，此時(shí)在編輯區(qū)上將選中該關(guān)鍵幀的所有內(nèi)容，即剛才繪制的白色矩形，如圖4-89所示。按F8鍵，將白色矩形轉(zhuǎn)化為名為“閃爍-靜止”的圖形元件；再次按F8鍵，將白色矩形再次轉(zhuǎn)化為名為“閃爍-動(dòng)畫”的電影剪輯元件。圖 4-89 將白色矩形轉(zhuǎn)化為元件四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 2. 制作主界面的透明菜單按鈕（4）在編輯區(qū)中雙擊白色矩形，進(jìn)入“閃爍-動(dòng)畫”元件的編輯狀態(tài)，如圖4-90所示。（5）單擊選中白色矩形，在其屬性面板上的“顏色”下拉框設(shè)

53、“Alpha: 20%”。單擊第5幀，按F6插入關(guān)鍵幀；單擊第10幀，按F6鍵插入關(guān)鍵幀，如圖4-91所示。 圖4-91 插入關(guān)鍵幀圖 4-90 編輯閃爍元件四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 2. 制作主界面的透明菜單按鈕（6）在時(shí)間軸上單擊第5幀處，將當(dāng)前幀定位到第5幀。單擊矩形，在其屬性面板上將顏色設(shè)為“Alpha：0%”，使得矩形透明而不可見。（7）分別右擊第1幀、第5幀，并在彈出菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。按鈕制作完畢，如圖4-92所示。圖 4-92 創(chuàng)建補(bǔ)間動(dòng)畫四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 2. 制作主界面的透明菜單按鈕（8）單擊編輯區(qū)左上角的“主界面”，回到場景編輯狀態(tài)。添加一

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

55、圖 4-95 添加幀動(dòng)作四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 3. 添加動(dòng)作腳本（1）主界面的動(dòng)作在舞臺上右鍵單擊透明按鈕，在彈出菜單中選擇“動(dòng)作”，在右側(cè)的代碼窗口中輸入如下代碼：on (press)gotoAndPlay(“教學(xué)大綱”, 1) ;四、動(dòng)作腳本實(shí)現(xiàn)Flash交互 3. 添加動(dòng)作腳本（2）“教學(xué)大綱”場景的動(dòng)作 右鍵單擊“內(nèi)容”圖層的第一幀，在彈出菜單中選擇“動(dòng)作”，在右側(cè)的代碼窗口中輸入“stop( );”。 切換至“教學(xué)大綱”場景。在舞臺上右鍵單擊“返回”按鈕，在彈出菜單中選擇“動(dòng)作”，在右側(cè)的代碼窗口中輸入如下代碼：on (press)gotoAndPlay(“主界面”, 1)

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

57、、教學(xué)資源以及在網(wǎng)絡(luò)教學(xué)平臺上實(shí)施的教學(xué)活動(dòng)。網(wǎng)絡(luò)課程包括教學(xué)內(nèi)容、學(xué)習(xí)資源、教學(xué)策略、學(xué)習(xí)支持、學(xué)習(xí)評價(jià)和教學(xué)活動(dòng)的總和，如圖4-97所示。網(wǎng)絡(luò)課程中各要素的不同組織方式形成了網(wǎng)絡(luò)課程不同的結(jié)構(gòu)。一、網(wǎng)絡(luò)課程的概念教學(xué)觀課程觀學(xué)習(xí)觀教學(xué)內(nèi)容教學(xué)活動(dòng)學(xué)習(xí)評價(jià)學(xué)習(xí)支持教學(xué)策略課程目標(biāo)學(xué)習(xí)資源圖 4-97 網(wǎng)絡(luò)課程構(gòu)成要素及設(shè)計(jì)原理示意圖一、網(wǎng)絡(luò)課程的概念二、網(wǎng)絡(luò)課程的基本特性1課程框架的完整性 為了讓學(xué)生通過對網(wǎng)絡(luò)課程的學(xué)習(xí)，完整地掌握一門課程的內(nèi)容，網(wǎng)絡(luò)課程應(yīng)當(dāng)具有一個(gè)非常系統(tǒng)的框架結(jié)構(gòu)，結(jié)構(gòu)中的各個(gè)組成部分之間有著邏輯的聯(lián)系。這種復(fù)雜的框架結(jié)構(gòu)是簡單的課件所不具備的。 2交互性 網(wǎng)絡(luò)課程作為

58、一個(gè)學(xué)習(xí)者學(xué)習(xí)的平臺，必須具有一個(gè)友好的人機(jī)交互界面。交互界面是學(xué)生和計(jì)算機(jī)進(jìn)行信息交換的通道，在網(wǎng)絡(luò)課程當(dāng)中，交互的形式包括有菜單、圖標(biāo)、按鈕、窗口、對話框、熱鍵、超鏈接、Email、聊天室、BBS等。二、網(wǎng)絡(luò)課程的基本特性 3多種媒體集成 網(wǎng)絡(luò)課程是由文本、圖形、動(dòng)畫、聲音、視頻等多種媒體信息集成在一起，經(jīng)過加工和處理所形成的教學(xué)系統(tǒng)。正因?yàn)槎嗝襟w教學(xué)軟件具有多種媒體的集成性，圖文聲像并茂，具有較強(qiáng)的表現(xiàn)力和感染力，所以能引起學(xué)生的學(xué)習(xí)興趣和提高學(xué)生的學(xué)習(xí)積極性。 4可更新 由于網(wǎng)絡(luò)課程是基于internet而存在的，因此便于更新是網(wǎng)絡(luò)課程的特性，這一特征可以在某種程度上指導(dǎo)教師的教學(xué)設(shè)計(jì)

59、。 三、網(wǎng)絡(luò)課程的構(gòu)成完整的網(wǎng)絡(luò)課程應(yīng)由如下幾個(gè)系統(tǒng)構(gòu)成： （1）教學(xué)內(nèi)容系統(tǒng)：包括課程簡介、目標(biāo)說明、教學(xué)計(jì)劃、知識點(diǎn)內(nèi)容、典型實(shí)例、多媒體素材等。 （2）開放的教學(xué)環(huán)境系統(tǒng)：包括相關(guān)內(nèi)容、參考文獻(xiàn)、資源、網(wǎng)址的提供等。 （3）學(xué)習(xí)導(dǎo)航系統(tǒng)：包括內(nèi)容檢索、路徑指引等。 （4）協(xié)商交流系統(tǒng)：包括電子郵件、電子公告板、聊天室、討論室、教師信箱、問答天地、疑難解答等。三、網(wǎng)絡(luò)課程的構(gòu)成（5）學(xué)習(xí)工具系統(tǒng)：包括字典、詞典、資料庫、電子筆記本等。（6）診斷評價(jià)系統(tǒng)：包括形成性練習(xí)、達(dá)標(biāo)測驗(yàn)、閱卷批改、成績顯示、結(jié)果分析等。（7）虛擬實(shí)驗(yàn)系統(tǒng)：包括實(shí)驗(yàn)情景、交互操作、結(jié)果呈現(xiàn)、數(shù)據(jù)分析等。（8）學(xué)生檔案系統(tǒng)：包括學(xué)生密碼、個(gè)人賬號、個(gè)人特征資料、其他相關(guān)資料等。 四、網(wǎng)絡(luò)課程設(shè)計(jì)與開發(fā)流程 網(wǎng)絡(luò)課程設(shè)計(jì)開發(fā)主要包括前期分析、總體設(shè)計(jì)、教學(xué)環(huán)境設(shè)計(jì)、腳本編寫、素材準(zhǔn)備、課件開發(fā)、測試評價(jià)和修改八個(gè)模塊，