选择显示字体大小

7.1 使用authorware 热区响应(1)

7.1 使用热区响应

热区响应是在课件内制作一个矩形区域作为热区,单击热区时将执行相应的结果图标。本节将首先介绍创建及设置热区响应的方法,然后通过几个具体的实例介绍在多媒体课件内使用热区的方法和技巧。

7.1.1 建立热区响应

创建热区响应的方法与创建按钮响应的方法基本相同。用户只需按照下面的步骤,就可以创建一个以默认设置为基础的热区响应。需要创建更多的热区响应时,可以重复这些步骤,也可以通过复制或粘贴,得到相同的热区,然后再对热区的属性进行修改。

建立热区响应

(1) 执行 file → new 命令,新建一个课件文件。

(2) 将交互图标拖动到流程线上,将其命名为“热区响应示例”。

(3) 将结果图标拖动到交互图标的右侧,打开 response type 对话框。

(4) 选中 hot spot 单选按钮之后,单击 ok 按钮。

(5) 对结果图标进行命名。

(6) 编辑交互图标,设置显示对象的属性。

(7) 确定现有热区的位置和范围。

(8) 双击热区响应的标识符,打开其属性对话框。

(9) 设置热区响应的属性对话框。

(10) 重复上述 (8) ~ (9) 两步的操作,完成其他热区响应的属性设置。

(11) 完成各结果图标的功能。

这里的结果图标可以是显示图标、群组图标、计算图标或影像图标等。为了进一步扩展结果图标,常常将群组图标拖动到交互图标的右侧。如图 7-1 所示,使用上述方法,在新的课件文件内创建了 4 个热区响应。

图 7-1 创建热区响应

7.1.2 设置热区响应属性

双击交互流程线上的热区响应标识符,将打开如图 7-2 所示的热区响应属性对话框,并同时打开热区的演示窗口。如果按住 ctrl 功能键之后,再双击热区响应标识符,那么只能打开热区响应属性对话框。

图 7-2 热区响应属性对话框

比较在此之前介绍的内容,可以看出这里的热区响应属性对话框与按钮响应属性对话框非常类似,前者使用 hot spot 代替后者的 button 选项卡。更进一步地通过比较,就发现 hot spot 与 button 选项卡之间的面板。 hot spot 选项卡与 button 选项卡的区别集中体现在如下三个方 面:

1. match 下拉列表框

match 下拉列表框用于确定用户与热区响应的匹配方式,它包括三个选项。选择 single- click 时,表示用户只需在响应区域内单击,即可以引发相应的匹配动作,它是 match 下拉列表框的默认选项。选择 double-click 时,表示用户只需在响应区域内双击,即可相应地引发匹配动作。选择 cursor in area 时,表示用户只需把鼠标移动到响应区域内,即可引发相应的动作,而不需要进行任何形式的击键动作。

选择 cursor in area 之后, match 下方的 highlight on match 复选框将处于禁用状态,并且 response 选项卡的 branch 下拉列表框中的 continue 选项也成是禁用的。

2. highlight on match 复选框

启用 highlight on match 复选框之后,每当单击响应区域时, authorware 6.0 总会显示出当前响应区域的反相图形。例如,当响应区域是白色 ( 或黑色 ) 的,那么单击之后将变成黑色 ( 黑白色 ) 的。释放鼠标之后,响应区域内的图形颜色将恢复原样。由于 highlight on match 功能增强了视觉反馈的效果,因此它在课件制作中受到广泛地应用。

3. mark on march 复选框

启用 mark on march 复选框之后, authorware 6.0 会在热区的左边界处放置一个小的矩形标识符,如图 7-3 所示。将原始的热区放置在左侧,而将启用 mark on march 复选框之后的热区放置在右侧,可以清楚地看到新添加的矩形标识符。

图 7-3 矩形标识符

当用户的交互动作与热区响应未匹配之前,矩形标识符将始终显示为空心的,否则将对矩形标识符进行填充。改变热区响应区域的大小之后, authorware 6.0 将自动调整矩形标识符的大小。

注释:

在热区响应的属性对话框中, response 选项卡的外观与设置与按钮响应的完全相同,在此就不再讨论选项卡内各选项的使用,用户可参考前面的章节进行对比。

7.1.3 热区响应实例

本节将通过制作提示信息、电子相册及热区随鼠标移动等实例,说明热区响应在多媒体课件中的应用。这些实例中,在交互图标的右侧添加显示、计算或群组图标之后,将它们的响应类型定义为 hot spot 之后,就可以将文字、图片及影像等内容填充到各种图标中,并通过热区控制它们的显示与否。

