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

第9章制作“古诗欣赏〞课件：综合应用图标9.1实例介绍和分析9.2制作过程9.3扩展练习9.4本章小结9.1实例介绍和分析1.实例介绍在本章中，通过制作“古诗欣赏〞课件，为读者介绍显示图标、等待图标、擦除图标、交互图标、决策图标以及框架图标等综合应用方法和技巧。在多媒体课件中，良好的视觉效果往往能够首先吸引用户的注意力。在本实例中，首先显示的是课件的封面，在课件中配备了背景音乐，还有GIF动画；为了更加方便地选择欣赏的课件，课件使用了框架图标和导航图标，使得用户可以随机地选择要欣赏的古诗；在欣赏每首古诗时，可以查看作者的简介、古诗的含义、古诗的评析，还有课后练习。2.实例分析制作课件的封面时，可以使用声音图标、显示图标，还有GIF动画。在古诗赏析局部，使用框架图标、导航图标；在介绍第一首古诗时，使用显示图标、擦除图标、计算图标和交互图标；在介绍第二首诗的时候，使用显示图标、决策图标、交互图标、计算图标以及群组图标。3.实例效果实例封面运行效果如图9.1所示。当单击鼠标后，就进入古诗欣赏目录界面，如图9.2所示。

图9.1实例效果封面图9.2实例效果图9.2制作过程1.制作课件封面局部〔1〕新建一个文件，并保存命名为“古诗欣赏.a7p〞。〔2〕选择菜单“修改〞→“文件〞→“属性〞命令，翻开文件属性面板，如图9.3所示。在“大小〞后的下拉列表框中选择“根据变量〞选项。用鼠标单击，弹出“颜色〞对话框，选择黑色，单击“确定〞按钮关闭对话框。图9.3文件属性面板1.制作课件封面局部〔3〕拖动一个声音图标到程序流程线上，命名为“背景音乐〞。双击该“背景音乐〞声音图标，翻开其声音属性面板，如图9.4所示。单击左下角的“导入...〞按钮，弹出“导入哪个文件〞对话框，选择要导入的音乐文件，单击“导入〞按钮，导入背景音乐。图9.4声音图标属性面板1.制作课件封面局部〔4〕单击“计时〞选项卡，在选项“执行方式〞下拉列表中选择“永久〞选项；在选项“播放〞下拉列表中选择“播放次数〞选项。其他选项按默认值，如图9.5所示。图9.5设置声音图标属性1.制作课件封面局部〔5〕拖动一个显示图标到“背景音乐〞声音图标的下方，并命名为“背景图片〞。双击该显示图标，翻开其演示窗口，单击“工具栏〞上的“导入〞按钮，导入事先准备好的图片。〔6〕单击工具面板上的工具，在演示窗口中绘制直线，绘制好后如图9.6所示。图9.6绘制直线装饰

1.制作课件封面局部〔7〕右击“背景图片〞显示图标，在弹出的快捷菜单中选择“特效〞命令，翻开“特效方式〞对话框。也可以先翻开“背景图片〞显示图标的属性面板，单击“特效〞文本框后边的按钮，翻开“特效方式〞对话框。〔8〕在“特效方式〞对话框中的“分类〞列表框中选择“淡入淡出〞选项，在“特效〞列表框中选择“向右〞选项，单击“确定〞按钮，如图9.7所示。图9.7“特效方式〞对话框1.制作课件封面局部〔9〕单击菜单“插入〞→“媒体〞→“AnimatedGIF...〞命令，翻开“AnimatedGIFAssert属性〞对话框，单击“浏览〞按钮，在弹出的对话框中选择“鸟.gif〞，单击“翻开〞按钮，回到“AnimatedGIFAssert属性〞对话框，单击“确定〞按钮，关闭“AnimatedGIFAssert属性〞对话框，如图9.8所示。图9.8“AnimatedGIFAssert属性〞对话框1.制作课件封面局部〔10〕拖动一个显示图标到“AnimatedGIF...〞对象的下方，并命名为“文字〞。〔11〕双击翻开“文字〞显示图标的演示窗口，单击“文本〞工具，输入文本内容“古诗欣赏〞。〔12〕选中输入的文本内容，选择菜单“文本〞→“字体〞→“其他〞命令，翻开字体对话框，在“字体〞下拉列表中选择“楷体_GB2312〞选项，如图9.9所示，单击“确定〞按钮，关闭对话框。〔13〕同样选中文本内容，选择菜单“文本〞→“大小〞→“其他〞命令，在“字体〞文本框中输入数字36，也就是设置选择的文本大小为36号字，如图9.10所示，单击“确定〞按钮，关闭对话框。

