Authorware应用案例教程制作古诗欣赏综合应用图标PPT课件

1、9.1 9.1 实例介绍和分析实例介绍和分析9.2 9.2 制作过程9.3 9.3 扩展练习扩展练习9.4 9.4 本章小结本章小结第1页/共55页1. 1. 实例介绍在本章中，通过制作“古诗欣赏”课件，为读者介绍显示图标、等待图标、擦除图标、交互图标、决策图标以及框架图标等综合应用方法和技巧。在多媒体课件中，良好的视觉效果往往能够首先吸引用户的注意力。在本实例中，首先显示的是课件的封面，在课件中配备了背景音乐，还有GIF动画；为了更加方便地选择欣赏的课件，课件使用了框架图标和导航图标，使得用户可以随机地选择要欣赏的古诗；在欣赏每首古诗时，可以查看作者的简介、古诗的含义、古诗的评析，还有课后练

2、习。第2页/共55页制作课件的封面时，可以使用声音图标、显示图标，还有GIF动画。在古诗赏析部分，使用框架图标、导航图标；在介绍第一首古诗时，使用显示图标、擦除图标、计算图标和交互图标；在介绍第二首诗的时候，使用显示图标、决策图标、交互图标、计算图标以及群组图标。第3页/共55页实例封面运行效果如图所示。当单击鼠标后，就进入古诗欣赏目录界面，如图所示。 图9.1 实例效果封面 图9.2 实例效果图第4页/共55页1. 1. 制作课件封面部分（1）新建一个文件，并保存命名为“古诗欣赏.a7p”。（2）选择菜单“修改”“文件”“属性”命令，打开文件属性面板，如图所示。在“大小”后的下拉列表框中选择

3、“根据变量”选项。用鼠标单击 ，弹出“颜色”对话框，选择黑色，单击“确定”按钮关闭对话框。图9.3 文件属性面板第5页/共55页（3）拖动一个声音图标到程序流程线上，命名为“背景音乐”。双击该“背景音乐”声音图标，打开其声音属性面板，如图所示。单击左下角的“导入.”按钮，弹出“导入哪个文件”对话框，选择要导入的音乐文件，单击“导入”按钮，导入背景音乐。图9.4 声音图标属性面板第6页/共55页（4）单击“计时”选项卡，在选项“执行方式”下拉列表中选择“永久”选项；在选项“播放”下拉列表中选择“播放次数”选项。其他选项按默认值，如图所示。图9.5 设置声音图标属性第7页/共55页（5）拖动一个显

4、示图标到“背景音乐”声音图标的下方，并命名为“背景图片”。双击该显示图标，打开其演示窗口，单击“工具栏”上的“导入”按钮，导入事先准备好的图片。（6）单击工具面板上的 工具，在演示窗口中绘制直线，绘制好后如图所示。图9.6 绘制直线装饰 第8页/共55页（7）右击“背景图片”显示图标，在弹出的快捷菜单中选择“特效”命令，打开“特效方式”对话框。也可以先打开“背景图片”显示图标的属性面板，单击“特效”文本框后边的 按钮 ，打开“特效方式”对话框。（8）在“特效方式”对话框中的“分类”列表框中选择“淡入淡出”选项，在“特效”列表框中选择“向右”选项，单击“确定”按钮，如图所示。 图9.7 “特效方

5、式”对话框第9页/共55页（9）单击菜单“插入”“媒体”“Animated GIF.”命令，打开“Animated GIF Assert属性”对话框，单击“浏览”按钮，在弹出的对话框中选择“鸟.gif”，单击“打开”按钮，回到“Animated GIF Assert属性”对话框，单击“确定”按钮，关闭“Animated GIF Assert属性”对话框，如图所示。图9.8 “Animated GIF Assert属性”对话框第10页/共55页（10）拖动一个显示图标到“Animated GIF.”对象的下方，并命名为“文字”。（11）双击打开“文字”显示图标的演示窗口，单击“文本”工具，输入文

