Flash多媒体课件制作教程课件堂演示型课件.ppt
Flash多媒体课件制作教程,清华大学出版社,第6章 演示型多媒体课件的设计与制作,【学习目标】1.了解课堂演示型多媒体教学的特点；2.掌握课堂演示型多媒体教学课件的设计；3.Flash CS4模板的作用；4.学会使用Flash CS4的模板制作课堂演示型多媒体课件；,6.1 演示型多媒体课件概述6.2 演示型多媒体课件的设计6.3 Flash的模板6.4 用Flash CS4制作演示型多媒体课件,第6章 演示型多媒体课件的设计与制作,6.1 演示型多媒体课件概述,课堂演示型多媒体课件主要是根据教学内容和教学目标的需要，利用图形、动画等信息媒体来描述事物运动过程或性质，揭示事物的内在规律，使抽象的难于理解的知识对象变成形象直观、生动活泼的视觉信息；通过创设情境，调动学生积极思维，主动建构知识的意义，使学生在建构过程中，学习的能力得到培养。课堂演示型多媒体课件一般来说是为了解决某一学科的教学重点与教学难点而开发的，它注重对学生的启发、提示，反映问题解决的全过程，主要用于课堂演示教学。这种类型的教学软件要求画面要直观，尺寸比例较大，能按教学思路逐步深入地呈现。课堂演示型课件是将课件表达的教学内容在课堂讲课时作演示，并与教师的讲授或其他教学媒体相配合。这种类型课件一般与学生间无直接交互作用。,6.1 演示型多媒体课件概述,这种类型的课件要求有大屏幕显示器或高亮度投影仪等硬件设备，开发时是以教师的教学流程为设计原则，应充分表现教师的教学思想，也要考虑课堂演示时的环境因素对演示效果的影响，选择可突出主题的屏幕显示。同时也要求使用课堂演示型课件的教师对课件内容有深入的了解。课堂演示型多媒体课件的特点概括起来主要有如下几方面：,1.图文声像并茂，激发学生学习兴趣2.形象、生动、具体，解决教学的难点问题3.配合教师的课堂讲授4.高效性,6.1 演示型多媒体课件概述,1.图文声像并茂，激发学生学习兴趣演示型多媒体课件由文本、图形、图像、动画、声音、视频等多种媒体信息组成，具有图文声像并茂，视听结合、动静相宜、感染力强的特点，把一些单调、平淡、枯燥的内容变得生动形象，给学生提供多种感官的综合刺激，这种刺激能引起学生的学习兴趣和提高学生的学习积极性，从而使学生在这种良好教学氛围中，能愉快地学习，充分参与，发挥学生的主体作用，优化了教学的过程。2.形象、生动、具体，解决教学的难点问题感知是获得知识的源泉，理解是在感知的基础上的认识深化，课堂演示型多媒体课件一般按照既定的教学过程将一些用语言难以清楚表述、变化过程复杂或不易直接观察的教学内容呈现给学生，形象、生动、具体，解决教学的难点问题，使学生获取对客观事物的感性认识，在头脑中留下深刻的表象，有利于教学效果的提高。,6.1 演示型多媒体课件概述,3.配合教师的课堂讲授在解决在传统教学中不能或难以解决的问题中，课堂演示型多媒体课件具有相当的优越性，对于教师通过语言、板书、实验难以透彻剖析和讲清楚的问题，可以利用计算机模拟教学过程，弥补传统教学的缺陷，使教学内容形象化、具体化、直观化，同时也容易体现以学生为主体的教学思想。但它是以辅助教师的教学为前提，为教师的教学服务的。因此，课堂演示型多媒体课件不能是脱离课堂教学实际，必须以友好的图形化人机交互界面，方便教师的使用，建立教师、学生与计算机系统之间的相互联系。4.高效性演示型多媒体课件可以集中优秀教师的教学经验，以多媒体的表现形式，充分利用计算机技术的优势，能有效地帮助学生思考和理解教学内容，多媒体课件既可以制作成全面包括整节课的教学内容和过程，也可以制作成只是演示某一知识点的教学内容，短小精干，从而大大提高教学效率及质量。,6.2 演示型多媒体课件的设计,课堂演示型多媒体课件的设计包括教学设计和系统设计，教学设计是以分析教学的需求为基础，以确立解决教学问题的步骤为目的，以评价反馈来检验设计与实施的效果，它是一种教学的规划过程和操作程序。多媒体多媒体课件的教学设计，就是要应用系统科学的观点和方法，按照教学目标和教学对象的特点，合理地选择和设计教学媒体信息，并在系统中有机地组合，形成优化的教学系统结构。为了实现教学设计的要求，将教学知识内容在计算机上通过灵活多样的形式加以表达，发挥多媒体的优势，突破教学难点，突出教学重点，培养学生的能力和素质，这就需要进行多媒体课件的系统设计。课堂演示型多媒体课件的系统设计的主要工作包括：,6.2 演示型多媒体课件的设计,1.屏幕画面的设计多媒体课件的屏幕中含有各种教学信息、帮助提示信息和可以进行交互作用的对象，对屏幕版面进行规划要预先设计安排好这些信息和对象的位置及其大小，确定哪些教学内容、哪些媒体素材放在同一屏幕上显示。演示型多媒体课件要特别注意突出教学信息，提供的教学提纲内容扼要、条理清楚、适量、突出重点，设计的字体与图像一般要求较大、显示清楚，文字不能过多、过密，要精炼，体现重点、难点；此外，文字设计要标准、规范，标题及内文的文字大小要一致统一；颜色搭配要求色彩协调，醒目自然，形成统一的格式。,6.2 演示型多媒体课件的设计,2.交互方式的设计演示型课件设计时要考虑交互性要求。因为在教学过程中讲解教学内容时，不能完全按照课件的预先安排的顺序来进行播放，要根据实际的教学需要，配合学生的反应，根据教师教学方法不同而跳转到不同教学内容。因此，不能把演示型课件做成直线式的程序，而应该设计成具有一定交互性的、可以控制教学速度与进度的超链接结构。利用课件中的交互性，教师可以根据学生课堂理解和接受能力进行适时控制，对教学内容进行取舍，实现教学内容间的跳转，如对学生掌握较好的知识点进行深一步的研究，巩固扩充相关知识；对不易掌握的知识点选择链接与此知识点相关的基础知识部分，进行反复讲解直至学生理解，然后根据学生的理解情况判断是否进入扩充部分的链接。,6.2 演示型多媒体课件的设计,3.系统结构的设计多媒体多媒体课件的系统结构是多媒体课件中各部分教学内容间相互关系及呈现的形式，它反映了多媒体课件的主要框架及其教学的功能。多媒体多媒体课件的系统结构实质是多媒体信息的组织结构，它大多采用非线性的超媒体结构，在设计非线性的超媒体结构时应考虑到主题显示与子主题之间、知识单元与知识点之间、知识单元与知识单元之间、知识点与知识点之间的逻辑关系和层次关系及其之间的跳转关系，形成一个非线性的网络结构，并据此形成知识结构流程图。同时考虑多媒体课件在实际应用中的具体情况，划分出多媒体课件的模块，建立多媒体课件的系统结构，一般来说，演示型软件系统结构一般包括：封面、菜单、教学单元的知识点内容、提供的媒体素材或资源等。,6.3 Flash的模板,6.3.1 什么是模板6.3.2 Flash中常见的模板6.3.3 使用模板,6.3 Flash的模板,6.3.1 什么是模板如果提到制作幻灯片，很多老师都会想到PowerPoint。Flash从MX版本开始增加了模板功能，使影片文档的创建更加简便快捷，让课件制作既可以像PowerPoint那样简单，又可以尽情发挥自己的创意。模板就是预先设置好的特殊Flash文档，它为Flash文档的最终创建提供一个基础的框架，该框架就是最终Flash文档的基础。Flash 模板为创作各种常见项目提供了易于使用的起点。有许多模板可供项目使用，如照片幻灯片模板、测验模板、移动内容模板以及其它许多项目模板。,6.3 Flash的模板,6.3.1 什么是模板Flash 附带的多个模板，能帮助我们简化工作的过程，提高文档创建的效率。因为在模板里面已经设计好了版面、图形、一些组件甚至是ActionScript，我们只要配合自己的需要做些修改即可将其应用到自己的工作当中。这对于那些结构基本相同、有固定模式的文档制作是非常有利的。例如，Flash MX 2004提供了很多种实用的模板，有广告、定制PDA、菜单、演示文稿以及教学测验等。但后来的Flash版本提供的模板越来越少，Flash CS4只提供了幻灯片演示文稿模板，而到了Flash CS4则干脆取消的模板功能。不过，可以从网络上下载别人做好的模板来用，或是将自己的作品存成模板，分享给别人使用，而且模板内所有的东西都是可以自行修改的，这样就不用担心做出来的东西和别人一个样。,6.3 Flash的模板,6.3.2 Flash中常见的模板1.移动设备模板Flash CS4 内容可用多种浏览器、平台和移动电话进行查看。可以创作以下内容：高品质的动画 游戏 在设备和桌面系统中使用丰富媒体自定义用户界面 电子商务和企业解决方案Flash 文件很小巧，适于传输速率介于每秒 9.6 到 60 千字节(Kbps)的无线运营商网络。由于移动设备的存储容量有限，因此占用内存小的 Flash 文件非常理想。使用移动设备模板，可以创建用于许多移动设备的内容。可以使用模板中的设备外观预览内容，就像在设备上查看内容一样。这些外观位于引导图层上，因此不会随内容导出或在运行时显示。,6.3 Flash的模板,6.3.2 Flash中常见的模板2.测验模板可以使用测验模板创建包含数种交互类型的自我评分测验。3.广告模板广告模板有助于创建由互动广告局(IAB)定义并被业界广泛接受的标准的丰富媒体类型和大小。有关IAB 批准的广告类型的在各种浏览器和平台的组合中测试广告的稳定性。如果应用程序不会导致错误信息、浏览器崩溃或系统崩溃，就可以认为它是稳定的。4.照片幻灯片模板使用带文本标题和回放控件的照片幻灯片模板展示照片。,6.3 Flash的模板,6.3.3 使用模板1.使用步骤（1）选择“文件”“新建”。（2）单击“模板”选项卡。（3）选择一个模板，然后单击“确定”。（4）向 FLA 文件添加内容。（5）保存并发布文件。,6.3 Flash的模板,6.3.3 使用模板2.使用照片幻灯片模板照片的格式必须适合使用照片幻灯片模板。您可以导入多种格式的图像，但通常 JPEG 最适合于显示照片。要获得最佳效果，请使用图像编辑程序将照片保存为 JPEG 格式。图像大小应为 640 x 480 像素并且应按编号顺序命名，例如，photo1.jpg、photo2.jpg 和 photo3.jpg。将照片导入 SWF 文件,6.3 Flash的模板,6.3.3 使用模板2.使用照片幻灯片模板（1）选择包含在示例“picture layer”中的照片图层，然后单击垃圾桶图标将其删除。（2）通过单击“插入图层”按钮创建一个新层，然后将这个新层命名为“我的照片”。确保此新图层位于最底层。（3）选择“我的照片”层中的第一个空白关键帧，然后选择“文件”“导入”“导入到舞台”，找到您的照片序列。（4）选择序列中的第一幅图像，单击“打开”(Windows)或“导入”(Macintosh)，然后单击“导入”。（5）Flash 会识别出此图像是一个序列的一部分，并询问您是否要导入序列中的所有文件。单击“是”。,6.3 Flash的模板,6.3.3 使用模板3.进行最后加工Flash 将各个图像放在不同的关键帧上。如果有四个以上的图像，则所有其它图层都应具有相同的帧数。图像出现在“库”面板中。（1）从库中删除此文档中包含的旧图像。（2）更改每个图像顶部的标题、日期和说明。根据需要替换文本。模板会自动确定文档中的图像数，并指明您当前正在使用的照片。,6.3 Flash的模板,6.3.3 使用模板4.使用自动播放模式照片幻灯片模板还拥有一个内置的自动播放模式，该模式会在到达所设置延迟时间后自动更换照片。默认情况下，模板的延迟时间设置为 4 秒，但您可以更改这个设置。（1）在舞台上选择控制器组件。它是一个实例“mc,controller”组件。（2）打开“组件”检查器（“窗口”“组件检查器”）。默认情况下，选中的是“参数”选项卡。（3）选择延迟，然后将该值更改为新延迟值（以秒为单位）。（4）保存并发布文档。,6.4 用Flash CS4制作演示型多媒体课件,6.4.1 阿房宫赋多媒体课件的制作设计6.4.2 阿房宫赋多媒体课件的制作制作,6.4 用Flash CS4制作演示型多媒体课件,6.4.1 阿房宫赋多媒体课件的制作设计阿房宫赋作于唐敬宗宝历元年，即公元825年，杜牧在上知己文章启中说：“宝历大起宫室，广声色，故作阿房宫赋。”唐敬宗李湛十六岁继位，贪好声色，大兴土木，游宴无度，不视朝政，求访异人，希望获得不死之灵药，因此在位三年即为宦官刘克明所杀。作者预感到唐玉朝的危险局势，就借这篇赋，表面上写秦因修建阿房宫，挥霍无度，贪色奢侈，劳民伤财，终至亡国，实则是借秦之故事讽唐之今事，规劝唐朝的当政者，要以古为鉴，不能哀而不鉴，最终只能落得“后人复哀后人也”的结局。下面利用Flash CS4来演示有关的教学内容，包括背景资料、课文解析、写作特点、总评等。制作结果如图6-1所示。,6.4 用Flash CS4制作演示型多媒体课件,图6-1 最终制作结果,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作1.新建演示文稿首先在菜单“文件”中选择“新建”，会出现“新建文档”选项，如图6-2所示。,图6-2新建演示文稿,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作1.新建演示文稿选择“Flash幻灯片演示文稿”，界面如图6-3所示：,6-3 Flash幻灯片演示文稿,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作2.插入新幻灯片,6-4 插入新幻灯片,新建一个演示文稿后，系统会自动插入第一张幻灯片，在制作过程中，根据需要可以不断插入新的幻灯片。在图6-2中选中某一副幻灯片后，按“右键”在弹出的菜单中选择“插入屏幕”，或直接点击,或在菜单栏“插入”中选择“屏幕”，就会在选中的幻灯片下面插入一幅新的幻灯片。鼠标双击幻灯片后的名字，可以给每幅幻灯片命名一个新的名字，如图6-4所示。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作3.制作封面,图6-5 第1幅幻灯片：封面,选择名字为“封面”的幻灯片，点击 打开时间轴，在工具栏中选择，在笔记窗口中输入文字，并在属性栏中对字体、字号、颜色等进行设置。这时的时间轴对应的就是“封面”幻灯片，可以利用添加层等，将封面制作的多姿多彩。如图6-5中新添加图层2，在这个图层上画了两个装饰园。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作4.制作菜单,图6-6 第2幅：菜单,按照上面同样的方法制作第2幅幻灯片，这一幅是整个作品的菜单，实现演示内容跳转功能。为了不使界面显得单调，在菜单的“文件”选择“导入”、“导入到库”，选择一幅画将其导入到库，然后在插入到幻灯片中，如图6-6所示,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作5.制作内容中的“背景资料”,图6-7 制作背景,选择第3章幻灯片，其名字为“背景内容标题”，并输入如图6-7所示的标题。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作,图6-8 幻灯片的嵌套,选中“背景内容标题”幻灯片，然后按右键，在弹出的菜单中选择“插入嵌套屏幕”，连续插入两幅幻灯片，制作内容中的“背景资料”，一幅介绍 杜牧其人，一幅介绍写作阿房宫赋的背景。“背景内容1”和“背景内容2”两幅幻灯片嵌套于“背景内容标题”幻灯片中，“背景内容标题”是父级幻灯片，“背景内容1”和“背景内容2”是子幻灯片，父级幻灯片放置了子幻灯片的标题，父级幻灯片的所有内容将出现在子级幻灯片中，单击“背景内容标题”左边的 按钮可展开下一层内容，单击 按钮可折叠下一层内容。在“背景内容标题”幻灯片放置的是下面幻灯片的标题，,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作,图6-9“背景资料”之作者简介,在“背景内容1”幻灯片中输入文字“杜牧，字牧之。京兆万年人。太和二年，擢进士第，复举贤良方正。其诗情致豪迈，人号为小杜，以别甫云。樊川诗四卷，外集诗一卷，别集诗一卷，今编为八卷。”，然后插入“杜牧”的图，如图6-9所示。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作,图6-10“背景资料”之文章写作背景,在“背景内容2”幻灯片中输入文字“阿房宫赋作于唐敬宗宝历元年，即公元年，杜牧的阿房宫赋就得在上述记载的基础上通过想象写成的。作者预感到唐玉朝的危险局势，就借这篇赋，表面上写秦因修建阿房宫，挥霍无度，贪色奢侈，劳民伤财，终至亡国，实则是借秦之故事讽唐之今事，规劝唐朝的当政者，要以古为鉴，不能哀而不鉴，最终只能落得“后人复哀后人也”的结局。”然后插入“阿房宫”的图，如图6-10所示。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作6.制作内容中的“课文解析”,图6-11 声音插入菜单,再插入一张幻灯片，输入标题为“课文解析”，文字“第段：铺叙阿房宫建筑宏伟、豪华。第段：铺叙统治者生活的荒淫、奢靡。第段：指出秦必亡之命运。第段：讽谏唐王李湛勿蹈秦皇覆辙。”，插入1张图片，然后在在这张幻灯片中插入朗读这片课文的声音文件。效果如图6-11所示。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作7.制作内容中的“写作特点”,图6-12 插入影片,插入新幻灯片，输入标题“写作特点”，文字为“第一部分作者用的是总写和细写相结合的写法。总写部分，作者泼墨写意，粗笔勾勒。“覆压三百余里”，言其占地之广，“隔离天日”，状其楼阁之高；“骊山”两句，写其倚山傍水，气势非凡。细写部分，作者工笔重彩，精描细绘。”。然后，为这段文字配一段影片。效果如图6-12所示。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作8.制作内容中的“总评”和“练习”,图6-13 制作效果,按照图6-13、6-14的效果分别再制作2幅幻灯片。,图6-14 制作效果,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作9.对幻灯片的其它操作,可以对幻灯片进行添加、删除、复制或调整幻灯片次序的操作。幻灯片的移动、复制、删除操作一般在大纲视图或幻灯片浏览视图中进行，复制时选中要删除的幻灯片，然后按“Ctrl+C”，然后在目标位置“Ctrl+”即可；移动时按住鼠标左键不放拖动幻灯片到目的位置后释放鼠标，即可完成幻灯片顺序的调整；删除时选中要的幻灯片，然后按“Del”键，即可删除一张的幻灯片。,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作10.添加链接交互,放映幻灯片的时候有两种次序，一种是按照幻灯片的前后顺序，一次放映，一种是通过对幻灯片中的对象设置超级链接，可以改变课件的线性放映方式，从而提高课件的交互性。用户在演示文稿中添加的超级链接可以跳转到某个特定的地方，如跳转到某张幻灯片、另一个演示文稿、或某个Internet地址。（1）幻灯片顺序播放的设置第1张幻灯片“封面”播放完后，应该顺序播放第2张幻灯片“菜单”，实现这种效果的方法是：选择菜单栏“窗口”中的“行为”，打开行为面板，如图6-15所示.,图6-15 行为面板,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作10.添加链接交互,然后鼠标选中幻灯片“封面”后，点击行为面板上的，在弹出菜单中选择“屏幕”、“转到下一张幻灯片”，如图6-16所示。,图6-16 设置顺序播放,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作10.添加链接交互,（2）幻灯片超级链接的的设置例如在图6-6所示的菜单中，点击“总评”应该跳转到幻灯片“总评”，而幻灯片“总评”的跳转也应该是返回幻灯片“菜单”。设置方法是：选中幻灯片“菜单”，击行为面板上的，在弹出菜单中选择“屏幕”、“转到幻灯片”，如图6-17所示。,图6-17 设置跳转播放,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作10.添加链接交互,选择“跳转到幻灯片”后，弹出图6-18所示的菜单，在选择“演示文稿”中要跳转到的幻灯片明名，例如本例子中选择“总评”。同样的方法，选中幻灯片“总评”，在行为面板中选择跳转回幻灯片“菜单”。,图6-18 选择跳转的幻灯片,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作11.添加幻灯片的转场效果,选中某张幻灯片（例如幻灯片“封面”），在行为面板中点击转换，如图6-19所示，,图6-19 设置“转变效果”,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作11.添加幻灯片的转场效果,在打开的如图6-20所示的转变效果对话框中选择一种转场特效，并可以在对话框的右侧对该效果的参数进行修改。,图6-20 设置“转变效果”的参数,6.4 用Flash CS4制作演示型多媒体课件,6.4.2 阿房宫赋多媒体课件的制作制作,12.测试和保存影片 执行【控制/测试影片】命令（或利用快捷键【Ctrl+Enter】）测试课件的演示效果，如果课件演示的效果正常，执行【文件/保存】命令将文件保存为“阿房宫赋”。13.发布影片为了使制作的影片脱离编辑环境而能正常观看，利用【文件/导出影片】命令将创建 Flash Swf 文件，也可以将 Flash 内容插入浏览器窗口中的 HTML 文档中演示。,思考与练习,1.选择一个你所熟悉的教学内容，制作一节课内容的演示型课件，并设计相应的脚本，要求给出主要的框面。2.利用Flash Mx中的幻灯片模板将第1题的设计结果成演示型课件。并将课件打包。,
