模块多媒体教学课件的设计与开发

模块多媒体教学课件的设计与开发第一页，共一百五十三页，2022年，8月28日4.1多媒体教学课件概述第二页，共一百五十三页，2022年，8月28日一、多媒体课件的类型

多媒体课件是一种根据教学目标设计，表达特定教学内容，反映一定教学策略的计算机教学程序。按照教学功能划分，多媒体课件可分为:1．课堂教学型2．自主学习型3．资料工具型4．练习测试型5．模拟实验型6．教学游戏型第三页，共一百五十三页，2022年，8月28日二、多媒体课件开发与设计的原则1．教育性原则2．科学性原则3．控制性原则4．艺术性原则5．经济性原则第四页，共一百五十三页，2022年，8月28日三、多媒体课件素材的特点及格式（一）多媒体课件素材的特点在制作多媒体课件中，常用到的素材有文本、图形/图像、音频、动画、视频等。文本。文本信息主要指在计算机屏幕上呈现的文字内容，它是准确、有效地传播教学信息的重要媒体元素。图片。图片是学习者很容易接受的信息，一幅图片可以形象、生动、直观地表现出大量的信息。音频。波形音频是记录声音的最直接形式，对记录与播放的环境要求不高，在多媒体教学软件中应用也相当多。音频包括音乐、语音和各种音响效果。动画。动画是对事物运动、变化过程的模拟，可以用来模拟事物的变化过程、说明科学原理。视频。与动画相比，视频是对现实世界的真实记录。视频信息量比较大，具有更强的感染力，适宜呈现一些学习者感觉比较陌生的事物。第五页，共一百五十三页，2022年，8月28日三、多媒体课件素材的特点及格式（二）多媒体素材的常见格式文本:.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第六页，共一百五十三页，2022年，8月28日三、多媒体课件素材的特点及格式小知识

实践中常会出现由于图片、音频、动画和视频的存储格式选择不当，造成多媒体课件占用空间大、品质低的问题，因此平衡文件大小与质量之间的关系是制作课件首要考虑的事情。下面是四类素材应用于课件的一般规律：图片素材：课件制作中如果涉及到图像，一般使用JPG格式，大小控制在100～200KB之间；如果涉及图形，一般使用GIF格式，大小控制在100K内。音频素材：一般使用WMA或者MP3格式的音频文件，流量控制在16～128Kb/s之间。动画素材：一般使用GIF和SWF格式的动画文件，前者适用小卡通动画，大小控制在100K内，后者适用于各种类型的动画，交互性很强，播放畅快，大小一般控制在10M内。视频素材：常使用WMV格式的视频文件，流量控制在250KB/S左右。第七页，共一百五十三页，2022年，8月28日4.2演示文稿课件制作

第八页，共一百五十三页，2022年，8月28日

PowerPoint是MicrosoftOffice办公套装中的一个组件，也称为幻灯片。PowerPoint简单易学，非常适合于学科教师根据自己的教学需要制作简单的多媒体课件。1．演示文稿的基本功能PowerPoint简介基本功能说明幻灯片支持是演示文稿的基本单位，承载屏幕显示信息媒体支持每张幻灯片支持文字、图形图像、视频和声音的集成和使用表格支持提供表格的建立和编辑超级链接提供演示文稿内、外的超链接，支持网络链接动画支持提供幻灯片上媒体对象的动画支持，提供幻灯片切换动态效果数据图表提供多种形式数据图表演示播放按顺序播放，支持播放重组第九页，共一百五十三页，2022年，8月28日PowerPoint简介封面幻灯片内容：标题作者其它信息（如单位、时间等）目录幻灯片

内容：导航目录布局知识内容幻灯片

内容：文字内容素材形式布局动画效果图4-1演示文稿的基本架构

2．演示文稿的基本架构设计第十页，共一百五十三页，2022年，8月28日课堂活动实践

用PowerPoint2003制作多媒体课件1．确定教学内容本次实践内容以高中语文课程标准实验教材第四册，第二单元中苏轼的词《念奴娇·赤壁怀古》为例。念奴娇赤壁怀古大江东去，浪淘尽，千古风流人物。故垒西边，人道是，三国周郎赤壁。乱石穿空，惊涛拍岸，卷起千堆雪。江山如画，一时多少豪杰。遥想公瑾当年，小乔初嫁了，雄姿英发。羽扇纶巾，谈笑间，樯橹灰飞烟灭。故国神游，多情应笑我，早生华发。人生如梦，一尊还酹江月。第十一页，共一百五十三页，2022年，8月28日课堂活动实践

2．设计课件结构主界面导航赤壁风光课后作业文章注释文章分析作者平生文章朗读封面首页图4-2课件呈现的结构图第十二页，共一百五十三页，2022年，8月28日课堂活动实践

3．主要教学内容及相关素材收集文字、声音、图片来自互联网，视频截取DVD。参考网站：人民教育出版社网站，中学语文网中网，赤壁网。第十三页，共一百五十三页，2022年，8月28日课堂活动实践

4．课件制作（1）封面制作第1步：设置背景课件中使用与主题内容相适应的背景，将起到烘托主题的作用。选择菜单栏中“格式/背景/填充效果/图片/选择图片”，在弹出的窗口中，根据图片所存的地址位置找到所需的图片并插入，如图4-3所示。按“确定”后，再选择“全部应用”。第十四页，共一百五十三页，2022年，8月28日课堂活动实践

图4-3幻灯片背景设置第十五页，共一百五十三页，2022年，8月28日课堂活动实践

第2步：插入标题文字及图片第3步：声音运用在课件中运用声音有很多方式，可以用插入方式，也可在幻灯片切换中添加背景声音，但这两种方式对声音的控制效果不好，为了便于对声音的控制，可采用控件的方式插入声音。通过插入的媒体播放器中的[播放]、[停止]、[暂停]和[调节音量]等按钮对声音进行控制。具体方式是：选择菜单栏中“视图/工具栏/控件工具箱/其它控件/WindowsMediaPlayer”,插入媒体播放器，用鼠标选择窗口大小，在属性栏URL中设置声音文件的路径，如图4-4所示。第十六页，共一百五十三页，2022年，8月28日课堂活动实践