6、本内容“古诗欣赏”。（12）选中输入的文本内容，选择菜单“文本”“字体”“其他”命令，打开字体对话框，在“字体”下拉列表中选择“楷体_GB2312”选项，如图所示，单击“确定”按钮，关闭对话框。（13）同样选中文本内容，选择菜单“文本”“大小”“其他”命令，在“字体”文本框中输入数字36，也就是设置选择的文本大小为36号字，如图所示，单击“确定”按钮，关闭对话框。 图9.9 “字体”对话框 图9.10 “字体大小”对话框第11页/共55页（14）单击“工具”面板上的“选择/移动”工具 ，选中文本内容，选择菜单“文本”“消除锯齿”命令，消除文本边缘的锯齿。（15）选中文本，单击工具栏上的“复制”

7、按钮 ，然后再单击工具栏上的“粘贴”按钮 粘贴文本。（16）单击“工具”面板上的“文本和线条颜色”工具 ，打开颜色面板，将“古诗欣赏”及其副本分别设置为淡黄色和淡绿色。（17）调整两个文本的位置，将淡绿色的“古诗欣赏”放在淡黄色的“古诗欣赏”的上方，单击“工具”面板上的“模式”工具 ，将淡蓝色和淡黄色的“古诗欣赏”都设置为“透明”模式。第12页/共55页（18）选中两个文本，按Ctrl+G组合键将它们组合在一起，制作完成的效果如图所示。（19）运行程序，在按Ctrl+P组合键暂停，双击“Animated Gif”动画打开其属性面板，单击“显示”选项卡，选择“模式”下拉列表框中的“透明”选项。调

8、整文字以及图片的位置，调整好后的显示结果如图所示。 图9.11 文字设置效果图 图9.12 调整位置后的效果图第13页/共55页（20）拖动一个等待图标到流程线上，双击该等待图标，打开等待图标属性面板，单击选中“单击鼠标”复选框，其他选项都不选，如图所示。图9.13 等待图标属性设置第14页/共55页（1）制作“目录部分”。 拖动一个框架图标到流程线上，并命名为“选择”。双击打开框架图标，删除所有图标。 拖动五个群组图标到“框架”框架图标的右侧，并分别命名为“诗目录”、“暮江吟”、“落花”、“江南逢李龟年”和“相思”。主程序流程如图所示。图9.14 程序流程图 第15页/共55页 双击打开“诗

9、目录”群组图标，拖动一个显示图标到流程线上，并命名为“背景”。双击该显示图标打开其演示窗口，单击工具栏上的“导入”按钮，导入事先准备好的背景图片，调整图片的大小的位置，如图所示。 图9.15 导入的背景图片第16页/共55页 拖动一个显示图标到“背景”显示图标的下方，并命名为“目录”。双击该显示图标打开其演示窗口，选择“工具”面板上的文本工具，输入文本并设置文本的格式，调整文本的位置，设置好的文本如图所示。图9.16 添加设置好的文本 第17页/共55页 拖动一个交互图标到“目录”显示图标的下方，并命名为“交互控制”。拖动一个导航图标到“交互控制”交互图标的右侧，在弹出的“交互类型”对话框中选

10、择“热区域”选项，单击“确定”按钮关闭对话框。命名该导航图标为“导航到“暮江吟”。” 依次拖动三个导航图标到“导航到“暮江吟”导航图标的右侧，并依次命名，如图所示。 图9.17 添加的导航图标第18页/共55页 双击导航图标上方的类型标识符，拖动演示窗口的热区到文本“暮江吟”的位置，并设置热区的虚线框的大小，如图所示。图9.18 设置热区的位置和大小第19页/共55页 在打开的属性面板中选择“匹配”下拉列表框中的“单击”选项，修改鼠标的形状为手型；单击“响应”选项卡，选择“擦除”下拉列表框中的“在下一次输入之后”选项，选择“分支”下拉列表框中的“重试”选项，其余按默认设置。 单击选中“导航到“

