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

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

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

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

第8頁(yè)，共153頁(yè)，2023年，2月20日，星期五

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第24頁(yè)，共153頁(yè)，2023年，2月20日，星期五課堂活動(dòng)實(shí)踐

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

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

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

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

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

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

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

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

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

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

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

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

二、Flash動(dòng)畫(huà)的分類第69頁(yè)，共153頁(yè)，2023年，2月20日，星期五

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

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

圖4-44單擊第6幀圖4-45編輯第6幀一、逐幀動(dòng)畫(huà)——倒計(jì)時(shí)第74頁(yè)，共153頁(yè)，2023年，2月20日，星期五3.制作其他關(guān)鍵幀（3）重復(fù)上一步驟，依次在第11，16，21幀插入關(guān)鍵幀，并將數(shù)字相應(yīng)地修改為“3”，“2”，“1”。最后在第25幀單擊，按【F5】插入幀。4.保存和測(cè)試動(dòng)畫(huà)（1）選擇“文件→保存”，保存Flash文件。保存的格式是*.Fla，這是Flash文件的源文件格式。）（2）按回車鍵在舞臺(tái)上預(yù)覽動(dòng)畫(huà)?；蛘哌x擇“控制→測(cè)試影片”（Ctrl+回車），在FlashPlayer播放器中觀看動(dòng)畫(huà)效果。觀看完畢，關(guān)閉播放窗口。一、逐幀動(dòng)畫(huà)——倒計(jì)時(shí)第75頁(yè)，共153頁(yè)，2023年，2月20日，星期五二、變形過(guò)渡動(dòng)畫(huà)——正方形變成圓1.制作開(kāi)始幀（1）新建文件，單擊工具箱的矩形工具，按住Shift鍵，在工作區(qū)拖動(dòng)繪制出一個(gè)正方形。（2）單擊工具箱的選取工具，雙擊選中矩形的內(nèi)部，以便同時(shí)選擇矩形的邊框線和內(nèi)部填充。按照?qǐng)D4-46所示，將矩形的邊框粗細(xì)設(shè)為5，顏色為紅色（#FF0000）；內(nèi)部填充為黃色（#FFFF00）。第76頁(yè)，共153頁(yè)，2023年，2月20日，星期五1.制作開(kāi)始幀圖4-46設(shè)置圖形的屬性二、變形過(guò)渡動(dòng)畫(huà)——正方形變成圓第77頁(yè)，共153頁(yè)，2023年，2月20日，星期五2.制作結(jié)束幀(1)單擊第30幀，按鍵盤(pán)上的F7鍵插入空白關(guān)鍵幀。(2)鼠標(biāo)按住不放，在彈出菜單中選擇“橢圓工具”。按住Shift鍵，在工作區(qū)中拖動(dòng)繪制一個(gè)圓。(3)單擊工具箱中的“選取工具”，雙擊選中圓的內(nèi)部，參考步驟前面的步驟，在圖形屬性面板上任意改變圓的邊框線和內(nèi)部填充的顏色，效果參考圖4-47所示。二、變形過(guò)渡動(dòng)畫(huà)——正方形變成圓第78頁(yè)，共153頁(yè)，2023年，2月20日，星期五2.制作結(jié)束幀圖4-47在第30幀繪制圓二、變形過(guò)渡動(dòng)畫(huà)——正方形變成圓第79頁(yè)，共153頁(yè)，2023年，2月20日，星期五3.創(chuàng)建過(guò)渡幀（1）右擊中間的某個(gè)幀（可以是第1幀至29幀的任意一幀），在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，如圖4-48所示。（2）按Ctrl+回車鍵或單擊“控制→測(cè)試影片”命令，觀看影片的輸出效果。

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

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

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

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

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

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

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

②按T鍵（或單擊“文本工具”），在文本屬性面板上設(shè)置字體為“黑體、35字號(hào)、白色”，在“標(biāo)題-靜止”元件的編輯區(qū)的正中心“+”附近，輸入“《網(wǎng)頁(yè)制作》網(wǎng)絡(luò)課程”，如圖4-60所示。一、制作主界面圖4-60輸入標(biāo)題文字第92頁(yè)，共153頁(yè)，2023年，2月20日，星期五3.制作運(yùn)動(dòng)過(guò)渡動(dòng)畫(huà)——標(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)題文字。④在舞臺(tái)上選中“圖層2”的標(biāo)題文字，在文本屬性面板上，將文字顏色修改為#996600。按鍵盤(pán)的方向鍵，將其與圖層1的標(biāo)題文字稍微錯(cuò)開(kāi)位置，產(chǎn)生陰影效果。如圖4-61所示。

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

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

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

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

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