图4-4幻灯片封面设计第十七页，共一百五十三页，2022年，8月28日课堂活动实践

（2）课件主界面及导航的制作插入标题、图片和按钮（方法同上）。（3）对象超链接的设置（以文章朗读的超链接为例）第1步：文章朗读的超链接幻灯片间的超链接可以在文字上做超链接，也可以在图片上做超链接，这里选在文字上做超链接。鼠标选中“文章朗读”，然后单击鼠标右键，在弹出的菜单中选择“超链接”，然后选择“本文档中的位置”，然后选中“幻灯片8”文章朗读，点击“确定”即可。如图4-5所示。第十八页，共一百五十三页，2022年，8月28日课堂活动实践

图4-5幻灯片超链接设置第十九页，共一百五十三页，2022年，8月28日课堂活动实践

（4）页面的切换设置选择菜单栏中“幻灯片放映/幻灯片切换”，在弹出的幻灯片切换窗口中选择切换的方式，如“盒状展开”，还可以选择速度，如需要也可加入声音和设置换片方式。如图4-6所示。第二十页，共一百五十三页，2022年，8月28日课堂活动实践

图4-6幻灯片切换设置第二十一页，共一百五十三页，2022年，8月28日课堂活动实践

5．课件的保存和演示课件制作完毕，进行保存。演示课件，观看效果。PPT演示文稿课件制作的心得总结：（在制作过程中遇到了什么问题？你是如何解决的？）

第二十二页，共一百五十三页，2022年，8月28日4.3网页课件制作与发布

第二十三页，共一百五十三页，2022年，8月28日Dreamweaver简介Dreamweaver8是Macromedia新开发的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发，是一个可视化的网页设计和网站管理工具，Dreamweaver8包含有一个崭新、简洁、高效的界面，且性能也得到了改进。此外，还包含了众多新增的功能，改善了软件的易用性，无论处于设计环境还是编码环境都可以方便地生成页面。

第二十四页，共一百五十三页，2022年，8月28日课堂活动实践

Dreamwaver8制作多媒体课件1．确定教学内容以人教版小学语文第六册第一课《荷花》为例，将搜集到的荷花相关资源虚拟成专题网站──“荷花小站”。“荷花小站”设有五个部分，分别为“走进课堂”、“增长见识”、“灿烂文化”、“荷花资源”、“荷言荷语”。这当中既包括课堂教学所用的资源，也包括供学生课后拓展性学习的资源。第二十五页，共一百五十三页，2022年，8月28日Dreamwaver8制作多媒体课件（1）建立站点①打开“我的电脑”窗口，在E盘建立网页的存放文件夹E:\myweb。②在站点文件夹myweb中建立图片文件夹：E:\myweb\images；（作为默认的标准，统一用“Images”命名）。将本课中相关的图片、视频等资源复制到images文件夹中。小提示：站点里存放了网页、图片、音频和视频等各种资源，建立站点，有利于统一组织和管理与网页相关的各类文档。建站时根据不同的文件类型建立文件夹（如：建立images存放图片），以方便分类管理站点中的各种资源。第二十六页，共一百五十三页，2022年，8月28日③启动Dreamwaver8，单击菜单“站点>新建站点”，设置如图4-7。图4-7定义荷花站点Dreamwaver8制作多媒体课件第二十七页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面现在开始制作一个有图片、文字和背景的简单页面“song”，如图4-8所示。图4-8简单页面Dreamwaver8制作多媒体课件第二十八页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面①菜单“文件>新建”，选择“基本页>HTML”，点击“创建”，如图4-9所示。图4-9新建文档窗口Dreamwaver8制作多媒体课件第二十九页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面②输入诗歌的标题和文字，选中标题，在属性面板中，按照图4-10设置诗歌的标题“居中”、大小“18像素（px）”、“粗体”。图4-10设置文字格式Dreamwaver8制作多媒体课件第三十页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面③选中文字，在“字体”选项框中选择，黑体，设置文字为“黑体”，如图4-11所示。图4-11编辑字体列表Dreamwaver8制作多媒体课件第三十一页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面④插入图片，光标定位在文字的左上方，在“常用”工具栏中，选择“图像”按钮，插入图片。⑤在属性面板中设置图片对齐方式，如图4-12所示。图4-12插入和设置图片Dreamwaver8制作多媒体课件第三十二页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面⑥设置网页的背景颜色，“修改>页面”，按照图4-13设置修改页面属性。图4-13页面属性Dreamwaver8制作多媒体课件第三十三页，共一百五十三页，2022年，8月28日（2）制作一个简单的页面⑦保存页面，选择“文件>保存”，文件名存为“song.htm”。⑧单击预览按钮>“预览在IExplorer6.0”,预览网页的效果。Dreamwaver8制作多媒体课件第三十四页，共一百五十三页，2022年，8月28日（3）创建链接参照以上的的方法，创建网页“introduce.html”（如图4-14所示）图4-14introduce.html页面Dreamwaver8制作多媒体课件第三十五页，共一百五十三页，2022年，8月28日（3）创建链接①在“introduce.html”中选中“舟过安仁”，用链接锚点选中链接的网页名称，如图4-15所示。或者单击“文件夹”按钮进行设置。当选中文字下方出现下划线表示链接设置成功，保存设置。图4-15添加链接Dreamwaver8制作多媒体课件第三十六页，共一百五十三页，2022年，8月28日Dreamwaver8制作多媒体课件（3）创建链接②打开“song.html”，选中要链接的字体“返回介绍”，用同样的方法进行链接设置。③保存设置，单击F12预览网页效果，可以看到两个页面可以相互链接访问。第三十七页，共一百五十三页，2022年，8月28日Dreamwaver8制作多媒体课件（4）创建首页“index.html”①新建页面，单击菜单“插入>表格”，用于定位页面上方的Flash动画，如图4-16所示。选中表格，在属性面板上设置为“居中对齐”，如图4-17所示。图4-16表格窗口图4-17表格属性面板第三十八页，共一百五十三页，2022年，8月28日Dreamwaver8制作多媒体课件（4）创建首页“index.html”②在表格内部单击，选择菜单“插入>媒体>Flash”。选中E:\myweb\images下的“top.swf”后单击“确定”，如图4-18所示。图4-18插入Flash第三十九页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”③单击图4-19的“预览在IExplorer6.0F12”,预览目前的效果。图4-19预览网页Dreamwaver8制作多媒体课件第四十页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”