11、暮江吟”导航图标，在打开的属性面板中，选中“类型”后边的“跳到页”单选按钮，选择“目的地”下拉列表框中的“任意位置”选项，选择“页”列表框中的“暮江吟”选项，具体设置如图所示。图9.19 导航图标属性面板设置 参照第（7）步设置其他热区与文本的位置。参照第（8）步、第（9）步和第（10）步，设置其他三个导航图标的属性面板以及交互图标属性面板。第20页/共55页（2）制作古诗“暮江吟”。 双击打开“暮江吟”群组图标，拖动一个擦除图标到流程线上，并命名为“e1”。双击该擦除图标打开其属性面板，在演示窗口中单击要擦除的对象，被擦除对象的图标名称便显示在属性面板的列表框中，如图所示。图9.20 擦除图

12、标属性面板第21页/共55页 拖动一个显示图标到“e1”擦除图标的下方，并命名为“诗背景”，双击打开该显示图标的演示窗口，单击工具栏上的“导入”按钮，导入事先准备好的背景图片，调整图片的大小和位置。 拖动一个显示图标到“诗背景”显示图标的下方，并命名为“诗”。双击该显示图标打开该显示图标的演示窗口，选择“工具”面板的“文本”工具，输入文本并设置文本的格式，如图所示。图9.21 输入的文本第22页/共55页 打开“诗背景”显示图标的属性面板，设置“诗背景”显示图标的特效为“向下解开展示”，如图所示。打开“诗”显示图标的属性面板，设置“诗”显示图标的特效为“向下”如图所示。 图9.22 “诗背景”

13、图标的特效方式设置 图9.23 “诗”图标的特效方式设置第23页/共55页 拖动一个交互图标到“诗”显示图标的下方，并命名为“选择”。拖动一个群组图标到“选择”交互图标的右侧，在弹出的“交互类型”对话框中选择“按钮”选项，并命名该群组图标为“作者简介”。 拖动三个群组图标到“作者简介”群组图标的右侧，依次命名为“诗文大意”、“诗文赏析”以及“习题”。拖动一个计算图标到“选择”交互图标的最右侧，并命名为“返回”。第24页/共55页 参照设置“作者简介”交互按钮属性面板的方法，设置其他四个交互按钮的属性。其中“返回”按钮的形状选择的是“标准按钮系统”选项，其余设置和其他按钮相同。都设置完成后，调整

14、各个按钮的大小和位置，如图所示。图9.24 设置完成的按钮 第25页/共55页 双击打开“作者简介”群组图标，拖动一个擦除图标到流程线上，并命名为“e2”。双击“e2”擦除图标，打开该擦除图标的属性面板，单击要擦除的对象，这里要擦除的是“诗”显示图标中的内容，单击演示窗口中的诗文本即可实现擦除。 拖动一个显示图标到“e2”擦除图标的下方，并命名为“白居易图像”。双击该显示图标打开其属性面板，单击工具栏上的“导入”按钮，导入事先准备好的白居易图像文件，并调整其大小和位置。在该图标的属性面板中，设置图像的特效为“小框形式”。第26页/共55页 拖动一个显示图标到“白居易图像”显示图标的下方，并命名

15、为“诗人简介”。双击该显示图标打开其演示窗口，输入文本并设置文本的字体为“黑体”，文本的大小为16号，文本颜色为黑色，并消除文本的边缘锯齿。设置完成的效果如图所示。 图9.25 输入的诗人简介文本第27页/共55页双击打开“诗文大意”群组图标，拖动一个擦除图标到流程线上，并命名为“e3”。双击打开其属性面板，单击演示窗口中要擦除的诗文本。拖动一个显示图标到该擦除图标的下方，并命名为“诗大意1”。双击该显示图标打开其演示窗口，选择“文本”工具，输入文本并设置文本的格式，如图所示。设置文本的特效方式为“以相机光圈开放”。11图9.26 “诗大意1”图标输入的文本 第28页/共55页拖动一个等待图标