图9.9“字体〞对话框图9.10“字体大小〞对话框1.制作课件封面局部〔14〕单击“工具〞面板上的“选择/移动〞工具，选中文本内容，选择菜单“文本〞→“消除锯齿〞命令，消除文本边缘的锯齿。〔15〕选中文本，单击工具栏上的“复制〞按钮，然后再单击工具栏上的“粘贴〞按钮粘贴文本。〔16〕单击“工具〞面板上的“文本和线条颜色〞工具，翻开颜色面板，将“古诗欣赏〞及其副本分别设置为淡黄色和淡绿色。〔17〕调整两个文本的位置，将淡绿色的“古诗欣赏〞放在淡黄色的“古诗欣赏〞的上方，单击“工具〞面板上的“模式〞工具，将淡蓝色和淡黄色的“古诗欣赏〞都设置为“透明〞模式。1.制作课件封面局部〔18〕选中两个文本，按Ctrl+G组合键将它们组合在一起，制作完成的效果如图9.11所示。〔19〕运行程序，在按Ctrl+P组合键暂停，双击“AnimatedGif〞动画翻开其属性面板，单击“显示〞选项卡，选择“模式〞下拉列表框中的“透明〞选项。调整文字以及图片的位置，调整好后的显示结果如图9.12所示。

图9.11文字设置效果图

图9.12调整位置后的效果图1.制作课件封面局部〔20〕拖动一个等待图标到流程线上，双击该等待图标，翻开等待图标属性面板，单击选中“单击鼠标〞复选框，其他选项都不选，如图9.13所示。图9.13等待图标属性设置2.制作主体局部〔1〕制作“目录局部〞。①拖动一个框架图标到流程线上，并命名为“选择〞。双击翻开框架图标，删除所有图标。②拖动五个群组图标到“框架〞框架图标的右侧，并分别命名为“诗目录〞、“暮江吟〞、“落花〞、“江南逢李龟年〞和“相思〞。主程序流程如图9.14所示。图9.14程序流程图

2.制作主体局部③双击翻开“诗目录〞群组图标，拖动一个显示图标到流程线上，并命名为“背景〞。双击该显示图标翻开其演示窗口，单击工具栏上的“导入〞按钮，导入事先准备好的背景图片，调整图片的大小的位置，如图9.15所示。

图9.15导入的背景图片2.制作主体局部④拖动一个显示图标到“背景〞显示图标的下方，并命名为“目录〞。双击该显示图标翻开其演示窗口，选择“工具〞面板上的文本工具，输入文本并设置文本的格式，调整文本的位置，设置好的文本如图9.16所示。图9.16添加设置好的文本

2.制作主体局部⑤拖动一个交互图标到“目录〞显示图标的下方，并命名为“交互控制〞。拖动一个导航图标到“交互控制〞交互图标的右侧，在弹出的“交互类型〞对话框中选择“热区域〞选项，单击“确定〞按钮关闭对话框。命名该导航图标为“导航到“暮江吟〞。〞⑥依次拖动三个导航图标到“导航到“暮江吟〞〞导航图标的右侧，并依次命名，如图9.17所示。

图9.17添加的导航图标2.制作主体局部⑦双击导航图标上方的类型标识符，拖动演示窗口的热区到文本“暮江吟〞的位置，并设置热区的虚线框的大小，如图9.18所示。图9.18设置热区的位置和大小2.制作主体局部⑧在翻开的属性面板中选择“匹配〞下拉列表框中的“单击〞选项，修改鼠标的形状为手型；单击“响应〞选项卡，选择“擦除〞下拉列表框中的“在下一次输入之后〞选项，选择“分支〞下拉列表框中的“重试〞选项，其余按默认设置。⑨单击选中“导航到“暮江吟〞〞导航图标，在翻开的属性面板中，选中“类型〞后边的“跳到页〞单项选择按钮，选择“目的地〞下拉列表框中的“任意位置〞选项，选择“页〞列表框中的“暮江吟〞选项，具体设置如图9.19所示。图9.19导航图标属性面板设置⑩参照第〔7〕步设置其他热区与文本的位置。参照第〔8〕步、第〔9〕步和第〔10〕步，设置其他三个导航图标的属性面板以及交互图标属性面板。2.制作主体局部〔2〕制作古诗“暮江吟〞。①双击翻开“暮江吟〞群组图标，拖动一个擦除图标到流程线上，并命名为“e1〞。双击该擦除图标翻开其属性面板，在演示窗口中单击要擦除的对象，被擦除对象的图标名称便显示在属性面板的列表框中，如图9.20所示。图9.20擦除图标属性面板2.制作主体局部②拖动一个显示图标到“e1〞擦除图标的下方，并命名为“诗背景〞，双击翻开该显示图标的演示窗口，单击工具栏上的“导入〞按钮，导入事先准备好的背景图片，调整图片的大小和位置。③拖动一个显示图标到“诗背景〞显示图标的下方，并命名为“诗〞。双击该显示图标翻开该显示图标的演示窗口，选择“工具〞面板的“文本〞工具，输入文本并设置文本的格式，如图9.21所示。图9.21输入的文本2.制作主体局部④翻开“诗背景〞显示图标的属性面板，设置“诗背景〞显示图标的特效为“向下解开展示〞，如图9.22所示。翻开“诗〞显示图标的属性面板，设置“诗〞显示图标的特效为“向下〞如图9.23所示。

图9.22“诗背景〞图标的特效方式设置图9.23“诗〞图标的特效方式设置2.制作主体局部⑤拖动一个交互图标到“诗〞显示图标的下方，并命名为“选择〞。拖动一个群组图标到“选择〞交互图标的右侧，在弹出的“交互类型〞对话框中选择“按钮〞选项，并命名该群组图标为“作者简介〞。⑥拖动三个群组图标到“作者简介〞群组图标的右侧，依次命名为“诗文大意〞、“诗文赏析〞以及“习题〞。拖动一个计算图标到“选择〞交互图标的最右侧，并命名为“返回〞。2.制作主体局部⑦参照设置“作者简介〞交互按钮属性面板的方法，设置其他四个交互按钮的属性。其中“返回〞按钮的形状选择的是“标准Window3.1按钮系统〞选项，其余设置和其他按钮相同。都设置完成后，调整各个按钮的大小和位置，如图9.24所示。图9.24设置完成的按钮2.制作主体局部⑧双击翻开“作者简介〞群组图标，拖动一个擦除图标到流程线上，并命名为“e2〞。双击“e2〞擦除图标，翻开该擦除图标的属性面板，单击要擦除的对象，这里要擦除的是“诗〞显示图标中的内容，单击演示窗口中的诗文本即可实现擦除。⑨拖动一个显示图标到“e2〞擦除图标的下方，并命名为“白居易图像〞。双击该显示图标翻开其属性面板，单击工具栏上的“导入〞按钮，导入事先准备好的白居易图像文件，并调整其大小和位置。在该图标的属性面板中，设置图像的特效为“小框形式〞。2.制作主体局部⑩拖动一个显示图标到“白居易图像〞显示图标的下方，并命名为“诗人简介〞。双击该显示图标翻开其演示窗口，输入文本并设置文本的字体为“黑体〞，文本的大小为16号，文本颜色为黑色，并消除文本的边缘锯齿。设置完成的效果如图9.25所示。

图9.25输入的诗人简介文本2.制作主体局部双击翻开“诗文大意〞群组图标，拖动一个擦除图标到流程线上，并命名为“e3〞。双击翻开其属性面板，单击演示窗口中要擦除的诗文本。拖动一个显示图标到该擦除图标的下方，并命名为“诗大意1〞。双击该显示图标翻开其演示窗口，选择“文本〞工具，输入文本并设置文本的格式，如图9.26所示。设置文本的特效方式为“以相机光圈开放〞。11图9.26“诗大意1〞图标输入的文本2.制作主体局部拖动一个等待图标到“诗大意1〞显示图标的下方，双击该等待图标翻开其属性面板，选中“单击鼠标〞和“按任意键〞复选框，取消其他复选框的选中状态。拖动一个显示图标到该等待图标的下方，并命名为“诗大意2〞。双击该显示图标翻开其演示窗口，输入文本并设置文本的格式，如图9.27所示。设置文本的特效方式为“以相机光圈收缩〞。1213图9.27“诗大意2〞图标输入的文本2.制作主体局部参照第〔11〕步、第〔12〕步和第〔13〕步，制作“诗文赏析〞群组图标和“习题〞群组图标。“诗文赏析〞群组图标的二级流程线如图9.28所示，“习题〞群组图标的二级流程线如图9.29所示。14

图9.28“诗文赏析〞二级程序流程图9.29“习题〞二级程序流程2.制作主体局部“e4〞和“e5〞擦除图标的设置方式和“e3〞相同。双击“诗文赏析〞显示图标，翻开其演示窗口，选择“文本〞工具，输入文本并设置文本格式，如图9.30所示。双击“题〞显示图标，翻开其演示窗口，输入文本并设置文本格式，如图9.31所示。15

图9.30“诗文赏析〞图标中的文本图9.31“题〞图标中的文本2.制作主体局部双击“返回〞计算图标，翻开其代码编辑窗口，输入以下代码：

Goto(IconID@"诗目录")

163.制作诗“落花〞〔1〕双击翻开“落花〞群组图标，拖动一个显示图标到流程线上并命名为“背景图〞。双击该显示图标，翻开其演示窗口，单击工具栏上的“导入〞按钮，导入事先准备好的背景图片，调整好大小，并设置其特效方式为“原色〞，如图9.32所示。图9.32导入的背景图片3.制作诗“落花〞〔2〕拖动一个显示图标到“背景图〞显示图标的下方，并命名为“诗〞。双击该显示图标翻开其演示窗口，选择“文本〞工具，输入文本并设置文本格式，如图9.33所示。

图9.33输入的文本3.制作诗“落花〞〔3〕拖动一个显示图标到“诗〞显示图标的下方，并命名为“李商隐图像〞。双击该显示图标翻开其演示窗口，单击工具栏上的“导入〞按钮，导入事先准备好的图像，并调整其大小和位置。〔4〕拖动一个判断图标到“李商隐图像〞显示图标的下方，并命名为“计算路径〞。拖动四个群组图标到该判断图标的右侧，并依次命名为“作者简介〞、“诗词大意〞、“诗词赏析〞和“习题〞。3.制作诗“落花〞〔5〕双击“计算路径〞判断图标，翻开其属性面板，如图9.34所示。选择“重复〞下拉列表框中的“固定的循环次数〞选项，在下方的文本框中输入4；选择“分支〞下拉列表框中的“计算分支结构〞选项，此时，判断图标的图案由变为，如图9.35所示。在“分支〞下拉列表框下面的文本框中输入变量“num〞。设置后，在弹出“新建变量〞对话框中设置变量num的初始值为0。图9.34决策图标属性面板图9.35决策图标的变化3.制作诗“落花〞〔6〕单击选中“计算路径〞判断图标，按Ctrl+=组合键，翻开该图标的程序编辑窗口，输入以下代码：num:=num+1即每次变量加1，使得计算决策结构从左往右执行一遍所有的路径。〔7〕双击“作者简介〞群组图标，拖动一个等待图标到流程线上，双击该等待图标翻开其属性面板，选中“单击鼠标〞复选框，取消其他选项的选中状态。〔8〕拖动一个擦除图标到等待图标的下方，并命名为“e6〞。双击该擦除图标翻开其属性面板，单击演示窗口中需要擦除的对象，被擦除对象所对应的图标名称显示在属性面板的列表框中，如图9.36所示。图9.36擦除图标属性面板3.制作诗“落花〞〔9〕拖动一个显示图标到“e6〞擦除图标的下方，并命名为“诗人简介〞。双击该显示图标翻开其演示窗口，选择“文本〞工具，输入文本内容并设置文本的格式，如图9.37所示。〔10〕双击翻开“诗词大意〞群组图标，拖动一个显示图标到流程线上，并命名为“大意〞。双击该显示图标，翻开其演示窗口，选择“文本〞工具，输入文本并设置文本的格式，如图9.38所示。翻开该显示图标的属性面板，设置特效方式为“CoverCenterOut〞。