④单击菜单“插入>表格”，按照图4-20设置制作网页的主体部分。在表格属性面板中设置表格的属性，如图4-21所示。图4-20表格窗口图4-21表格属性面板Dreamwaver8制作多媒体课件第四十一页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”

⑤在表格内部单击，选择菜单“插入>表格”，插入一个1行5列的表格，把制作好的图片插入到表格中；按照图4-22设置左部分的单元格的“属性”，效果如图4-23所示。图4-22单元格属性Dreamwaver8制作多媒体课件第四十二页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”

图4-23页面效果图Dreamwaver8制作多媒体课件第四十三页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”⑥在文字“首页》走进课堂”的下方，单击“插入”>“HTML”>“水平线”，插入一条水平线。⑦在水平线下方插入一个1行2列的表格。按照图4-23在左单元格输入文字，右单元格插入图片。设置链接，单击“杨万里”能链接到“introduce.html”。⑧再插入第二条水平线，并输入《荷花》这篇课文。⑨最后插入一个1行1列的表格，输入版权信息，设置背景颜色。

Dreamwaver8制作多媒体课件第四十四页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”⑩设置背景，“修改>页面”，按照图4-24设置修改页面属性。

图4-24修改页面属性Dreamwaver8制作多媒体课件第四十五页，共一百五十三页，2022年，8月28日（4）创建首页“index.html”最后，选择“文件”>保存”，保存页面为index.html，保存目录为E:\myweb\index.html。预览网页效果，如图4-25所示。图4-25index.htm页面效果Dreamwaver8制作多媒体课件第四十六页，共一百五十三页，2022年，8月28日（5）创建网页模板①对首页进行修改，删除不需要的内容，只留下主框架，如图4-26所示。

图4-26页面模板Dreamwaver8制作多媒体课件第四十七页，共一百五十三页，2022年，8月28日（5）创建网页模板②单击“文件”>“另存为模板”，按照图4-27、图4-28设置模板的名字。图4-27另存为模板图4-28另存模板名称Dreamwaver8制作多媒体课件第四十八页，共一百五十三页，2022年，8月28日（5）创建网页模板③右键单击模板中的表格空白处，按照图4-29所示新建模板可编辑区域。④输入编辑区域的名称，效果如图4-30所示。设置完成，保存模板。

图4-29新建可编辑区域图4-30模板效果Dreamwaver8制作多媒体课件第四十九页，共一百五十三页，2022年，8月28日（6）利用模板建立网页①单击“文件”>“模板”，选择刚才建立的模板“主页”，如图4-31所示。图4-31从模板新建Dreamwaver8制作多媒体课件第五十页，共一百五十三页，2022年，8月28日（6）利用模板建立网页②在编辑区里插入2行1列的表格，在第一个单元格中输入文字“首页》增长见识”，在第二个单元格内单击“插入”>“媒体”>“shockwave”，在“选择文件”窗口中，选择“images/paint.wmv”视频文件，如图4-32所示。图4-32插入视频Dreamwaver8制作多媒体课件第五十一页，共一百五十三页，2022年，8月28日（6）利用模板建立网页③保存网页，预览效果，如图4-33所示。④用同样的方法，利用模板，完成“荷花资源”网页的制作，如图4-34所示。图4-33插入视频后的效果图4-34“荷花资源”网页Dreamwaver8制作多媒体课件第五十二页，共一百五十三页，2022年，8月28日网页课件制作的心得总结：（在制作过程中遇到了什么问题？你是如何解决的？）

Dreamwaver8制作多媒体课件第五十三页，共一百五十三页，2022年，8月28日4.4Flash课件设计与制作第五十四页，共一百五十三页，2022年，8月28日Flash简介Flash是美国Macromedia公司出品的一款二维动画制作软件，是交互式矢量图和Web动画的标准，其中经历的历史版本有Flash1-5、FlashMax2004、Flash8、FlashCS3、FlashCS4等。2005年，Macromedia公司被Adobe公司收购，当前Flash的最新版本为AdobeFlashCS4。Flash与Dreamweaver、Fireworks并称网页设计三剑客，是网页设计师的必备工具之一。Flash拥有强大的动画制作和交互功能，广泛应用于制作多媒体交互网页、游戏、动画片、MTV、课件等。Flash非常适合制作网络化的、强交互性的教学课件，其输出的SWF格式精致小巧，非常适合互联网上发布。第五十五页，共一百五十三页，2022年，8月28日

Flash的工作窗口主要包括菜单栏、工具栏、编辑区、层控制区、时间轴、属性面板和功能面板等，如图4-35所示。

菜单栏时间轴工具箱舞台工作区属性面板功能面板主工具栏图4-35Flash的工作界面一、FlashCS3的界面第五十六页，共一百五十三页，2022年，8月28日1.时间轴动画（Animation）是由一系列连续播放的静止画面组成的，这些静止的画面在Flash中称为帧（Frame）。时间轴（Timeline）是对帧和图层进行操作的地方，主要由图层、帧和播放头组成，分为左右两个窗口：左窗口是图层控制区，用来对图层进行管理和操作；右窗口是帧控制区，用来对帧进行操作，如图4-36所示。一、FlashCS3的界面第五十七页，共一百五十三页，2022年，8月28日图4-36时间轴窗口添加引导性图层图层显示比例播放头帧刻度帧控制区场景名称隐藏/显示时间轴添加图层添加图层文件夹修改绘图纸标记编辑多帧绘图纸外观轮廓删除图层绘图纸外观图层控制区一、FlashCS3的界面第五十八页，共一百五十三页，2022年，8月28日（1）图层控制区图层（Layer）类似于AdobePhotoshop中图层的概念，各个图层上的帧是相互独立的。如同4-37所示。因此，在有多个图层之后，关于帧的操作必须指明是哪个图层的哪个帧。显示/隐藏所有图层显示/隐藏所有图层的轮廓锁定/解锁所有图层锁定/解锁图层显示/隐藏图层的轮廓当前选定图层显示/隐藏图层图4-37图层控制区一、FlashCS3的界面第五十九页，共一百五十三页，2022年，8月28日（2）帧控制区帧是构成Flash动画的基本单位，一个帧，就是指Flash中的一个画面。在帧控制区中，每个小方格就是一个帧。Flash动画就是按照一定速度连续地播放这些帧产生的。帧包括以下类型，见图4-38。