16、到“诗大意1”显示图标的下方，双击该等待图标打开其属性面板，选中“单击鼠标”和“按任意键”复选框，取消其他复选框的选中状态。 拖动一个显示图标到该等待图标的下方，并命名为“诗大意2”。双击该显示图标打开其演示窗口，输入文本并设置文本的格式，如图所示。设置文本的特效方式为“以相机光圈收缩”。1213 图9.27 “诗大意2”图标输入的文本第29页/共55页 参照第（11）步、第（12）步和第（13）步，制作“诗文赏析”群组图标和“习题”群组图标。“诗文赏析”群组图标的二级流程线如图所示，“习题”群组图标的二级流程线如图所示。14 图9.28 “诗文赏析”二级程序流程 图9.29 “习题”二级程序

17、流程第30页/共55页“e4”和“e5”擦除图标的设置方式和“e3”相同。双击“诗文赏析”显示图标，打开其演示窗口，选择“文本”工具，输入文本并设置文本格式，如图所示。双击“题”显示图标，打开其演示窗口，输入文本并设置文本格式，如图所示。15 图9.30 “诗文赏析”图标中的文本 图9.31 “题”图标中的文本第31页/共55页双击“返回”计算图标，打开其代码编辑窗口，输入以下代码：Goto(IconID诗目录)16第32页/共55页（1）双击打开“落花”群组图标，拖动一个显示图标到流程线上并命名为“背景图”。双击该显示图标，打开其演示窗口，单击工具栏上的“导入”按钮，导入事先准备好的背景图片

18、，调整好大小，并设置其特效方式为“原色”，如图所示。图9.32 导入的背景图片 第33页/共55页（2）拖动一个显示图标到“背景图”显示图标的下方，并命名为“诗”。双击该显示图标打开其演示窗口，选择“文本”工具，输入文本并设置文本格式，如图所示。 图9.33 输入的文本第34页/共55页（3）拖动一个显示图标到“诗”显示图标的下方，并命名为“李商隐图像”。双击该显示图标打开其演示窗口，单击工具栏上的“导入”按钮，导入事先准备好的图像，并调整其大小和位置。（4）拖动一个判断图标到“李商隐图像”显示图标的下方，并命名为“计算路径”。拖动四个群组图标到该判断图标的右侧，并依次命名为“作者简介”、“诗

19、词大意”、“诗词赏析”和“习题”。第35页/共55页（5）双击“计算路径”判断图标，打开其属性面板，如图所示。选择“重复”下拉列表框中的“固定的循环次数”选项，在下方的文本框中输入4；选择“分支”下拉列表框中的“计算分支结构”选项，此时，判断图标的图案由 变为 ，如图所示。在“分支”下拉列表框下面的文本框中输入变量“num”。设置后，在弹出“新建变量”对话框中设置变量num的初始值为0。图9.34 决策图标属性面板图9.35 决策图标的变化第36页/共55页（6）单击选中“计算路径”判断图标，按Ctrl+=组合键，打开该图标的程序编辑窗口，输入以下代码：num:=num+1即每次变量加1，使得

20、计算决策结构从左往右执行一遍所有的路径。（7）双击“作者简介”群组图标，拖动一个等待图标到流程线上，双击该等待图标打开其属性面板，选中“单击鼠标”复选框，取消其他选项的选中状态。（8）拖动一个擦除图标到等待图标的下方，并命名为“e6”。双击该擦除图标打开其属性面板，单击演示窗口中需要擦除的对象，被擦除对象所对应的图标名称显示在属性面板的列表框中，如图所示。图9.36 擦除图标属性面板第37页/共55页（9）拖动一个显示图标到“e6”擦除图标的下方，并命名为“诗人简介”。双击该显示图标打开其演示窗口，选择“文本”工具，输入文本内容并设置文本的格式，如图所示。（10）双击打开“诗词大意”群组图标，