图9.37“诗人简介〞图标中的文本图9.38“大意〞图标中的文本3.制作诗“落花〞〔11〕双击翻开“诗词赏析〞群组图标，拖动一个显示图标到流程线上，并命名为“赏析〞。双击该显示图标，翻开其演示窗口，输入文本并设置文本的格式，如图9.39所示。翻开该显示图标的属性面板，设置特效方式为“EdgesIn，Horizontal〞。〔12〕拖动缩排线上的“首行缩进〞滑块，调整每个段落的首行缩进量为两个字符，如图9.40所示。

图9.39输入的文本

图9.40每个段落首行缩进两个字符3.制作诗“落花〞〔13〕双击翻开“习题〞群组图标，拖动一个显示图标到流程线上，并命名为“习题题目〞。双击该显示图标翻开其演示窗口，选择“文本〞工具，输入文本内容，如图9.41所示。图9.41输入的习题题目3.制作诗“落花〞〔14〕拖动一个交互图标到“习题题目〞显示图标的下方，并命名为“题1〞。拖动一个群组图标到“题1〞交互图标的右侧，在弹出的“交互类型〞对话框中选择“文本输入〞选项，并命名该群组图标为“李商隐〞。拖动一个群组图标到“李商隐〞群组图标的右侧，并命名为“*〞。〔15〕双击“李商隐〞群组图标上方的类型标识符，翻开其交互图标属性面板，单击“响应〞选项卡，选择“擦除〞下拉列表框中的“在下一次输入之后〞选项；选择“分支〞下拉列表框中的“退出交互〞选项；选择“状态〞下拉列表框中的“正确响应〞选项，具体设置如图9.42所示。图9.42交互图标属性面板设置3.制作诗“落花〞〔16〕双击“*〞群组图标上方的类型标识符，在翻开的属性面板中单击“响应〞选项卡，选择“状态〞下拉列表框中的“错误响应〞，具体设置如图9.43所示。图9.43“*〞交互图标属性面板设置3.制作诗“落花〞〔17〕单击“题1〞交互图标，在演示窗口中出现一文本框，拖动文本框调整其位置，拖动其上的控制柄调整文本框的大小，如图9.44所示。图9.44移动文本框并调整其大小3.制作诗“落花〞〔18〕在演示窗口中双击文本框，翻开“属性：交互作用文本字段〞对话框。单击“交互作用〞选项卡，取消“输入标记〞和“退出时擦除输入内容〞复选框的选中状态，如图9.45所示。单击“文本〞选项卡，设置文本框中文字的字体、大小、风格和模式，如图9.46所示。

图9.45“交互作用〞选项卡的设置图9.46“文本〞选项卡的设置3.制作诗“落花〞〔19〕双击翻开“李商隐〞群组图标，拖动一个计算图标到流程线上，并命名为“设置变量〞。双击该计算图标，翻开其程序编辑窗口，输入a:=1。〔20〕单击选中“设置变量〞计算图标，单击工具栏上的“复制〞按钮。双击翻开“*〞群组图标，单击工具栏上的“粘贴〞按钮。双击翻开该计算图标的程序编辑窗口，删除以前的代码，输入a:=0。〔21〕参照“题1〞的制作步骤，制作“题2〞。此时流程线的结构如图9.47所示。图9.47添加“题2〞交互后的程序流程图3.制作诗“落花〞〔22〕双击翻开“唐〞群组图标，修改“设置变量〞计算图标的程序代码为b:=1，双击翻开“*〞群组图标，修改“设置变量〞计算图标的程序代码为b:=0。〔23〕单击“题2〞交互图标，拖动演示窗口中的文本框到适宜位置，如图9.48所示。图9.48拖动文本框的位置3.制作诗“落花〞〔24〕拖动一个交互图标到“题2〞交互图标的下方，并命名为“条件〞。拖动一个群组图标到该交互图标的右侧，在弹出的“交互类型〞对话框中选择“条件〞选项，单击“确定〞按钮关闭对话框。拖动三个群组图标到该群组图标的右侧，如图9.49所示。图9.49添加的三个群组图标3.制作诗“落花〞〔25〕翻开第一个条件交互的属性面板，在“条件〞文本框中输入“a=1〞，在“自动〞下拉列表框中选择“为真〞选项，如图9.50所示。翻开第二个条件交互的属性面板，设置方式如图9.51所示。图9.50第一个条件交互的属性面板设置图9.51第二个条件交互的属性面板设置3.制作诗“落花〞〔26〕翻开如图9.51所示的“响应〞选项卡，选择“