《多媒体课件制作实例教程》（葛伟版）全套PPT电子课件教案-第11章 多媒体课件制作的综合实例.ppt

第11章 多媒体课件制作的综合实例,11.1 cai类课件设计实例“计算机导论” 11.2 介绍类课件设计实例“流行音乐大赏” 11.3 纪念类课件设计实例“毕业光盘“,11.1 cai类课件设计实例 “计算机导论”,本节将通过介绍一个具体实例，即电脑入门课“计算机导论”的辅助教学课件（cai）的完整制作过程，帮助读者更进一步了解如何使用authorware6完成一个教学课件的制作。 作为本章的介绍对象，“计算机导论”主要帮助初学者了解计算机的概况、操作系统的使用、字处理软件的基础应用以及网络与网络安全性方面的基本知识。,11.1.1 前期准备工作 对所要设计的演示课件，应该有一个整体的计划，构思好整个程序的设计框架。 作为一个辅助教学课件，特别是用于讲解“计算机导论”这样有些部分较为枯燥，有些部分还比较抽象的内容，如果只是用叙述说明性的文字，恐怕难以达到预期的教学效果。这就需要配以适当的图片或插图，图文并茂，使课件既具有不错的观赏性以吸引读者的注意力，又便于读者的学习和理解，增强求知的欲望。,正因如此，在课件制作前有必要做一系列的前期准备工作。 搜集在课件制作中可能用到的素材，是很重要的一项。比如在介绍计算机硬件时，就要采集一些各种微机配件的图片、动画等相关方面的素材。搜集素材的手段有很多种，最简便也是最有效的途径就是上网搜索，如果在网上找不到合适的素材，还可以购买有关的图库软件，也可采用对具体实物进行拍照，然后用扫描仪扫进电脑加以编辑处理的办法。搜集素材这项工作虽然较为繁琐，但却是不可或缺的。,另一项重要的准备工作便是进行课件脚本的设计。开发人员要对搜集来的素材加以编排组织，安排好各页中应当出现的多媒体信息，还要对各部分内容在程序中的层次结构做好规划。 本章的重点放在介绍课件的实际制作过程上，对于准备工作中的具体细节就不详述了。,11.1.2 课件的具体制作过程 一切准备工作完毕后，就可以开始课件“计算机导论”的制作了。 (1) 进入authorware 6，新建一个文件，命名为“计算机导论”并存盘。(同样地，在以下的各步操作完成后，都应该及时存盘。) (2) 对该文件的属性作一些修改。执行“修改”/“文件”/“属性”菜单命令，打开文件属性对话框，该对话框设置完成后如图11.1所示。,图11.1 设置后的文件属性对话框,考虑到用户的系统配置各不相同，一般都在“大小”栏中选设置为“800600（svga）”，设置完成后单击 按钮关闭文件属性对话框。 文件属性设置好后，下一步的工作也是整个课件制作中最主要的工作，就是进行程序的设计。为使设计出来的程序条理清晰，应该根据事先对各部分内容层次结构的规划来组织图标。,图11.2 拖入一个“群组”图标,(3) 拖放一个“群组”图标到设计窗口的流程线上，命名为“计算机导论”，如图11.2所示。 (4) 双击“计算机导论”群组图标进入程序结构图第二层。接着为演示课件加入一段片头动画效果。向设计窗口拖入一个“数字电影”图标，命名为“片头动画”。双击该图标打开电影图标属性对话框，如图11.3所示。,图11.3 电影图标属性对话框,(5) 单击属性对话框左下角的 按钮，在“导入哪个文件？”对话框中找到需要引入的动画文件，如图11.4所示。单击 按钮，该动画文件即被引入。,图11.4 “导入哪个文件？”对话框,导入文件后，在“计时”选项卡中的“执行方式”栏里，选择“等待直到完成”项，如图11.5所示。这样设置后，只有等到动画播放完毕，才会进入到下面的内容。,图11.5 电影图标属性设置,(6) 单击工具栏上的“运行”按钮运行该程序，读者会发现在动画播放时，无法跳过它直接进入到正文的学习，而只能等候整段动画播放完毕，这样会引起一些用户的不满。可以将“片头动画”的“执行方式”改为“同时”，并在后面加入一个“等待”图标，其设置及作用见下一步。,(7) 为了达到“能够随时跳过片头动画的播放”这个目的，程序在“片头动画”图标后放置一个“等待”图标，命名为“跳过动画”，双击打开等待图标属性对话框，其属性设置如图11.6所示。,图11.6 等待图标属性对话框,“时限”栏的文本框中输入了23，是因为动画全长为23秒。“事件”选项中“单击鼠标”和“按任意键”复选框均设为有效，即通过鼠标单击或键盘按键均能跳过动画。 再次运行程序，问题已经解决了。片头动画演示完毕，但不能一直让它留在窗口，这时程序需要用一个“擦除”图标将其擦除。,(8) 拖入一个“擦除”图标紧跟在“等待”图标的后面。将其命名为“擦除动画”。按标题提示选中擦除对象“片头动画”，擦除图标的属性设置如图11.7所示。,图11.7 擦除图标属性对话框,片头动画播放完毕，并被擦除后，就该进入正文的设计阶段了。 (9) 拖入一个显示图标到流程线上，命名为“背景”，如图11.8所示。 双击打开“背景”显示图标后，执行“插入”/“图像”菜单命令，打开图像属性对话框，如图11.9所示。,图11.8 拖入显示图标“背景”,图11.9 图像属性对话框,单击属性对话框左下角的 按钮以引入一张图片作为本课件的背景，调整图片使之与演示窗口相匹配。如图11.9所示，在“版面布局”选项卡中，在“选项”栏中选择“scaled”方式，并将“位置”坐标设为x0、y0，“大小”设为800、600，调整结束后演示窗口的状态如图11.10所示。,图11.10 “背景”显示的演示窗口,(10) 由于要介绍的内容较多，再向流程线上拖入一个群组图标，命名为“内容”，双击进入第三层设计窗口。向其中拖入一个显示图标，命名为“简介”，如图11.11所示。 双击打开“简介”的演示窗口，用绘图工具箱中的文本工具输入文本，并将叠放方式设为“透明”，输入后的效果如图11.12所示。这里要注意文本颜色与背景颜色的协调，适当修改文本的颜色来适应背景的颜色。,图11.11 第三层设计窗口,图11.12 “简介”的演示窗口,接下来就应该进入“计算机导论”各部分的讲解阶段了，如果只是单纯一页一页介绍下去，读者会感到枯燥乏味，程序中不妨设置一些交互响应，让读者可以根据自己的兴趣有选择地学习。 基于这种想法，本程序可以在“简介”后设计一个界面，将本软件要介绍的几大项内容的名称设置为热字，只要点击该热字，就能够进入到相应章节的介绍中，阅读完后又可返回到这个总的界面中。,有了好的创意，要实现还得费一番周折。在本文中仅以“计算机概况”的介绍为例，只要掌握了这种设计思想，其余各部分制作的道理都是一样的。 (11) 拖入一个交互图标，命名为“交互”，再拖入一个显示图标到交互图标的右侧，在弹出的响应类型选择框中选择按钮响应方式，并命名为“继续”，如图11.13所示。,图11.13 设计窗口,（12）双击交互类型图标 ，将 按钮安排在演示窗口的右下角，并在“按钮”选项卡中选择手形鼠标指针，在“响应”选项卡中的“分支”栏里选择“退出交互”项，如图11.14所示。,图11.14 响应属性对话框,(13) 向“继续”显示图标中输入内容，如图11.15所示。 完成这个界面的设计后，按ctrl+w键关闭演示窗口，然后在按下ctrl键的同时双击“继续”显示图标，弹出属性对话框，将“防止自动擦除”和“擦除以前内容”两个复选项选中。 接下来就要做热区的设定了。,图11.15 “继续”演示窗口,(14) 拖动一个交互图标到设计窗口中，再将一计算图标拖至交互图标的右侧，在随即弹出的响应类型对话框选择热区响应类型，并将此分支命名为“计算机概况”，此时程序设计窗口如图11.16所示。 (15) 双击响应类型图标，弹出响应属性对话框，同时演示窗口中出现一个热区选择虚线框，拖动热区虚线框，使“计算机概况”项处于其中，设置好的热区如图11.17所示。,图11.16 设计窗口,图11.17 设置热区位置,同样，在“热区域”选项卡中将鼠标指针形状设为手形。在介绍计算机导论具体内容的各页之间，如果希望实现翻页的功能，这就需要用到框架图标了。 (16) 拖曳一个框架图标到流程线上，命名为“连接”，紧接着在右侧添加一个群组图标，命名为“*计算机概况”，该图标附属于框架图标，本例将在该图标中放置介绍计算机概况的相关内容。此时的程序设计窗口如图11.18所示。,(17) 双击打开框架图标“连接”，对其内容进行修改。为简单起见，此处只保留“上一页”和“下一页”两项以实现前后翻页的功能，并再添加一个计算图标，响应方式也为按键响应，命名为“返回”，它用于实现返回标题的功能。 将框架结构流程线的最上侧的显示图标“灰色导航面板”删掉，拖入一个擦除图标，命名为“擦除前文”，用于擦除“继续”显示图标。设置完毕的框架结构如图11.19所示。,图11.18 引入框架图标后的程序设计窗口,图11.19 框架图标设计窗口,双击计算图标“*计算机概况”，打开程序编辑器，向其中输入语句“goto(iconid“继续“)”。此时也可以向先前的计算图标“计算机概况”输入内容了，双击它，打开程序编辑器，向其中输入语句“goto(iconid“*计算机概况“)”。 接着再来设置框架里的各个按键。为了增强美观性，三个按键响应所用到的按键都采用了预先所设计的按键，鼠标指针都用“小手”形。更换按键的操作在前文已经介绍过了，在此不再赘述。设置好的按键如图11.20所示。,图11.20 设置按键,按键设置完成后，在响应属性对话框中选择“响应”选项卡，在“分支”栏中选择“重试”项。 至此框架图标就设置完毕了，以后要添加“字处理软件的应用”、“计算机网络”、“数据库的使用”等内容的介绍时，只需将相应的图标直接添加到框架图标的右侧就可以了。,(18) 现在开始处理“内容”群组图标，双击打开它，这是第四层设计窗口。在流程线上拖放一个显示图标，命名为“计算机的产生与发展”，添加图文信息后的演示窗口如图11.21所示。,图11.21 演示窗口,再次运行程序，在运行过程中可能会发现一些问题或缺陷，读者可以边运行边调试程序，遇到问题及时加以修改。 应该说调整后程序的演示效果基本实现了课件的初步设想。但这时的程序有一个明显的缺陷，那就是演示课件的出口还没设，所以无法退出。这个问题解决起来并不麻烦，同样可以通过按键响应来实现，在此不再赘述。,至此整个“计算机导论”教学演示课件的制作过程就介绍完了，图11.22展示了设计完成后的所有程序。给出的程序仅供读者参考，读者完全可以根据自己的理解和掌握程度对其加以修改。 该课件虽然结构不是十分复杂，但涉及到多种图标的使用方法，尤其是交互响应在该课件的制作过程中得到了多次运用，这也是本例希望大家重点掌握的。,对于前文中已经介绍过的一些内容，本例讲解得较为简略，例如显示图标、等待图标、擦除图标的使用都只是一笔带过，而对框架图标、交互图标的具体操作则详细得多，因为这些内容对于初学者来说是难点也是重点。 读者可能会发现“计算机导论”教学演示课件尚未最终制作完成，这就有待于读者发挥自己的才能，将剩下的部分补充进去，并打包发行，使其最终成为一部完整的作品。,图11.22 课件的设计窗口,11.2 介绍类课件设计实例 “流行音乐大赏”,11.2.1 前期准备工作 本例是要设计一个内容比较轻松活泼，也比较时尚的课件。那么课件的表现形式就更应该丰富一些，这样才能抓住用户的心，这就要求开发人员搜集更多的素材。,和前面的设计实例一样，除了搜集素材外，还要注意可见脚本的设计。在本例中，程序要展现当代流行音乐的代表人物、人物简介、音乐风格以及成名曲欣赏等，那么就以此来进行设计，歌曲欣赏的部分还有必要建立一个音乐库来安排这些歌曲。 准备好以后，就要动手设计制作了。,11.2.2 课件的具体制作过程 (1) 进入authorware 6，新建一个文件，命名为“流行音乐大赏”并存盘。(同样地，在以下每一步关键操作完成后，都要及时存盘。) (2) 执行“修改”/“文件”/“属性”菜单命令，打开文件属性对话框，并在“大小”栏中选择“800600（svga）”，如图11.23所示。,图11.23 文件属性对话框,(3) 向设计窗口中拖入一个群组图标，命名为“背景”，双击打开它，并拖入一个显示图标，命名为“背景”。在按下ctrl键的同时双击该图标，弹出显示图标属性对话框，如图11.24所示。,图11.24 显示图标属性对话框,单击“过渡”栏右侧的 按钮，弹出“过渡方式”选择对话框，如图11.25所示。在其中选择“填充方式”类中的“细点均匀展示”。过渡方式的选择可以使简单的、静态的图片具有动感，authorware提供了很多的过渡方式，适当地使用可大大增强课件的视觉效果。,图11.25 “过渡方式”选择对话框,选定了过渡方式后，单击 按钮关闭显示图标属性对话框，并双击打开显示图标“背景”的演示窗口，通过导入图片和使用绘图工具箱，设计好背景，如图11.26所示。,图11.26 演示窗口,(4) 做这样的课件，背景音乐是少不了的。将一个声音图标拖至显示图标“背景”下方，命名为“背景音乐”，双击打开音乐图标属性对话框，如图11.27所示。,图11.27 声音图标属性对话框,在“计时”选项卡中，选择“执行方式”为“永久”，该设置可使背景音乐一直贯穿整个程序，不论跳转到哪个图标，都有背景音乐，除非是用户选择将其关闭。为使用户能自由地开关音乐，在“播放”栏的下拉列表中选择“直到为真”，并在下面的文本框中输入“bgmusic=“false“”，在“开始”栏的文本框中输入“bgmusic=“true“”，当自定义变量bgmusic为真时，播放背景音乐，为假时则停止播放。具体操作时是由用户点击一个热区域来控制。,单击对话框左下角的 按钮，将准备好的音乐文件导入，然后单击按钮完成设置。这时会弹出“新的变量”对话框，要求为新的变量bgmusic赋初值，这里将初始值设为“true”，如图11.28所示。,(5) 拖入一个交互图标到设计窗口中，命名为“背景音乐控制”，并向其右侧依次拖入一个计算图标和一个显示图标，分别命名为“音乐开关”和“控制提示”，响应类型均选择“热区域响应”，如图11.29所示。,图11.28 “新的变量”对话框,图11.29 设计窗口,(6) 双击响应类型按钮，打开响应属性对话框，如图11.30所示。将“鼠标指针”设为“小手”型，“匹配”栏中选“单击”项，那么当用户在这个热区单击时，就运行计算图标“音乐开关”的内容。,图11.30 响应属性对话框,选择“响应”选项卡，将“范围”栏的“永久的”复选框选中，“分支”栏中选“重试”项。在演示窗口中用鼠标调整热区，使之框住背景画面中的“小喇叭” 图形，如图11.31所示。,图11.31 调整热区,(7) 双击打开“音乐开关”计算图标，打开程序编辑器，输入“bgmusic:=bgmusic”，表示将变量bgmusic改变为相反的值。这样点击音乐开关热区后，bgmusic的值就会自动改变，从而控制背景音乐的开关。,对于这个音乐开关，还要做的工作就是对用户操作的提示，这就是前面拖入的显示图标“控制提示”的功能了。双击该图标，向其中输入提示文字“背景音乐开关”，并双击它所对应的响应类型按钮，弹出响应属性对话框，在“匹配”栏中选择“指针处于指定区域内”项，如图11.32所示。,图11.32 响应属性对话框,另外还要对“响应”选项卡进行设置，在“擦除”栏中选择“在退出时”，在“分支”栏中选择“退出交互”，在“计分”栏文本框中输入“3”，如图11.33所示。当然还要将热区域调整到“小喇叭”图形上面，这样，当鼠标移到热区时，就会自动弹出提示了。 背景部分的设计告一段落，下面就要进行各项内容的设计了。,(8) 回到第一层的设计窗口，拖入一个交互图标，命名为“内容”，并在其右侧依次拖入三个群组图标和一个计算图标，分别命名为“名歌名人”、“经典老歌”、“星星有话说”和“退出”，响应方式均选择“热区域响应”，如图11.34所示。,图11.33 “响应”选项卡,图11.34 设计窗口,双击各响应类型按钮，调整好热区域，这些操作与前面对于热区域的操作基本相同，这里就不详述了。 接下来开始充实各个群组图标，这时的设计与第一个实例中“内容”群组图标的设计非常类似，读者可以充分发挥自己的创意，将每项内容都做出特色。现在只介绍其中一项的制作过程，其他的都是类似的。 “星星有话说”这个栏目，主要是对一些歌手的介绍及一些谈话性的内容。,(9) 打开“星星有话说”群组图标，在这个第二层设计窗口中拖入如图11.35所示的图标。,图11.35 设计窗口,(10) 双击打开显示图标“背景三”的演示窗口，通过导入外部图片和使用绘图工具箱，制作出一个背景画面，如图11.36所示。,图11.36 演示窗口,(11) 接下来可以向分别代表一名歌手的群组图标里填充内容了，这些都可通过所拥有的素材进行发挥，比如在群组图标“王菲”中拖入一个显示图标，加入如图11.37所示的内容。,图11.37 演示窗口,课件做到现在，读者可以发现，像这样的介绍性的内容，其程序结构都很类似，都是一个显示图标后面跟一个交互图标，再在交互图标右侧加上一系列的图标，读者不妨将这些做成一个模块，以便在制作中提高效率。模块的创建也很容易，本书在前面的章节中已有介绍。 本课件同样没有最终制作完成，希望读者能够发挥自己的才能，补充剩下的部分，并通过一系列的试运行使它更加完善，并打包发行，使其成为一部完整的作品。,11.3 纪念类课件设计实例“毕业光盘”,毕业光盘作为一种留念的形式，已经被广大学生采用。用来制作毕业光盘的手段很多，但是用authorware来实现是最有效、最简单的一种方法。这种工具比其他制作工具简单，而且制作花费时间短，投入精力少，效果也比较好。,11.3.1 前期准备工作 制作光盘前，首先对所要设计的内容应该有一个整体的设想，构思好整个程序的设计框架。比如说，要在毕业光盘中放入哪些素材资料，怎么安排版面，配什么插图、音乐、动画等等。正是基于这种考虑，在制作前有必要做一系列的前期准备工作。关于一些素材准备和处理的方法在本书的前面都有介绍，需要特别提出的一点就是在毕业光盘中的相片是需要预先扫描好的或者是用数码相机拍得的电子照片，照片的处理可以用前面学过的photoshop知识来进行。,11.3.2 毕业光盘制作具体步骤 (1) 新建一个authorware文件，按照如图11.38所示设计第一层的流程结构。 在这个流程中分为了三部分：片头、主体、结束。本例用了群组图标来实现功能划分，正如前面介绍过的一样，用群组图标可以把实现同一功能的图标统一起来，便于管理和模块化的设计程序。接下来所要做的事情就是分别实现各个部分。 (2) 双击打开“片头”群组图标，流程图如图11.39所示。,图11.38 第一层的流程结构,图11.39 “片头”群组图标流程图,拖入一个显示图标，命名为“load”。把显示图标引入一张全黑的图片作为背景，然后再在背景上输入“请稍后”字样，如图11.40所示。因为在程序最开始运行的时候需要一段时间来引入文件和初始化，所以需要提示用户等待一段时间。,图11.40 背景显示效果,(3) 执行“insert”/“media”/“flash”命令，弹出引入“flash”文件的对话框，如图11.41所示。,图11.41 “flash asset properties”对话框,(4) 接下来拖入等待图标，按照如图11.42所示进行设置。其中 输入的数值是前面所播放flash动画的时间。鼠标和键盘响应都可以结束等待。,图11.42 等待图标的设置,在等待图标的下面拖入一个擦除图标，把擦除图标列表按如图11.43所示进行设置。,图11.43 擦除图标属性设置,这样一来，“片头”群组图标就制作完毕了。 还需要说明的是，本例引用了一个flash动画，此动画是事先制作好的。其实制作动画是本例的难点，要想做得较为出色需要花一些工夫。一个优秀的authorware程序不仅要在流程的编写上下工夫，还要在一些综合效果和动画上下工夫。,(5) 接下来设计“主体”群组图标。本例把“主体”设计成如图11.44所示的流程。 在流程的最开始拖入一个显示图标，用来放置背景图片，如图11.45所示。这幅图片是用photoshop处理过的，在其中引入了实例需要的标志和文字，并给出了6个放置选择按钮的地方。总而言之，就是要根据实际的要求来设计图案，使得图案即能达到要求又美观大方。,图11.44 “主体”设计流程图,图11.45 背景图片,在接下来的显示图标中引入“再别康桥”的诗句，以便增加美化效果，如图11.46所示。,图11.46 增加诗句后的背景图片,下面的交互图标用来实现选择的功能，通过选择可以进入不同的部分进行浏览。 在交互图标的右边拖入6个群组图标，在弹出的选择交互类型对话框中选择成按钮交互，如图11.47所示。,图11.47 交互类型对话框,双击群组图标上面的 标记，打开按钮交互的属性对话框，如图11.48所示。,图11.48 响应图标属性的设置,单击 按钮，在弹出的按钮设置对话框中选择按钮 ，把按钮的形式改成自己制作的具有漂亮外形和式样的按钮，如图11.49和11.50所示。,图11.49 按钮对话框,图11.50 按钮编辑对话框,按照此方法把事先做好的按钮图案替换上去，并双击交互图标，把按钮拖到合适的位置。这样运行程序的时候就可以通过单击按钮执行相应的群组图标里面的内容。程序最后还要增加一个退出按钮来退出整个程序。,退出的群组图标内容很简单，如图11.51所示。 接下来的任务就是编写一个一个的功能模块。由于是使用群组图标的模块化编程，在这里就可以把各个模块的任务分配给不同的人去完成，最后再综合起来即可。,图11.51 退出图标的设计,(6) 双击打开“三队的成长”群组图标，按照如图11.52所示的方式设计流程。 首先引入显示图标来设置背景图案，然后在流程线上拖入一个计算图标，在其中输入如图11.53所示的赋值命令。,图11.52 “三队的成长”群组图标流程,图11.53 “变量赋值”计算图标程序,在此处引入了一个变量tt，这个变量的用处将在后面介绍。接下来再往流程上拖入一个交互图标。程序编至此处，读者可能已经体会到交互图标是authorware的灵魂，离开了功能强大的交互图标几乎没有方法实现开发人员想要得到的种种效果了。 (7) 往交互图标的右边拖放几个群组图标，在弹出的对话框中设置为“热区”交互类型，如图11.54所示。,图11.54 设置为热区交互类型,(8) 在第一个群组图标中放入一个显示图标和一个等待图标，如图11.55所示。,图11.55 第一个群组图标流程,在“内容1”的显示图标中写入需要显示的文字，并排列好位置。 在等待图标中按照如图11.56所示进行设置。,图11.56 等待图标属性的设置,(9) 双击“1”群组图标上面的标记，打开“热区”交互的属性对话框，按照如图11.57所示进行设置。,图11.57 交互图标属性的设置