21、拖动一个显示图标到流程线上，并命名为“大意”。双击该显示图标，打开其演示窗口，选择“文本”工具，输入文本并设置文本的格式，如图所示。打开该显示图标的属性面板，设置特效方式为“Cover Center Out”。 图9.37 “诗人简介”图标中的文本 图9.38 “大意”图标中的文本第38页/共55页（11）双击打开“诗词赏析”群组图标，拖动一个显示图标到流程线上，并命名为“赏析”。双击该显示图标，打开其演示窗口，输入文本并设置文本的格式，如图所示。打开该显示图标的属性面板，设置特效方式为“Edges In，Horizontal”。（12）拖动缩排线上的“首行缩进”滑块，调整每个段落的首行缩进量

22、为两个字符，如图所示。 图9.39 输入的文本 图9.40 每个段落首行缩进两个字符第39页/共55页（13）双击打开“习题”群组图标，拖动一个显示图标到流程线上，并命名为“习题题目”。双击该显示图标打开其演示窗口，选择“文本”工具，输入文本内容，如图所示。图9.41 输入的习题题目第40页/共55页（14）拖动一个交互图标到“习题题目”显示图标的下方，并命名为“题1”。拖动一个群组图标到“题1”交互图标的右侧，在弹出的“交互类型”对话框中选择“文本输入”选项，并命名该群组图标为“李商隐”。拖动一个群组图标到“李商隐”群组图标的右侧，并命名为“*”。（15）双击“李商隐”群组图标上方的类型标识

23、符，打开其交互图标属性面板，单击“响应”选项卡，选择“擦除”下拉列表框中的“在下一次输入之后”选项；选择“分支”下拉列表框中的“退出交互”选项；选择“状态”下拉列表框中的“正确响应”选项，具体设置如图所示。图9.42 交互图标属性面板设置第41页/共55页（16）双击“*”群组图标上方的类型标识符，在打开的属性面板中单击“响应”选项卡，选择“状态”下拉列表框中的“错误响应”，具体设置如图所示。图9.43 “*”交互图标属性面板设置第42页/共55页（17）单击“题1”交互图标，在演示窗口中出现一文本框，拖动文本框调整其位置，拖动其上的控制柄调整文本框的大小，如图所示。图9.44 移动文本框并调

24、整其大小第43页/共55页（18）在演示窗口中双击文本框，打开“属性：交互作用文本字段”对话框。单击“交互作用”选项卡，取消“输入标记”和“退出时擦除输入内容”复选框的选中状态，如图所示。单击“文本”选项卡，设置文本框中文字的字体、大小、风格和模式，如图所示。 图9.45 “交互作用”选项卡的设置 图9.46 “文本”选项卡的设置第44页/共55页（19）双击打开“李商隐”群组图标，拖动一个计算图标到流程线上，并命名为“设置变量”。双击该计算图标，打开其程序编辑窗口，输入a:=1。（20）单击选中“设置变量”计算图标，单击工具栏上的“复制”按钮。双击打开“*”群组图标，单击工具栏上的“粘贴”按

25、钮。双击打开该计算图标的程序编辑窗口，删除以前的代码，输入a:=0。（21）参照“题1”的制作步骤，制作“题2”。此时流程线的结构如图所示。图9.47 添加“题2”交互后的程序流程图第45页/共55页（22）双击打开“唐”群组图标，修改“设置变量”计算图标的程序代码为b:=1，双击打开“*”群组图标，修改“设置变量”计算图标的程序代码为b:=0。（23）单击“题2”交互图标，拖动演示窗口中的文本框到合适位置，如图所示。图9.48 拖动文本框的位置第46页/共55页（24）拖动一个交互图标到“题2”交互图标的下方，并命名为“条件”。拖动一个群组图标到该交互图标的右侧，在弹出的“交互类型”对话框中选择“条件”选项，单击“确定”按钮关闭对话框。拖动三个群组图标到该群组图标的右侧，如图所示。图9.49 添加的三个群组图标第47页/共55页（25）打开第一个条件交互的属性面板，在“条件”文本框中输入“a=1”，在“自动”下拉列表框中选择“为真”选项，如图所示。打开第二个条件交互的属性面板，设置方式如图所示。图9.50 第一个条件交互的属性面板设置图9.51 第二