图4-38帧控制区及帧的类型普通帧普通帧的末尾处关键帧普通帧空白关键帧（变形）过渡帧（运动）过渡帧一、FlashCS3的界面第六十页，共一百五十三页，2022年，8月28日①关键帧(KeyFrame)：关键帧是动画制作时的关键画面，有且只有关键帧才可以保存制作者对画面内容的编辑。时间轴上的关键帧可以包含Flash动画中的各种内容，例如文字、图形、图片、声音、元件等各种对象。空白关键帧：如果一个关键帧在舞台上没有任何内容，则称之为空白关键帧，在时间轴上显示为。②过渡帧：由计算机自动生成的画面称为过渡帧。过渡帧无须制作者手工编辑，它总是位于两个关键帧之间，在时间轴上的底色为浅绿色（）或浅蓝色（），并且包含一根带有箭头的直线。一、FlashCS3的界面第六十一页，共一百五十三页，2022年，8月28日③普通帧：普通帧的作用是简单地延续前一个关键帧的内容，在时间轴上，和都是普通帧，其中，延续的是空白关键帧。与关键帧不同，普通帧只能延续显示前一个关键帧的内容，不能保存制作者对内容的修改。关于帧的常用快捷键如下：F5，插入普通帧；F6，插入关键帧；F7，插入空白关键帧。2.舞台（Stage）工作区舞台是编辑Flash画面内容的区域。舞台中中央是一个白色或其他颜色的矩形区域，它是舞台的工作区。在Flash作品输出后，只有在舞台工作区内的对象，才能被用户观看到。一、FlashCS3的界面第六十二页，共一百五十三页，2022年，8月28日3.工具箱工具箱主要提供图形绘制和图形编辑等各种工具，把鼠标停留在工具箱某个按钮上，软件会提示该按钮的名称和快捷键（如图4-39a）。有的工具按钮左下角有一个小三角，在鼠标单击不放开时，能够弹出更多的工具供选择（如图4-39b）图4-39工具箱一、FlashCS3的界面第六十三页，共一百五十三页，2022年，8月28日4.属性面板属性面板用于设置文件中当前选中对象的属性。因此，如果要设置某个对象的属性，一般都需要先使用工具箱中的“选择工具”选中对象。例如，如果“选择工具”单击舞台空白区域，将呈现文档属性面板；如果单击选中某个关键帧，则呈现帧属性面板；如果单击选中舞台中的文字，则呈现文字属性面板，如图4-40所示。一、FlashCS3的界面第六十四页，共一百五十三页，2022年，8月28日文档属性面板帧属性面板文字属性面板图4-40各种属性面板一、FlashCS3的界面第六十五页，共一百五十三页，2022年，8月28日5.功能面板Flash是一个非常强大的软件，包含一系列的功能面板，每个功能面板都提供某一方面的功能。默认界面上只呈现了少量的面板，其他功能面板可以通过“窗口”菜单来显示或隐藏，常用的有“库”、“公用库”、“动作”、“对齐”、“颜色”、“变形”、“其他面板→场景”等。Flash中的工具箱、属性面板和功能面板等都可以浮动在界面上，如果要恢复为默认的界面，单击菜单“窗口→工作区→默认”。一、FlashCS3的界面第六十六页，共一百五十三页，2022年，8月28日Flash动画不管如何复杂，都可以归纳为以下动画类型：逐帧动画 ：逐帧动画是由连续的关键帧序列组成的，是最基本的动画方式。与传统的动画的制作原理相同，逐帧动画的每个帧都需要单独编辑，制作工作量大，但它对动画效果有很强的控制能力，适合较为复杂的动画。在图4-41中米老鼠动画一共有12个关键帧，每个关键帧的画面如图所示，请仔细观察云朵和脚步的变化。一、FlashCS3的界面第六十七页，共一百五十三页，2022年，8月28日二、Flash动画的分类679128101134251图4-41逐帧动画的原理第六十八页，共一百五十三页，2022年，8月28日2.过渡动画：Flash所擅长的不是逐帧动画，而是过渡动画。过渡动画由两个关键帧定义动画序列的起始状态和结束状态，动画的中间效果由计算机自动产生。过渡动画提高了制作效率，在整个制作过程中，制作者只需要编辑好两个首尾关键帧，中间的过渡帧由Flash自动生成。

二、Flash动画的分类第六十九页，共一百五十三页，2022年，8月28日

过渡动画进一步分为两种：（1）运动过渡动画：运动过渡动画能够产生位置、大小、旋转、颜色属性等变化效果，并且可以设置移动路径、旋转方向等动画细节。运动过渡在时间轴上表现为浅蓝色、带箭头直线的帧序列。尤其注意，运动过渡的动画对象必须是集合体或者元件。（2）变形过渡动画：变形过渡可以产生任意形状、位置和颜色的平滑变化。尤其注意，变形过渡的动画对象必须是打散的对象。二、Flash动画的分类第七十页，共一百五十三页，2022年，8月28日课堂实践活动活动1用Flash制作简单动画

第七十一页，共一百五十三页，2022年，8月28日本例将制作一个依次显示5、4、3、2、1进行倒计时的动画，该动画的第1、6、11、16、21帧是关键帧。1.新建文件：启动Flash，点击菜单“文件→新建”，设置如图4-42所示，单击“确定”。图4-42新建文件一、逐帧动画——倒计时第七十二页，共一百五十三页，2022年，8月28日2.制作第一个关键帧（1）单击工具箱上的文本工具，在舞台工作区内单击，输入“5”。（2）单击工具箱上的选取工具，在文字属性面板上，改变“5”的字号和颜色，如图4-43所示。图4-43设置文字属性一、逐帧动画——倒计时第七十三页，共一百五十三页，2022年，8月28日3.制作其他关键帧（1）单击第6帧，（见图4-44），按键盘上的F6插入关键帧。（2）双击“5”，将之改成“4”。如图4-45。

图4-44单击第6帧图4-45编辑第6帧一、逐帧动画——倒计时第七十四页，共一百五十三页，2022年，8月28日3.制作其他关键帧（3）重复上一步骤，依次在第11，16，21帧插入关键帧，并将数字相应地修改为“3”，“2”，“1”。最后在第25帧单击，按【F5】插入帧。4.保存和测试动画（1）选择“文件→保存”，保存Flash文件。保存的格式是*.Fla，这是Flash文件的源文件格式。）（2）按回车键在舞台上预览动画。或者选择“控制→测试影片”（Ctrl+回车），在FlashPlayer播放器中观看动画效果。观看完毕，关闭播放窗口。一、逐帧动画——倒计时第七十五页，共一百五十三页，2022年，8月28日二、变形过渡动画——正方形变成圆1.制作开始帧（1）新建文件，单击工具箱的矩形工具，按住Shift键，在工作区拖动绘制出一个正方形。（2）单击工具箱的选取工具，双击选中矩形的内部，以便同时选择矩形的边框线和内部填充。按照图4-46所示，将矩形的边框粗细设为5，颜色为红色（#FF0000）；内部填充为黄色（#FFFF00）。第七十六页，共一百五十三页，2022年，8月28日1.制作开始帧图4-46设置图形的属性二、变形过渡动画——正方形变成圆第七十七页，共一百五十三页，2022年，8月28日2.制作结束帧(1)单击第30帧，按键盘上的F7键插入空白关键帧。(2)鼠标按住不放，在弹出菜单中选择“椭圆工具”。按住Shift键，在工作区中拖动绘制一个圆。(3)单击工具箱中的“选取工具”，双击选中圆的内部，参考步骤前面的步骤，在图形属性面板上任意改变圆的边框线和内部填充的颜色，效果参考图4-47所示。二、变形过渡动画——正方形变成圆第七十八页，共一百五十三页，2022年，8月28日2.制作结束帧图4-47在第30帧绘制圆二、变形过渡动画——正方形变成圆第七十九页，共一百五十三页，2022年，8月28日3.创建过渡帧（1）右击中间的某个帧（可以是第1帧至29帧的任意一帧），在弹出的快捷菜单中选择“创建补间形状”命令，如图4-48所示。（2）按Ctrl+回车键或单击“控制→测试影片”命令，观看影片的输出效果。

二、变形过渡动画——正方形变成圆第八十页，共一百五十三页，2022年，8月28日3.创建过渡帧图4-48创建中间的过渡帧二、变形过渡动画——正方形变成圆第八十一页，共一百五十三页，2022年，8月28日活动2用Flash制作多媒体课件第八十二页，共一百五十三页，2022年，8月28日用Flash制作如图4-49所示的网络课件。该课件涉及到的重要知识点：有导入素材、使用声音、场景、按钮元件、图形元件、影片剪辑元件、动作脚本、蒙板图层、引导线图层、导出影片等。图4-49课件的主界面用Flash制作多媒体课件第八十三页，共一百五十三页，2022年，8月28日一、制作主界面1.导入课件主界面的背景（1）点击菜单“文件→新建”，选择“Flash文件（ActionScript2.0）”选项，如图4-50所示。（2）按Ctrl+J（或菜单“修改→文档”），修改文档的尺寸为800*560，背景颜色为#006666。见图4-51。图4-50新建文件图4-51修改文档属性第八十四页，共一百五十三页，2022年，8月28日1.导入课件主界面的背景（3）按Ctrl+R键（或菜单“文件→导入→导入到舞台”），选择素材文件夹下的“背景图a.jpg”（如图4-52）。

图4-52导入图片一、制作主界面第八十五页，共一百五十三页，2022年，8月28日1.导入课件主界面的背景（4）单击工作区右上角的显示比例，将显示比例设为“显示帧”。单击选中图片，在位图属性工具栏上，将图片的x、y坐标设为0（如图4-53）。图4-53修改图片的位置一、制作主界面第八十六页，共一百五十三页，2022年，8月28日2.制作背景图的图形元件

（3）单击图层控制区的“插入图层”按钮，新建“图层2”。选择工具箱的“椭圆绘制工具”，在形状属性面板上，设置边框线为白色、1px，填充颜色为（无色），单击图层2第1帧，按住Shift键在舞台上拖动绘制一个圆，如图4-56所示。图4-56元件中绘制圆一、制作主界面第八十七页，共一百五十三页，2022年，8月28日2.制作背景图的图形元件

（4）点击工具箱中的“选取工具”，选中刚才绘制的圆，按F8键，将其转化为名为“圆”的图形元件。（5）按Ctrl+L键或点击“窗口→库”菜单，打开库面板。两次将圆拖动到舞台上，以便在舞台上放置两个圆。单击选中舞台上的一个圆，按键盘Q键（或单击工具箱上的变形工具），然后按住Shift不放开，拖动修改圆的大小。按键盘V键（或单击工具箱的选取工具），拖动调整圆的位置。调整后的效果如图4-57所示。一、制作主界面第八十八页，共一百五十三页，2022年，8月28日2.制作背景图的图形元件

图4-57从库中拖动元件到舞台一、制作主界面第八十九页，共一百五十三页，2022年，8月28日2.制作背景图的图形元件（6）利用“选取工具”选中一个圆，在实例属性面板上将元件的透明度设置为25%。同样地，将其他两个圆实例的透明度设置为25%，如图4-58所示。（7）单击舞台左上角的“场景1”，退出元件的编辑状态，返回到场景的编辑状态。

图4-58元件的属性面板一、制作主界面第九十页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动该动画利用影片剪辑元件来实现。（1）制作名为“标题-静止”的图形元件①按Ctrl+F8键（或“插入→新建元件”命令），创建一个名为“标题-静止”的图形元件。如图4-59。

图4-59创建新元件一、制作主界面第九十一页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动（1）制作名为“标题-静止”的图形元件

②按T键（或单击“文本工具”），在文本属性面板上设置字体为“黑体、35字号、白色”，在“标题-静止”元件的编辑区的正中心“+”附近，输入“《网页制作》网络课程”，如图4-60所示。一、制作主界面图4-60输入标题文字第九十二页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动（1）制作名为“标题-静止”的图形元件

③按V键（或点击选取工具），单击选中标题文字，按Ctrl+C键复制。单击时间轴上的“插入图层”按钮，并单击“图层2”的第一帧，按Ctrl+Shift+V键（或单击“编辑→粘贴到当前位置”菜单）粘贴标题文字。④在舞台上选中“图层2”的标题文字，在文本属性面板上，将文字颜色修改为#996600。按键盘的方向键，将其与图层1的标题文字稍微错开位置，产生阴影效果。如图4-61所示。

一、制作主界面第九十三页，共一百五十三页，2022年，8月28日一、制作主界面图4-61阴影效果的标题文字第九十四页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动（2）制作名为“标题-动画”的影片剪辑元件①按Ctrl+F8键，元件名称为“标题-动画”，类型为“影片剪辑”，设置完成后点击“确定”。②按Ctrl+L键打开库面板，将“标题-静止”元件从库面板拖放到元件编辑区的中心附近。如图4-62所示。一、制作主界面图4-62从库面板使用元件第九十五页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动（2）制作名为“标题-动画”的影片剪辑元件③用“选取工具”单击时间轴上的第60帧，按F6键插入关键帧。单击第30帧，同样按F6键插入关键帧。接着，在编辑区中水平向右拖放标题文字，将第30帧的文字放置在编辑区右侧位置。操作界面如图4-63所示。一、制作主界面图4-63插入关键帧第九十六页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动（2）制作名为“标题-动画”的影片剪辑元④单击第1至29之间的某个帧，在帧属性面板中将补间设置为“动画”，以便创建第1至30帧之间的运动过渡。使用同样的方法，创建第30至60之间的运动过渡。如图4-64所示。按回车键，在编辑区中观看运动效果。一、制作主界面图4-64设置过渡动画第九十七页，共一百五十三页，2022年，8月28日3.制作运动过渡动画——标题的运动（2）制作名为“标题-动画”的影片剪辑元⑤单击元件编辑区左上角的“场景1”，回到场景编辑状态。（3）在场景的舞台上使用元件①在图层控制区，双击文字“图层1”，将其图层名修改为“背景”。单击“插入图层”按钮，建立新图层，并命名为“标题”。②打开“库”面板，将“标题-动画”元件从库中，拖动到舞台偏上位置。如果有必要，可以按Ctrl+回车键测试影片。一、制作主界面第九十八页，共一百五十三页，2022年，8月28日4.制作遮罩层动画——滚动的文字（1）进入素材文件夹，双击打开“课程简介.txt”，在记事本中按Ctrl+A键选中所有文字，按Ctrl+C键复制文字，见图4-65。（2）在Flash中，按Ctrl+F8键，创建一个名为“滚动文字”的影片剪辑元件，见图4-66。一、制作主界面图4-65在记事本中复制文字图4-66创建新元件第九十九页，共一百五十三页，2022年，8月28日4.制作遮罩层动画——滚动的文字（3）按T键（或单击文本工具），在文本属性面板上，设置文字为“宋体，20号，#996600”。在“滚动文字”元件编辑区的中心附近，拖动出一个方框，按Ctrl+V粘贴文字。如图4-67所示。一、制作主界面图4-67输入文字第一百页，共一百五十三页，2022年，8月28日4.制作遮罩层动画——滚动的文字（4）按V键（或单击“选取工具”），在编辑区中单击选中文字，在文本属性上，设置文本宽为“260”，x和y坐标都为0。如图4-68所示。按F8键将文字转化为图形元件，命名为“课程简介-静止”。（5）单击图层1的第400帧，按F6键插入关键帧。在编辑区中选中文字，在属性面板上，将文字的Y值（纵坐标）设为“-1300”，使文字往上放置。一、制作主界面图4-68修改文字的宽度和位置第一百零一页，共一百五十三页，2022年，8月28日4.制作遮罩层动画——滚动的文字（6）右键单击第1至399帧的任意一帧，在弹出的快捷菜单中选择“创建补间动画”命令。按回车键可以观看文字向上运动的效果。（7）单击“插入图层”按钮，插入“图层2”，单击工具箱中的“矩形工具”，单击图层2的第1帧，在编辑区中绘制一个长方形。单击“选取工具”，将长方形设置为“宽：280；高：-250；x：0；y：-240”，颜色不限，如图4-69所示。一、制作主界面第一百零二页，共一百五十三页，2022年，8月28日一、制作主界面图4-69绘制长方形第一百零三页，共一百五十三页，2022年，8月28日4.制作遮罩层动画——滚动的文字（8）右键单击图层2，在弹出的快捷菜单中选择“遮罩”命令，以便创建遮罩图层，如图4-70所示。一、制作主界面图4-70创建遮罩层第一百零四页，共一百五十三页，2022年，8月28日4.制作遮罩层动画——滚动的文字（9）单击编辑区左上角“场景1”，回到场景编辑状态。新建名为“滚动文字”的图层，选中该图层的第1帧，从库中将“滚动文字”元件拖放到舞台上，如图4-71所示。一、制作主界面图4-71使用“滚动文字”元件第一百零五页，共一百五十三页，2022年，8月28日1.新建场景（1）选择“窗口→其他面板→场景”菜单，在场景面板上单击“添加场景”按钮三次，建立三个新的场景，如图4-72所示。（2）双击面板中的“场景1”，输入“主界面”。使用同样的方法分别将其余场景命名为“教学大纲”、“案例欣赏”和“参考网站”，如图4-73所示。二、制作教学大纲模块图4-72添加场景图4-73修改场景名称第一百零六页，共一百五十三页，2022年，8月28日1.新建场景（3）单击“场景切换”按钮，在弹出的菜单中选择“教学大纲”，以便切换到了新的场景，如图4-74所示。图4-74切换场景按钮二、制作教学大纲模块第一百零七页，共一百五十三页，2022年，8月28日2.使用ScrollPane组件

利用该组件可制作带有滚动条的内容显示区。（1）使用“文件→导入”命令和文本工具、矩形工具等，制作如图4-75所示的画面。图4-75教学大纲的背景和标题二、制作教学大纲模块第一百零八页，共一百五十三页，2022年，8月28日2.使用ScrollPane组件

（2）新建名为“内容”的图层，选中该图层的第1帧。按Ctrl+F7键，打开“组件”面板，从“组件”面板中拖动ScrollPane组件到舞台上建立实例。在实例属性面板上设置“宽:750;高:450;x:30;y:90”，调整好组件实例的大小和位置，如图4-76所示。图4-76使用ScrollPane组件二、制作教学大纲模块第一百零九页，共一百五十三页，2022年，8月28日2.使用ScrollPane组件

（3）在ScrollPane的属性面板上选择“参数”选项卡，设置contentPath参数的值为“mcplan”，vScrollPolicy的值为on，如图4-77所示。图4-77组件的参数二、制作教学大纲模块第一百一十页，共一百五十三页，2022年，8月28日为了使用ScrollPane组件，需要把教学大纲的内容封装在一个影片剪辑元件中。因此，首先，下面制作“教学大纲内容”电影剪辑。1．按Ctrl+F8键，在“元件属性”对话框中，输入名称为“教学大纲内容”，类型为“影片剪辑”。单击“高级/基本”切换按钮展开更多属性，选中“为ActionScript导出”复选项，在“标示符”文本框中输入上一步骤中定义的“mcplan”，如图4-78所示。三、制作“教学大纲内容”电影剪辑第一百一十一页，共一百五十三页，2022年，8月28日三、制作“教学大纲内容”电影剪辑图4-78新建“教学大纲内容”元件第一百一十二页，共一百五十三页，2022年，8月28日三、制作“教学大纲内容”电影剪辑2．进入“教学大纲内容”元件的编辑状态，修改图层名称为“文字”。打开素材文件夹中的“教学大纲.txt”，将“教学大纲.txt”中的内容复制到Flash中。并且，将在文字的属性面板中设置“宽:700；x:0；y:0;字号:20”，如图4-79所示。图4-79设置文本格式第一百一十三页，共一百五十三页，2022年，8月28日三、制作“教学大纲内容”电影剪辑3．新建名为“图书”的图层，在其第1帧，选择“文件→导入”命令，将素材文件夹下的“跟我学网页设计”文件导入到舞台上。选中图片，按Q键，对图片进行变形调整，适当改变图片大小，如图4-80所示。图4-80导入并调整图片第一百一十四页，共一百五十三页，2022年，8月28日三、制作“教学大纲内容”电影剪辑4．单击元件编辑区左上角的“教学大纲”，回到场景。点击“控制→测试场景”，观看“教学大纲”场景的效果。本课件剩余的“案例欣赏”和“参考网站”场景的动画制作与“教学大纲”场景制作类似，

第一百一十五页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

Flash的交互是通过动作脚本（ActionScript）来实现的。 Flash可以为三种对象分配动作脚本，分别是：关键帧（KeyFrame）、按钮（Button）实例、电影剪辑（MovieClip）实例。下面以教学大纲模块为例，练习如何运用动作脚本实现“主界面”和“教学大纲”场景之间的切换。第一百一十六页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

1.制作教学大纲的返回按钮元件（1）按Ctrl+F8键，在“创建新元件”窗口中，输入名称为“返回按钮”，类型为“按钮”，然后单击“确定”按钮，如图4-81所示。提示：进入按钮元件编辑状态，我们发现它与其他的元件的时间轴完全不同（图4-82）。按钮元件的时间轴只包含向上（Up）、经过（Over）、向下（Down）和点击（Hit）四个帧，每个帧分别对应了按钮的四个状态。

图4-81新建按钮元件图4-82按钮元件的四个帧第一百一十七页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

制作教学大纲的返回按钮元件（2）单击工具箱上的“椭圆工具”，在工具箱上将边框线设为黑色，填充颜色设为红色渐变，在弹起帧绘制一个椭圆，如图4-83所示。图4-83绘制椭圆第一百一十八页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

制作教学大纲的返回按钮元件（3）单击“指针经过”帧，按F6插入关键帧，在椭圆的属性面板上将椭圆的颜色改为绿色渐变；同样的方法，在“按下”帧插入关键帧，将该帧的椭圆改为蓝色渐变，如图4-84所示。图4-84按钮的各个帧第一百一十九页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

制作教学大纲的返回按钮元件（4）添加并选中新图层，运用“文本工具”在舞台上输入“返回”，如图4-85所示。（5）单击编辑区左上角的“教学大纲”，将“返回按钮”元件从库面板中拖动至舞台中，如图4-86所示。图4-85输入按钮的文字标签图4-86使用返回按钮第一百二十页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮主界面的菜单按钮是透明的、动态的，当鼠标移至按钮上方时，按钮的半透明背景能够忽明忽暗地闪烁。（1）切换至“主界面”场景。按Ctrl+F8键，在“创建新元件”窗口中，输入名称为“透明按钮”，类型为“按钮”，如图4-87所示。图4-87添加按钮元件第一百二十一页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮（2）选中“指针经过”帧，按F6键在此插入关键帧。利用“矩形工具”，在屏幕的十字附近绘制一个如图4-88所示的白色矩形。然后在单击“点击”帧，按F6键同样插入关键帧。图4-88指针经过帧第一百二十二页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮（3）单击关键帧“指针经过”，此时在编辑区上将选中该关键帧的所有内容，即刚才绘制的白色矩形，如图4-89所示。按F8键，将白色矩形转化为名为“闪烁-静止”的图形元件；再次按F8键，将白色矩形再次转化为名为“闪烁-动画”的电影剪辑元件。图4-89将白色矩形转化为元件第一百二十三页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮（4）在编辑区中双击白色矩形，进入“闪烁-动画”元件的编辑状态，如图4-90所示。（5）单击选中白色矩形，在其属性面板上的“颜色”下拉框设“Alpha:20%”。单击第5帧，按F6插入关键帧；单击第10帧，按F6键插入关键帧，如图4-91所示。

图4-91插入关键帧图4-90编辑闪烁元件第一百二十四页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮（6）在时间轴上单击第5帧处，将当前帧定位到第5帧。单击矩形，在其属性面板上将颜色设为“Alpha：0%”，使得矩形透明而不可见。（7）分别右击第1帧、第5帧，并在弹出菜单中选择“创建补间动画”命令。按钮制作完毕，如图4-92所示。图4-92创建补间动画第一百二十五页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮（8）单击编辑区左上角的“主界面”，回到场景编辑状态。添加一个名为“菜单”的图层，单击“菜单”图层的第1帧，打开“库”面板，将“透明按钮”从库中拖动三次到舞台上，并调整按钮实例的位置，如图4-93所示。图4-93使用按钮元件第一百二十六页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

2.制作主界面的透明菜单按钮（9）利用“文本工具”和“文件→导入”命令，在按钮上方添加如图4-94所示的内容，完成三个按钮的制作。相关图标位于素材文件夹中。图4-94主界面的菜单第一百二十七页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

3.添加动作脚本可在适当地方添加动作脚本。（1）主界面的动作①右键单击“菜单”图层的第1帧，在弹出菜单中选择“动作”命令，在右侧的代码窗口中输入“stop();”，如图4-95所示。图4-95添加帧动作第一百二十八页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

3.添加动作脚本（1）主界面的动作②在舞台上右键单击透明按钮，在弹出菜单中选择“动作”，在右侧的代码窗口中输入如下代码：on(press){gotoAndPlay(“教学大纲”,1);}第一百二十九页，共一百五十三页，2022年，8月28日四、动作脚本实现Flash交互

3.添加动作脚本（2）“教学大纲”场景的动作①右键单击“内容”图层的第一帧，在弹出菜单中选择“动作”，在右侧的代码窗口中输入“stop();”。②切换至“教学大纲”场景。在舞台上右键单击“返回”按钮，在弹出菜单中选择“动作”，在右侧的代码窗口中输入如下代码：on(press){ gotoAndPlay(“主界面”,1);}第一百三十页，共一百五十三页，2022年，8月28日五、测试与输出影片

1．选择“窗口→测试影片”命令，观看动画效果。点击动画中的按钮，检查按钮是否正常。2．选择“文件→导出→导出影片”命令，将Flash导出SWF文件。此外，也可以先选择“文件→发布设置”命令进行导出的设置（如图4-96），然后选择“文件→发布”命令输出影片。图4-96发布设置第一百三十一页，共一百五十三页，2022年，8月28日Flash课件设计与制作的心得总结：（在制作过程中遇到了什么问题？你是如何解决的？）

第一百三十二页，共一百五十三页，2022年，8月28日4.5网络课程的设计与开发

第一百三十三页，共一百五十三页，2022年，8月28日网络课程是通过网络表现的某门学科的教学内容及实施的教学活动的总和，它包括两个组成部分：按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境。其中网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动。网络课程包括教学内容、学习资源、教学策略、学习支持、学习评价和教学活动的总和，如图4-97所示。网络课程中各要素的不同组织方式形成了网络课程不同的结构。一、网络课程的概念第一百三十四页，共一百五十三页，2022年，8月28日教学观课程观学习观教学内容教学活动学习评价学习支持教学策略课程目标学习资源图4-97网络课程构成要素及设计原理示意图一、网络课程的概念第一百三十五页，共一百五十三页，2022年，8月28日二、网络课程的基本特性1．课程框架的完整性为了让学生通过对网络课程的学习，完整地掌握一门课程的内容，网络课程应当具有一个非常系统的框架结构，结构中的各个组成部分之间有着逻辑的联系。这种复杂的框架结构是简单的课件所不具备的。2．交互性网络课程作为一个学习者学习的平台，必须具有一个友好的人机交互界面。交互界面是学生和计算机进行信息交换的通道，在网络课程当中，交互的形式包括有菜单、图标、按钮、窗口、对话框、热键、超链接、Email、聊天室、BBS等。第一百三十六页，共一百五十三页，2022年，8月28日二、网络课程的基本特性3．多种媒体集成网络课程是由文本、图形、动画、声音、视频等多种媒体信息集成在一起，经过加工和处理所形成的教学系统。正因为多媒体教学软件具有多种媒体的集成性，图文声像并茂，具有较强的表现力和感染力，所以能引起学生的学习兴趣和提高学生的学习积极性。4．可更新由于网络课程是基于internet而存在的，因此便于更新是网络课程的特性，这一特征可以在某种程度上指导教师的教学设计。

第一百三十七页，共一百五十三页，2022年，8月28日三、网络课程的构成

完整的网络课程应由如下几个系统构成：（1）教学内容系统：包括课程简介、目标说明、教学计划、知识点内容、典型实例、多媒体素材等。（2）开放的教学环境系统：包括相关内容、参考文献、资源、网址的提供等。（3）学习导航系统：包括内容检索、路径指引等。（4）协商交流系统：包括电子邮件、电子公告板、聊天室、讨论室、教师信箱、问答天地、疑难解答等。第一百三十八页，共一百五十三页，2022年，8月28日三、网络课程的构成

（5）学习工具系统：包括字典、词典、资料库、电子笔记本等。（6）诊断评价系统：包括形成性练习、达标测验、阅卷批改、成绩显示、结果分析等。（7）虚拟实验系统：包括实验情景、交互操作、结果呈现、数据分析等。（8）学生档案系统：包括学生密码、个人账号、个人特征资料、其他相关资料等。第一百三十九页，共一百五十三页，2022年，8月28日四、网络课程设计与开发流程网络课程设计开发主要包括前期分析、总体设计、教学环境设计、脚本编写、素材准备、课件开发、测试评价和修改八个模块，如图4-98所示。前期分析总体设计界面的设计导航策略设计交互的设计网络结构设计脚本编写素材准备课件开发教学环境设计测试与评价修改图4-98网络课程设计开发流程图第一百四十页，共一百五十三页，2022年，8月28日网络课程开发的基本步骤：1．前期分析首先进行前期分析，鉴定学生的需求、特点和学习风格，确定整个课程的教学大纲、教学目标和教学内容。2．总体设计选择一个相对完整的教学单元，设计出一个教学单元的网络课件原型，通过原型设计，确定网络课件的总体风格、界面、导航风格、素材的规格以及脚本编写的内容。图4-99和图