1. 制作提示信息

为了建立一个提示信息,用户可在演示窗口内放置热区响应。每当单击热区响应之后,就会在屏幕上显示注意事项及备忘录信息。为了便于用户操作,可在热区里输入文字说明,它们与热区的显示结果准备输出的内容保持一致。

如果将鼠标移动到热区响应的上方时,它的形状能够改变,可以进一步地提醒用户此处是一个与众不同的响应,效果可能更突出一些。

制作提示信息

(1) 单击工具栏的 new 按钮,新建一个课件文件。

(2) 将计算图标拖动到流程线上,并命名为“窗口大小”。

(3) 双击“窗口大小”图标,在编辑窗口内输入 resizewindow (300 , 240) ,将演示窗口的大小定义为 300 × 240 像素。

(4) 将显示图标拖动到“窗口大小”的下方,将其命名为“背景”。

(5) 双击“背景”打开演示窗口,将背景图片导入到演示窗口 ( 如图 7-4 所示 ) 。

(6) 将显示图标拖动到“背景”图标的下方,将其命名为“文字”。

(7) 双击“文字”显示图标,打开演示窗口。

(8) 在演示窗口内分别输入“今日提示”及“退出”。

(9) 同时选择“今日提示”及“退出”,将它格式化为宋体、 14 及蓝色。

(10) 将“交互”图标拖动到流程线上,将它命名为“热区响应”。

(11) 将显示图标拖动到“热区响应”的右下方,打开 response type 对话框。

(12) 选中 hot spot 单选按钮之后,单击 ok 按钮关闭打开的对话框。

(13) 将显示图标命名为 inform 。

(14) 双击 inform 图标上方的热区响应标识符,打开热区响应的属性对话框。

(15) 打开 match 下拉列表框,选择 single-click 选项。

(16) 单击 cursor 右侧的按钮,打开 cursor 对话框。

(17) 选择手形作为鼠标的形状之后,单击 ok 按钮返回热区响应的属性对话框。

(18) 选择演示窗口的热区,将它矩形框拖动到“今日提示”的上方 ( 如图 7-5 所示 ) 。

    

图 7-4 导入背景图片      图 7-5 拖动热区边框

(19) 选择热区边框上的控制柄,改变热区边框的大小。

(20) 单击 ok 按钮,关闭打开的热区响应属对话框。

(21) 按住 shift 功能键的同时,双击 inform 显示图标,打开演示窗口。

(22) 在演示窗口内输入“暴风雨就要来临”。

(23) 将显示图标的文字格式化成红色、宋体、 24 及下划线。

(24) 选择输入的文本,使用 ctrl+i 组合键,打开文字属性对话框。

(25) 在 display 选项卡内,单击 transition 右侧的按钮,将提示信息的过渡效果设置为 dissolve , bits 。

(26) 在 layout 选项卡内,打开 positioning 下拉列表框,选择 on screen 。

(27) 在 initial 文本框内,将文字的坐标定义为 (140 , 75) 。

(28) 单击 ok 按钮,关闭打开的文字属性对话框。

(29) 拖动计算图标到交互图标的右侧,打开 response type 对话框。

(30) 选中 hot spot 单选按钮之后,单击 ok 按钮,关闭打开的对话框。

(31) 将计算图标命名为 exit 。

(32) 双击 exit 图标上方的热区响应标识符,拖动热区使它覆盖“退出”。

(33) 改变热区的大小,使它正好与“退出”的大小相符。

(34) 将鼠标的形状设置为手形之后,单击 ok 按钮,关闭的对话框。

(35) 双击 exit 图标,打开计算图标的编辑窗口。

(36) 在编辑窗口内输入 quit( ) 。

(37) 单击工具栏的播放按钮,观看并测试课件的演示窗口 ( 如图 7-6 所示 ) 。

(38) 经过修改之后,得到如图 7-7 所示的课件流程图。

    

图 7-6 演示课件      图 7-7 课件流程图

(39) 保存当前制作的课件文件。

为了使背景图片及热区同时显示在演示窗口内,用户可在单击图标之前按住 shift 功能键,这样就可以根据对象之间的相对关系调整它们之间的位置。如果拖动不能满足精确定位的要求,可在打开的属性对话框内,通过 layout 选项卡进行定义。

在定位热区的位置时,热区的名称总是出现在标签的上方,但这并不影响课件的观看。因此在观看课件时,只显示热区标签而不会显示热区的名称。一旦改变了标签的位置,那么再次单击它时,由于标签与热区已经位于不同的地方,这样就不能触发显示图标。

  


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons