10.2.1 多媒体元素的导入
在用Authorware制作多媒体课件时,需要用到多种媒体素材如文本、图形、图像、声音、视频和动画素材,这些素材都必须通过Authorware中相应的图标导入到课件中去。元素的导入要借助显示图标、声音图标、电影图标以及插入Flash命令。
1.显示图标的应用
显示图标是Authorware中构建多媒体项目的基本图标。显示图标可用来展现多媒体作品中所有的静态对象,包括文字、图形、图像。
[例10-1]设计一个Authorware程序,利用显示图标制作课件的封面。程序运行效果如图10-2-1(a)所示,程序流程如图10-2-1(b)所示。
课件的首页也称封面,标明了软件的主题。封面一般包括课程名称、软件作者、制作时间以及版权等信息,是一个课程的开始。封面设计应充分发挥多媒体信息的感染力,恰当运用画面构图的光线、色彩、布局以及音响效果,刺激学生感官,引起学生的注意,激发学生的学习动机。
图10-2-1 封面
操作步骤如下。
①选择菜单命令【文件】|【新建】|【文件】,建立一个新文件。
②选择【修改】|【文件】|【属性】命令,打开文件属性面板设置相应属性,各选项的具体设置如图10-2-2所示。
图10-2-2 修改文件属性
注意:若选择“使用全屏”选项,在高分辨率显示模式下设计的程序,在低分辨率显示模式下运行时,演示窗口右方和下方的内容会消失,而在更高分辨率显示模式下运行时,会缩小到屏幕的左上角。
③从图标工具条中将3个显示图标拖动到流程线上,并且分别命名为:片头、作者和显示时间。
注意:要养成给图标起名字的好习惯,Authorware默认的图标名字都是untitled未命名,一个程序里面有几十个甚至上百个的untitled的话,你将会晕头转向不知所措。
④用显示图标导入背景图片——片头。
方法1:双击“片头”图标,选择菜单命令【插入】|【图像】|【导入】,在弹出的对话框中选择一幅背景图片,并使其大小和演示窗口一样。
方法2:双击“片头”图标,选择菜单命令【文件】|【导入和导出】|【导入媒体】,在弹出的对话框中选择一幅背景图片,并使其大小和演示窗口一样。
方法3:如果图像是gif格式的,不需要显示图标,直接在线程上选择【插入】|【媒体】|【animated GIF】命令,在弹出的对话框中选择一幅背景图片,并调整其大小和演示窗口一样即可。
设置图像特效时,单击“片头”图标,选择菜单命令【修改】|【图标】|【属性】,打开显示图标属性面板,单击特效文本后的省略号,在弹出的对话框中选择“由外向内螺旋状”,单击“确定”按钮即可。设置后的属性面板如图10-2-3所示。
图10-2-3 设置图像特效
⑤用显示图标输入封面文字。
双击“作者”图标,在演示窗口中输入文字“指导老师:侯冬青 制作人:莫宏宇”,并将文本设置为恰当的样式。设置文字特效时,单击“作者”图标,选择菜单命令【修改】|【图标】|【属性】,打开显示图标属性面板,单击特效文本后的省略号,在弹出对话框中选择“水平百叶窗式”,单击“确定”按钮即可。
⑥用显示图标显示当前时间,双击“显示时间”图标,利用文本输入工具输入如图10-2-4所示代码。
图10-2-4 显示时间
然后再打开显示属性对话框,选中“更新变量显示”复选项,如图10-2-5所示。
图10-2-5 显示时间属性设置
2.声音图标的应用
在多媒体课件的制作中,声音占据了举足轻重的位置。在用Authorware软件制作课件时,利用声音图标,我们可以给多媒体课件配上音乐、声音说明,同时声音图标也为制作语音教学课件提供了可能。
声音文件的使用十分灵活,可以将声音图标拖放到主流线上任意一个地方,Authorware在第一次遇到声音图标的时候会播放声音文件。
图10-2-6 声音流程图
[例10-2]利用声音图标为课件的封面配上动听的音乐。程序流程如图10-2-6所示。操作步骤如下。
①将图标选择面板上的“声音”图标拖到流程线上,并命名为“秋日的私语”。
②双击“秋日的私语”图标,打开如图10-2-7所示的声音属性面板,单击面板中的“导入”按钮,将声音文件导入。
图10-2-7 声音属性面板
③单击如图10-2-7所示面板中的“计时”选项卡,按照如图10-2-8所示进行设置。其中SoundPlaying是一个反映当前系统声音播放情况的系统变量。如果表达式SoundPlaying的值为真,背景音乐又可以立即开始播放,就会形成循环播放的效果。
图10-2-8 计时选项卡
注意:声音图标可以播放6种格式的声音文件:aiff、pcm、wav、vox、swa、mp3。
本例声音图标默认的播放方式是“播放次数”方式,如果将其设置为“直到为真”,就可以通过逻辑型表达式控制声音定时停止播放。通过“声音”图标的“开始”和“执行方式”属性也可以控制声音的循环播放。
④保存文件,运行程序。此时程序变成了图文声并茂的课件,且背景音乐和文字过渡效果同步。
3.电影图标的应用——在课件中添加视频
[例10-3]设计一个程序来播放一段视频。
要在课件中播放一段视频,需要添加一个显示图标和一个数字化电影图标,程序流程和运行效果如图10-2-9所示。
图10-2-9 插入视频流程图和效果图
操作步骤如下。
①进入Authorware,建立一个新的程序文件,导入一幅图作为背景。
②将图标选择面板中的“数字化电影”图标拖到流程线上,将其命名为“视频”。
③双击“视频”图标,打开如图10-2-10所示的属性面板,单击图中所示面板的“导入”按钮,导入视频文件。
图10-2-10 视频属性面板
④保存文件,运行程序,使用【调试】|【播放】命令,即可播放视频文件。
4.在课件中添加Flash动画
[例10-4]设计一个程序来在Authorware课件中播放一个Flash动画。
①选择菜单命令【插入】|【媒体】|【Flash Movie】,出现如图10-2-11所示界面。
图10-2-11 插入Flash动画
图10-2-12 选择Flash文件
③选择【调试】|【重新开始】命令运行程序,运行效果图和流程图如图10-2-13所示。
图10-2-13 动画流程图和效果图
10.2.2 多媒体元素的控制与调试
在用Authorware制作多媒体课件时,需要对课件中的多媒体对象进行控制,本节主要学习借助移动图标、等待图标和擦除图标来实现对多媒体元素的控制。
1.运用移动图标制作课件中的动画
利用Authorware移动图标可制作5类动画:指向固定点的动画、指向固定直线上某点的动画、指向固定区域内某点的动画、指向固定路径终点的动画和指向固定路径上任意点的动画,如图10-2-14所示。
图10-2-14 五种动画类型
(1)指向固定点的动画
指向固定点的动画是最简单、最基本的动画。下面将通过一个例子来介绍制作方法。
[例10-5]设计一个程序实现射箭的动画。流程图和程序运行效果如图10-2-15所示。
图10-2-15 射箭流程图和效果图
操作步骤如下。
①将图标选择面板上的显示图标拖到流程线上,分别命名为“靶子”和“箭”,并绘制“靶子”和“箭”。
②双击“箭”图标,打开属性面板和演示窗口,将“箭”的图片移到合适的位置,作为“箭”的起点。
③将图标选择面板上的移动图标移到主流线上“箭”图标的后面,并命名为“射箭”。
④双击“航线”图标,打开如图10-2-16所示的移动图标属性面板,单击演示窗口中的“箭”。
图10-2-16 移动图标属性
⑤单击“预览”按钮预览动画的演示效果,如果不满意,重复步骤④修改以上设置,直到满意为止。
⑥保存文件,运行程序,即可看到射箭的动画。
(2)指向固定直线上某点的动画
[例10-6]设计一个随机动画。如图10-2-17所示,在屏幕的下方放六个黑盒子,在屏幕上方有一红色的小球,然后让小球随机地落入其中一个盒子。因为盒子摆放成一条直线,所以选择指向固定直线上某点的动画。
图10-2-17 随机入盒动画
操作步骤如下。
①依次将两个“显示”图标拖到流程线上,并分别命名为“小球”和“盒子”。
②双击“小球”图标,单击工具盒中的“椭圆”工具,在演示窗口中央绘制一个圆,并将小球填充为红色。
③按住Shift键不放,同时双击“盒子”图标,单击工具盒中的“矩形”工具,在演示窗口适当位置绘制一个矩形,并将其填充为黑色,然后利用工具栏中的复制、粘贴功能,制作出其他五个盒子。
④将图标选择面板上的“计算”图标拖到主流线上“盒子”图标的下面,并命名为“取随机数”;双击该图标,弹出对话框,在此对话框中输入Position:=Random(0,100,20),关闭对话框,此时弹出一个确认对话框,单击“是”,在“初始值”文本框中输入0即可。
其中Position是用来表示目标点位置的变量,Random是Authorware提供的取随机数函数,0和100表示所取随机数的范围,20表示步长单位。这样,取出的随机数可能是0、20、40、60、80、100中的一个。
⑤将图标选择面板上的“移动”图标拖到主流线上“取随机数”图标的下面,并命名为“小球入盒”。
⑥双击“小球入盒”图标,打开移动图标属性面板,单击演示窗口中的“小球”;并按照图10-2-18所示设置面板。
图10-2-18 移动属性面板
单击“基点”选项,将红色小球拖到左边第一个盒子的中心放开,设置直线的起点;单击“终点”选项,将红色小球拖到右边最后一个盒子的中心放开,设置直线的终点;单击“目标”选项,在输入框中输入“Position”变量名,小球运动的目的地将是变量值所对应的直线上的位置。
⑦单击“预览”按钮,预览动画的演示效果,如果不满意,重复步骤⑥修改以上设置,直到满意为止。
⑧保存文件并运行程序,即可以看到小球从顶部落入盒中的动画效果。
(3)指向固定区域内某点的动画
[例10-7]如影随形。
①如图10-2-19(a)所示,往流程线上依此拖入一个计算图标、两个显示图标和一个移动图标,并命名。流程图和运行效果如图10-2-19所示。
图10-2-19 如影随形
②双击“重设窗口大小”计算图标,在弹出的对话框中输入esizeWindow(300,300)。
③双击“如影随形”图标,打开移动图标属性面板,并按照图10-2-20所示设置动画。
图10-2-20 移动属性面板
④单击预览按钮预览动画的演示效果,如果不满意,重复以上步骤。
⑤保存文件并运行程序,即可看到小球跟随鼠标移动的效果。
(4)指向固定路径终点的动画
指向固定路径终点的动画是指将对象沿给定的路径从起点移动到终点的动画,创建这种动画的关键是对路径的编辑,根据不同的需求,路径可以编辑成折线型、曲线型和封闭型。
[例10-8]设计一个程序模拟月球绕地球公转。
程序流程和运行效果如图10-2-21所示。
图10-2-21 月球绕地球公转
操作步骤如下。
①将图标选择板面上的计算图标拖到流程线上,双击打开,输入move:=TRUE。②拖入3个显示图标,并依次命名为“背景”“地球”“月亮”。③将图标选择面板上的“移动”图标拖到“月亮”图标的下面;双击该图标,打开移动图标属性面板,单击演示窗口中的“月亮”,并按照图10-2-22所示设置动画。④双击“月亮”图标,打开属性面板和演示窗口,将导入的图片移到合适的位置,作为“月亮”的起点,并按照图10-2-22所示设置面板,关闭面板。
图10-2-22 移动属性面板
⑤单击“预览”按钮预览动画的演示效果,如果不满意,重复步骤③④修改两个选项卡的设置,直到满意为止。
⑥保存文件,运行程序,即可看到月球绕地球不停匀速转动的效果。
(5)指向固定路径上任意点的动画
指向固定路径上任意点的动画是在指向固定路径上终点的动画方式的基础上制作的。两者在动画设置、路径设置等各方面都十分相似。其区别只是动画对象目标点的不同。后者被移动的对象只能沿路径一次到达终点,而前者则可以选择路径上任意一点为动画的目标点,这里不再详述。
2.运用等待图标控制课件运行
当我们在执行一项任务,而在执行下一项任务之前需要等待一段时间时,可以使用等待图标,等待图标就是用于设置一段等待的时间。
首先,在图标面板中将等待图标用鼠标拖曳到设计窗口当中的流程线上。命名为:“等待”。单击等待图标,在等待图标属性中设置时限为2秒。“等待”图标的属性界面如图10-2-23所示。
图10-2-23 等待图标属性
接着在对话框最上方的文本框中可以输入该图标的名称(也可以在流程线上对运动图标进行命名),在事件位置我们选择等待时响应的事件,如选择单击鼠标事件,我们在演示的时候,单击鼠标执行下一个事件;如按任意键事件,则按任意键就执行下一个事件。在本例当中,我们选择的时限为2秒,就是说当运行到该等待图标的时候等待2秒,然后选择执行下一个事件。如果我们在演示的时候想要看到倒计时或者按钮的图标,可以在选项当中进行选择。
3.用擦除图标擦除某些内容
当在课件播放到某个位置的时候想要去掉某一项内容,我们可以利用擦除图标将该项内容擦除。
在图标面板当中将擦除图标用鼠标拖曳到设计窗口中的流程线上。命名为:“擦除”。双击“擦除”图标,编辑“擦除”图标属性,在被擦除的位置选择对应的显示图标,擦除图标的属性设置如图10-2-24所示。
图10-2-24 擦除图标属性
在对话框最上方的文本框中可以输入该图标的名称(也可以在流程线上对运动图标进行命名)。我们可以选择被擦除的图标和不擦除的图标两个选项中的一个,右侧为被擦除或者不擦除的图标对象。特效位置可以用来设置擦除的特效,这样可以使我们的课件更为丰富多彩。单击特效按钮可以选择特效,如图10-2-25所示。
图10-2-25 擦除特效选择
选择合适的特效设定持续时间(周期)后,单击应用就可以预览特效效果了,如果合适,单击“确定”就可以完成特效的设定了。
10.2.3 课件的交互设计
图10-2-26 交互结构
1.交互结构
一个完整的交互结构由6部分构成。
(1)交互图标
(2)交互类型标志
交互图标可建立各种类型的交互方式,包括按钮响应、热区域响应、热对象响应、目标区域响应、下拉菜单响应、按键响应、文本输入响应、条件响应、尝试次数响应、时间限制响应等多种响应方式。
图10-2-27 交互类型
Authorware共有11种交互类型,这11种类型可在建立交互时弹出的“交互类型”对话框中选择,也可以在交互属性面板中的“类型”下拉列表框中进行更改,如图10-2-27所示。
(3)交互分支
(4)交互分支图标名称
(5)交互状态
(6)交互流程走向
2.按钮交互
[例10-9]单项选择题的制作。
在课件制作中,选择题是练习和测试中经常采用的一种形式,下面通过一个例子介绍利用按钮响应设计选择题的方法。
设计如图10-2-28所示的程序和运行效果,程序执行时,显示选择题,该题有四个选项。如果选择其中一个,系统将该四个选项都置为不可用。然后对用户的答案进行判断,给出正误提示信息。直到用户选择正确答案,程序才退出。
图10-2-28 单选题程序和运行效果
操作步骤如下。
①将图标选择面板上的“计算”图标拖到主流程线上,将其命名为“变量”图标,双击“变量”图标,设置如下:
②将图标选择面板上的“交互”图标拖到流程线上,命名为“答案”;双击该图标,在演示窗口内输入题目的正文,并调整好它在屏幕上的位置。
③依次将五个“计算”图标从图标选择面板拖到“选项”图标的右侧,分别将其响应类型设为按钮响应类型,且命名为“a”“b”“c”“d”“提交”。按照表10-2-1所示进行设置,其中,b、c、d是错误答案,a是正确答案。
表10-2-1 计算图标参数设置表
④双击“a”按钮,将按钮属性面板打开,单击按钮选项卡,并按照图10-2-29所示设置按钮属性;以同样的方法来设置b按钮、c按钮、d按钮。
图10-2-29 交互图标属性
⑤双击b按钮。它的按钮属性的设置跟其他按钮的设置基本相同,只是将响应选项卡中“分支”的值设为“退出交互”。设置好四个按钮后,还应进一步调整好题目内容和选择按钮在演示窗口中的位置。
3.热区域交互
[例10-10]看图识动物。编写一个看图识动物程序,当程序运行时,显示背景和八幅动物图片,当单击其中一幅动物图片时,图片显示出相应的汉字,达到看图识字的目的。流程图和运行效果图如图10-2-30所示。
图10-2-30 看图识动物流程图和运行效果图
操作步骤如下。
①将图标选择面板上的“显示”图标拖到流程线上,将其命名为“标题”,并导入图片和输入相应的文字。
②将图标选择面板上的“交互”图标拖到如图10-2-31所示的位置,将其命名为“热区域交互”。
图10-2-31 热区域交互
③将图标选择面板上的“群组”图标拖到“选项”图标的右侧,在弹出的交互类型对话框中,选择热区域响应,并将该图标命名为“狗”。双击群组图标,添加显示图标,输入文字“狗”。
④双击“狗”图标,打开演示窗口,按住Shift键,同时双击“热区域交互”图标,使“狗”文字与“狗”图片热区域重合。
⑤按照③④步的做法,分别为“猫”“兔”“蝴蝶”“虎”“龙”“狮子”“鹰”建立相应的热区域响应。
⑥保存文件并运行程序即可。
10.2.4 课件的结构设计
在用Authorware制作多媒体课件时,需要对课件中的结构进行设计,本节主要学习如何借助判断图标、导航图标、框架图标和群组图标来实现对课件结构的设计。
1.判断图标
判断图标又称为决策图标,它的用途很广泛,可用来制作分支流程的循环。判断图标的结构来源于程序中用来控制程序分支的流程结构,如图10-2-32所示。这是一个二元分支流程,在高级程序语言中可以通过if…then…else的方式来控制它,即如果if条件判断为真(Yes),则执行A流程,否则(No)执行B流程。为了方便用户开发设计,Authorware设计了判断图标。判断图标不仅能够实现二元分支,还能够实现多元分支流程,如图10-2-33所示。
图10-2-32 控制程序分支流程图
图10-2-33 多元分支流程结构
图10-2-34 判断图标的组成
(1)判断图标的组成
判断图标的组成如图10-2-34所示,其结构类似于交互图标,包括一个判断图标以及附加在其上的一个或多个分支路径,各个分支路径的判断标识符(即判断流程线上各个缩小尺寸的判断图标)都是相同的。
返回路径不是由各个分支路径决定的,而是由判断图标决定的,并且判断图标的功能与交互图标有很大区别。当程序运行到判断图标时,Authorware会根据判断图标当时的设置情况,自动沿着某一分支执行。
Authorware遇到交互图标时根据用户的交互响应来决定程序所执行的分支;但是遇到判断图标时所选择的分支路径却不是事前确定的,也不是由用户来决定的,而是由Authorware自动决定的。
(2)判断图标的属性
双击判断图标,打开属性设置对话框,如图10-2-35所示。
图10-2-35 判断图标属性对话框
判断图标的属性对话框包括以下一些选项。
①“时限”文本框:可以在此文本框中输入数值、变量或表达式,其值决定了用户在一个判断中可以花费的时间(以秒为单位)。规定的时间一到,Authorware就会结束当前的进程,退出判断结构,并把程序的控制转移到流程线上的下一个图标上。
②“显示剩余时间”:仅当在“时限”文本框中输入了值时,此复选框才有效。选中它可以根据“时限”文本框中的值在程序中显示一个小时钟,指示目前所剩时间。
③“重复”选项:此选项可以决定Authorware将在判断图标中重复执行的次数。
④“分支”选项:使用此选项中的选项可以决定Authorware执行判断图标中的分支流程的方法。此选项包括一个下拉列表框和一个位于下拉列表框下方的文本框,其中下拉列表框中包括4个选项。
⑤“复位路径入口”复选框:选中此复选框将会重新设置那些与Authorware已执行过的路径相关的值。如果在分支选项中选择了顺序分支路径或在未执行过的路径中随机选择选项,重新设置路径值将会对它们产生影响,因为此时Authorware会跟踪记录已经执行过的路径,如果重新设置了路径值,Authorware将会消除所有已执行路径的相关信息。
如果一个片段需要在多个不同的地方使用同一个判断结构,可以选中此复选框,以便在每次使用之前对路径进行重新初始化。在判断结构中,不仅判断图标具有属性,判断路径也具有属性。如图10-2-36所示就是一个分支判断路径的属性对话框。
图10-2-36 判断路径的属性对话框
要打开判断路径的属性对话框,双击某个分支标识,或者选择某个分支图标即可,然后选择【修改】|【图标】|【属性】命令。判断路径的属性窗口很简单,只有两个选项:一个是“擦除内容”选项,其中下拉列表框包含了3个确定相关内容擦除时机的选项;另一个是“执行分支结构前暂停”复选框,如果选中它,当用户退出分支路径上的结果图标时,Authorware首先会显示一个等待按钮,只有用户单击了此按钮,程序才会继续往下执行。
2.导航图标
导航图标类似于“GoTo”语句,可以任意改变程序的流程,使程序从一个地方跳转到另一个地方。一个导航图标会在起始点和目标点之间建立起一个超链接,在导航图标的属性对话框中,可以将这种链接定义成跳转到前页或者后页,文本的第一页或者最后一页,甚至可以定义一个查找。将一个导航图标拖放到主流程线上,双击该导航图标,打开属性对话框,如图10-2-37所示。
图10-2-37 导航图标属性对话框
导航图标属性对话框中的选项主要用来定义跳转的类型。
(1)图标信息
该部分显示了导航图标的各种参考信息,其中包括“标识”“大小”“修改”“参考”等。
①“标识”:显示该Authorware为导航图标分配的编号,这个编号应该是唯一的。
②“大小”:显示了导航图标所占的存储空间。
③“修改”:显示了该图标最近一次修改的时间。
④“参考”:显示导航图标是否具有参考的变量。如果有,在此处将显示“有(YES)”;否则此处显示“无(NO)”。
(2)图标标志
显示导航图标的标志,来表示图标的性质。当将一个导航图标拖放到主流程线上时,该导航图标被命名为“未命名”,而且用小的空白三角形来表示。定义了一个链接后,该标志就会发生变化,以反映该导航图标的性质。
(3)图标名称文本框
在该文本框中可以为导航图标起一个名字,为了方便对文件的编辑,所起的名字要具有一定的意义。当在这个文本框中修改图标名称时,设计窗口中的图标标题也相应被修改。
(4)目的地
在“目的地”下拉列表框中列出了导航图标在起始位置和目标位置之间建立的链接类型。
①“最近”:允许用户回到此前的设计图标中。
②“附近”:允许用户在一个页面系统内部跳转或者退出页面系统。
③“任意位置”:允许用户跳转到任意页面系统的任意一页。
④“计算”:设置一个可以返回一个设计图标编号的表达式,当Authorware遇到该导航图标后,它将跳转到表达式返回编号所在的设计图标处。
⑤“查找”:让用户自己查找名称中含有某一词的页面。
(5)“类型”
有两个单选按钮,即“跳到页”和“调用并返回”。在对导航图标进行属性设置时,某些导航图标允许从两种跳转方式中选择一种。“跳到页”方式是一种单程跳转。“调用并返回”方式是双程跳转,即Authorware会记录跳转起点位置,跳转到目标之后,还可返回跳转点。可设置10种类型的链接。这10种链接均可使用直接跳转方式,但只有选择“任意位置”“计算”“查找”3种目的位置时,才可以使用“调用并返回”方式。
(6)导航图标的使用方式
一般通过两种方式来使用导航图标。
①自动导航方式。
在主流程线上任意位置都可以放置导航图标,通过属性对话框设置跳转的目标页。当Authorware执行程序时遇到该导航图标后,它自动跳转到指定的目标页。
②用户导航方式。