,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,返回,Authorware7.0,中文版多媒体制作教程,返回,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,1,第,5章,交互响应,本章目的,任务一：交互的类型,任务二：交互的作用与建立,任务三：作品欣赏,任务四：认识电脑,任务五：认识卡通人物,任务六：对号入座,任务七：风景欣赏,任务八：交通红绿灯指示器,任务九：智力填空题,任务十：按键单选题,任务十一：密码设置与验证,任务十二：限定时间的数学题,任务十三：制作日历,2,5.1,本章目的,简单了解交互的作用与构成,掌握交互的建立,熟悉交互响应的属性设置,掌握交互响应的类型,3,5.2,任务一,交互的类型,5.2.1 相关知识,1、什么是交互,交互也称为,“,人机交互,”,，英文简称HCI（Human-computer Interaction），指用户通过输入、输出设备实现人与计算机之间对话的技术。,2、Authorware 交互图标,（,1）交互图标本身具有几种图标的功能特性,交互图标具有显示图标的功能特性,交互图标具有等待图标的功能特性,交互图标具有擦除图标的功能特性,交互图标具有判断图标的功能特性,（2）交互图标的结构,4,5.2,任务一,交互的类型,5.2.2,任务实现,制作要点,交互类型的选取,交互图标的属性设置,5,5.2,任务一,交互的类型,5.2.2,任务实现,操作步骤,1、打开交互图标的属性面板。在交互图标中有,4个选项卡，分别是,“,交互作用,”,选项卡、,“,显示,”,选项卡、,“,版面布局,”,选项卡和,“,CMI,”,选项卡。,2,、擦除特效：设置擦除对象时的擦除方式。,3、交互图标属性面板的第二个选项卡是,“,显示,”,选项卡,，这里的作用方法与显示图标是相同的。要注意的是在使用交互中，如果有变量，则最好勾选,“,更新显示变量,”,项，这样可以随时跟踪变量的值。,4、CMI选项卡,：在其他的功能图标中也见到过，,CMI是,“,计算机管理教学系统,”,（Computer-Managed Instruction）的英文缩写，CMI选项卡用来设置这个系统的基本属性，一般使用默认设置。,6,5.3 任务二 交互的作用与建立,5.3.1,相关知识,1,、交互响应的属性设置,2,、“范围”属性设置与“分支”下拉列表的关系,3,、永久响应类型交互方式设计,范围不为“永久”的各分支依次状态,范围为“永久”的各分支依次状态,7,5.3 任务二 交互的作用与建立,5.3.2,任务实现,制作要点,建立交互结构,属性面板的设置,8,5.3 任务二 交互的作用与建立,操作步骤,1,、向流程图上拖一个交互图标，为其命名。,2,、选择除交互图标和决策图标以外的任意一个图标，将其拖入交互图标的右下作为其第一条交互分支,3,、选定交互类型后，为该分支命名。,4,、继续在交互右侧添加交互分支的图标，此时不再出现“响应类型”对话框，而是继续沿用前一个图标的交互类型。,5,、重复上一步，可以为该交互添加多个交互分支,9,5.4 任务,三 作品欣赏,5.4.1 相关知识,1,、双击流程图上的交互类型便可打开按钮交互属性对话框,（,1,）响应标题：输入的内容作为响应图标的名称及按钮的名称；,（,2,）类型：包含了,11,种响应类型；,（,3,）大小：用于设置按钮的大小，其中，,X,表示按钮的宽度，,Y,表示按钮的高度，也可以到演示窗口中改变按钮的大小；,（,4,）位置：用于设置按钮的位置，可也在演视窗口中直接调节；,（,5,）标签：可输入数字和英文字母，输入的英文字母将视为变量，在此文本框中输入的数字和变量只改变演示窗口中按钮的标题，即按钮上显示用户所输入的数字或是变量值，而不会影响到响应图标的标题。,2,、,“,按钮,”,命令按钮：单击此按钮会打开,“,按钮,”,对话框,（,1,）鼠标形状,:,单击其右侧的按钮，弹出鼠标指针类型设置对话框，可以设置鼠标的指针。,（,2,）如果大家想改变按钮的形状，按左上角的“按钮”，选择“编辑”或“添加”，改变成个性化按钮；,3,、在程序设计过程中最常用的交互响应方式就是按钮响应如选择按钮、退出按钮等,10,5.4 任务三 作品欣赏,5.4.2,任务实现,制作要点,交互图标类型的选取,按钮图标的自定义及大小调试,按钮属性面板的设置,计算图标及退出命令的使用,11,操作步骤,1,、启动,Authorware,，新建一个文件，将其保存为“作品欣赏,.a7p,”,2,、单击“修改”“文件”,“属性”命令，打开“属性：文件”对话框,3,、在流程线上添加一个显示图标，命名为“背景,-,作品欣赏”，插入背景素材,4,、双击“创作过程”群组图标上面的响应类型标记，打开“属性设置”对话框,5,、单击,【,确定,】,按钮，返回到“属性设置”对话框，单击“按钮”选项卡,6,、按钮编辑,7,、按照上面的方法再添加其他按钮，分别命名为“作品简介”、“分段欣赏”、“音乐知识”，“返回”,5.4 任务三,作品欣赏,12,5.5,任务四,认识电脑,5.5.1 相关知识,热区交互是用户通过单击、双击或移动到展示窗口中任意一个矩形区域而产生交互响应的交互类型。同建立按钮交互响应一样，只要在建立交互时从弹出的“交互类型”对话框中单击“热区域”单选按钮即可。建立热区域交互，热区域是演示窗口中一个很特殊的区域，鼠标在该区域范围内单击或双击就可以触发交互到相应的交互分支上。从用户交互方式上看，类似按钮交互。,13,5.5,任务四,认识电脑,5.5.2,任务实现,制作要点,热区域交互响应及热区域位置的使用,属性面板的设置,14,操作步骤,1,、启动,Authorware,，新建一个文件并保存为“认识电脑,.,“,a7p,”,2,、拖入一个显示图标至流程线，取名为“背景”；在显示图标中导入电脑图片，并且为第一个热区响应取名为“显示器”,3,、双击“显示器”群组图标上方的热区交互图标,4,、同样的再拖动一个群组图标至交互图标右边，命名为“键盘”，群组图标的属性同,5,、再拖动一个计算图标到交互图标的右边，出现“类型”对话框，选择“按钮”选项，,6,、分别打开两个群组图标，在群组图标里各拖动一个显示图标，分别命名为“文字,1,”“文字,2,”，并各加入“显示器”“键盘”字样。如图,5-29,所示。,5.5,任务四,认识电脑,15,5.6任务五,认识卡通人物,5.6.1,相关知识,热对象与热区域的原理是一样的，热区域在显示时不会显示出来，而热对象是可以显示出来的任意对象，如图片、文字等。也就是说，热对象是可以产生交互的特殊对象，通过鼠标对热对象的双击或单击可以跳转到热对象所对应的交互分支上。,16,5.6任务五,认识卡通人物,5.6.2,任务实现,制作要点,热对象交互响应及热对象的选定,属性面板的设置,17,5.6任务五,认识卡通人物,5.6.2,任务实现,操作步骤,1,、启动,Authorware,，新建一个文件，将其保存为“卡通人物,.,“,a7p,”。,2,、在流程线上依次添加,4,个显示图标，分别命名为“图,1,”、“图,2,”、“图,3,”和“图,4,”，然后分别在各自的演示窗口中导入图像“史奴比”、“樱桃小丸子”、“蜡笔小新”、“咖啡猫”，并放在合适的位置,3,、在流程线上添加一个交互图标，将其命名为“选择图片”，然后再其右侧依次添加,4,个群组图标，响应类型均设为“热对象”，将,4,个群组图标分别命名,4,、双击“史奴比”群组图标，打开二级流程图窗口，在上面添加一个显示图标，命名为“史奴比”双击该图标，打开演示窗口，输入文字“史奴比”；,5,、双击“史奴比”热对象的响应图标，出现“热对象属性”对话框,6,、用第五步的方法设置“樱桃小丸子”、“蜡笔小新”和“咖啡猫”群组图标热对象响应。,18,5.7 任务六,对号入座,5.7.1,相关知识,对于某些交互应用,要求设计者设置一个目标区域,用户根据条件把正确的对象拖入这一区域,而拖动不符合条件的对象会被自动弹回原来位置。拖放题的题目和答案各使用显示图标来显示，对错误的拖放行为的处理和全部备选答案拖放正确之后的反馈是本例中的难点，目标对象的选择和目标区域的修改是本例中的重点。,19,5.7 任务六,对号入座,5.7.2,任务实现,制作要点,目标区域交互响应及目标区域的选取,正确目标及错误目标的确定,属性面板的设置,20,5.7 任务六,对号入座,5.7.2,任务实现,操作步骤,1,、新建一个文件，以“对号入座”命名保存。,2,、先制作出背景和需要的突变对象。在流程线上添加一个显示图标，命名为“奥运会项目”，双击打开演示窗口，绘制出四个矩形框，在矩形框下分别添加上对象所对应的名字。,3,、添加一个群组图标到流程线上，命名为“运动”，双击打开第二层流程图，在第二层流程图上添加四个显示图标，分别命名为“射击”、“拳击”、“滑冰”、“网球”。,4,、在演示窗口中将“奥运会项目”显示图标和“运动”群组图标中的对象进行调整,5,、建立交互结构。回到主流程线上，添加一个交互图标，命名为“交互”。,6,、在交互图标的右侧添加一个群组图标，命名为“,1,”，在弹出的交互类型对话框中选择“目标区”，用同样的方法在创建四个群组图标“,2,”、“,3,”、“,4,”、“,error,”。,8,、按住,shift,键，双击交互图标，然后在演示窗口中单击选择一个图片对象。这时在图片的中心位置出现一个虚线框，将该虚线框移动到该图片所对应的矩形框位置，并通过虚线框四周的控制手柄调整虚线框的大小,9.,双击“,1,”群组图标上的响应类型标志，打开交互属性面板,10.,制作当图片没有被放到正确位置时的响应。,11.,双击响应类型标志，打开交互属性面板，在“目标区”选项卡中，目标对象选“允许任何对象”，将“放下”设置为“返回”，在“响应”选项卡中将“状态”设置为“错误响应”。,21,5.8 任务七,风景欣赏,5.8.1,相关知识,1,、窗口和菜单是,Windows,系统的标准界面，使用,Authorware,可以很方便地建立,Windows 95,风格的标准下拉菜单。下拉菜单也是我们比较熟悉的一种交互方式，使用计算机时经常见到，绝大多数软件的界面上都带有这种交互方式，如最常用的,Word,2,、这种交互方式可能没有按钮直接，但是对一个有很多功能的作品来说，每个功能都做成按钮显然不是很明智的做法，没有人会喜欢满满一屏幕按钮的。这种情况下就体现出下拉菜单的优势了。下拉菜单不占用演示窗口的展示部分，可以把若干命令都作到一个个下拉菜单中，使用起来也比较方便，很受用户的欢迎。,22,5.8 任务七,风景欣赏,5.8.2,任务实现,制作要点,下拉菜单交互响应,擦除图标和等待图标的使用,属性面板的设置,23,5.8 任务七,风景欣赏,5.8.2,任务实现,操作步骤,1,、新建一个文件，将其保存为“风景欣赏,.,“,a7p,”。,2,、单击“修改”“文件”“属性”命令，打开“属性文件”的话框,3,、在流程线上添加一个群组图标，命名为“去除,File,菜单”,4,、双击响应类型标记，打开属性对话框。,5,、运行程序，打开演示窗口，同时弹出“属性：擦除图标”窗口，单击演示窗口中的,File,菜单选项，此时系统默认的,File,菜单项消失。,6,、返回到主流程图，在流程线上添加一个交互图标，命名为“风景欣赏”，,7,、双击“风景大观”群组图标，打开二级流程图窗口，在流程线上添加一个显示图标，命名为“风景”,8,、返回主流程图，分别打开“九寨沟”、“海南岛”、“内蒙古”和“北极”,4,个菜单响应图标，丰富其内容。,24,5.9 任务八,交通红绿灯指示器,5.9.1,相关知识,Authorware,凭借其强大的交互功能,简便的流程线程序编写方式,成为当今课件制作的主流工具。但其对视频文件的处理功能却过于单调。如何自动判断系统是否安装了视频文件特定的编解码程序,一