Flash的交互是通過(guò)動(dòng)作腳本（ActionScript）來(lái)實(shí)現(xiàn)的。 Flash可以為三種對(duì)象分配動(dòng)作腳本，分別是：關(guān)鍵幀（KeyFrame）、按鈕（Button）實(shí)例、電影剪輯（MovieClip）實(shí)例。下面以教學(xué)大綱模塊為例，練習(xí)如何運(yùn)用動(dòng)作腳本實(shí)現(xiàn)“主界面”和“教學(xué)大綱”場(chǎng)景之間的切換。第116頁(yè)，共153頁(yè)，2023年，2月20日，星期五四、動(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)過(guò)（Over）、向下（Down）和點(diǎn)擊（Hit）四個(gè)幀，每個(gè)幀分別對(duì)應(yīng)了按鈕的四個(gè)狀態(tài)。

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

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

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

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

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

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

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

2.制作主界面的透明菜單按鈕（4）在編輯區(qū)中雙擊白色矩形，進(jìn)入“閃爍-動(dòng)畫(huà)”元件的編輯狀態(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頁(yè)，共153頁(yè)，2023年，2月20日，星期五四、動(dòng)作腳本實(shí)現(xiàn)Flash交互

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

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

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

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

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

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

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

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

第133頁(yè)，共153頁(yè)，2023年，2月20日，星期五網(wǎng)絡(luò)課程是通過(guò)網(wǎng)絡(luò)表現(xiàn)的某門(mén)學(xué)科的教學(xué)內(nèi)容及實(shí)施的教學(xué)活動(dòng)的總和，它包括兩個(gè)組成部分：按一定的教學(xué)目標(biāo)、教學(xué)策略組織起來(lái)的教學(xué)內(nèi)容和網(wǎng)絡(luò)教學(xué)支撐環(huán)境。其中網(wǎng)絡(luò)教學(xué)支撐環(huán)境特指支持網(wǎng)絡(luò)教學(xué)的軟件工具、教學(xué)資源以及在網(wǎng)絡(luò)教學(xué)平臺(tái)上實(shí)施的教學(xué)活動(dòng)。網(wǎng)絡(luò)課程包括教學(xué)內(nèi)容、學(xué)習(xí)資源、教學(xué)策略、學(xué)習(xí)支持、學(xué)習(xí)評(píng)價(jià)和教學(xué)活動(dòng)的總和，如圖4-97所示。網(wǎng)絡(luò)課程中各要素的不同組織方式形成了網(wǎng)絡(luò)課程不同的結(jié)構(gòu)。一、網(wǎng)絡(luò)課程的概念第134頁(yè)，共153頁(yè)，2023年，2月20日，星期五教學(xué)觀課程觀學(xué)習(xí)觀教學(xué)內(nèi)容教學(xué)活動(dòng)學(xué)習(xí)評(píng)價(jià)學(xué)習(xí)支持教學(xué)策略課程目標(biāo)學(xué)習(xí)資源圖4-97網(wǎng)絡(luò)課程構(gòu)成要素及設(shè)計(jì)原理示意圖一、網(wǎng)絡(luò)課程的概念第135頁(yè)，共153頁(yè)，2023年，2月20日，星期五二、網(wǎng)絡(luò)課程的基本特性1．課程框架的完整性為了讓學(xué)生通過(guò)對(duì)網(wǎng)絡(luò)課程的學(xué)習(xí)，完整地掌握一門(mén)課程的內(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)是簡(jiǎn)單的課件所不具備的。2．交互性網(wǎng)絡(luò)課程作為一個(gè)學(xué)習(xí)者學(xué)習(xí)的平臺(tái)，必須具有一個(gè)友好的人機(jī)交互界面。交互界面是學(xué)生和計(jì)算機(jī)進(jìn)行信息交換的通道，在網(wǎng)絡(luò)課程當(dāng)中，交互的形式包括有菜單、圖標(biāo)、按鈕、窗口、對(duì)話框、熱鍵、超鏈接、Email、聊天室、BBS等。第136頁(yè)，共153頁(yè)，2023年，2月20日，星期五二、網(wǎng)絡(luò)課程的基本特性3．多種媒體集成網(wǎng)絡(luò)課程是由文本、圖形、動(dòng)畫(huà)、聲音、視頻等多種媒體信息集成在一起，經(jīng)過(guò)加工和處理所形成的教學(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ì)。

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

完整的網(wǎng)絡(luò)課程應(yīng)由如下幾個(gè)系統(tǒng)構(gòu)成：（1）教學(xué)內(nèi)容系統(tǒng)：包括課程簡(jiǎn)介、目標(biāo)說(shuō)明、教學(xué)計(jì)劃、知識(shí)點(diǎn)內(nèi)容、典型實(shí)例、多媒體素材等。（2）開(kāi)放的教學(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èn)答天地、疑難解答等。第138頁(yè)，共153頁(yè)，2023年，2月20日，星期五三、網(wǎng)絡(luò)課程的構(gòu)成

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