首页 > 网站 > 媒体动画 > 正文

Authorware开发实例:Authorware 6.0网上多媒体课件绘制--12.3 运用超链接

2024-09-08 19:25:24
字体:
来源:转载
供稿:网友

12.3  应用超链接

authorware 6.0的超链接有两种形式,一种是通过浏览按钮实现结点页之间的跳转,另一种是通过链接源实现结点页之间的跳转。本节介绍的超链接、导航条、添加页码及建立帮助都从这两个方面入手,介绍了框架图标及浏览图标的应用情况。

12.3.1  创建超链接

对于普通的文本应用navigate to特性之后,在演示窗口内打开时,将自动显示navigation对话框,用于确定链接目标的位置,凡是框架图标管理的结点页都可以作为链接的对象。为了从链接目标返回,还可以分别在链接目标内添加一个指向目录的返回链接。

 建立超文本链接

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

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

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

(4) 在编辑窗口内输入resizewindow (300,200)之后,关闭打开的编辑窗口。

(5) 将框架图标拖动到“窗口大小”的下方,并命名为“超文本”。

(6) 双击打开框架图标,使用ctrl+a组合键之后,删除所有的设置。

(7) 选择text→define style命令,打开如图12-11所示的define stytle对话框。

图12-11  define stytle对话框

(8) 单击add按钮,在文本框内输入“超文本”。

(9) 将超文本的字体设置为楷体,字号设置为12。

(10) 启用underline复选框。

(11) 启用text color复选框,选择绿色作为超文本的颜色。

(12) 选中interactivity选项组中的single click单选按钮。

(13) 启用interactivity选项组中的cursor复选框。

(14) 启用interactivity选项组中的navigate text复选框。

(15) 单击done按钮。

(16) 重复上述(1)~(15)的操作,定义text样式。

(17) 将显示图标拖动到“超文本”框架图标的右侧,并命名为“目录”。

(18) 在目录内输入如图12-12所示的文本及图片。

(19) 执行text的apply style命令,将“超文本”样式应用于“开发简介”、“开发工具”及“开发平台”。

(20) 执行text的apply style命令,将text样式应用于“动态网页设计”。

(21) 将显示图标拖动到“超文本”框架图标的右侧,并命名为“开发简介”。

(22) 双击打开“开发简介”图标,在演示窗口内输入如图12-13所示的内容。

    

       图12-12  布置目录图标的内容               图12-13  输入“开发简介”图标的内容

(23) 执行text→apply style命令,将“超文本”应用于“返回”。

(24) 执行text→apply style命令,将text应用于图标的其他内容。

(25) 重复上述(21)~(24)步的操作,在“超文本”框架图标的右侧添加“开发工具”及“开发平台”等显示图标并编辑其内容,得到如图12-14所示的课件流程图。

(26) 播放课件,单击“目录”图标的“开发工具”,打开如图12-15所示的properties:navigation对话框。

图12-15  properties:navigation对话框

(27) 打开destination下拉列表框,选择anywhere。

(28) 打开framework下拉列表框,选择“超文本”。

(29) 在page列表框内选择“开发工具”图标。

(30) 选中type选项组的jump to page单选按钮之后,单击ok按钮。

(31) 重复上述(26)~(30)步的操作,为“开发简介”及“开发平台”确定链接目标。

(32) 播放课件,单击“开发工具”之后,打开如图12-16所示的链接目标。

图12-16  打开链接目标

(33) 单击左下角的“返回”,再次打开properties:navigation对话框。

(34) 在page列表框内选择“目录”之后,保持其他的默认设置不变。

(35) 单击ok按钮,将“返回”超文本指向“目录”图标。

(36) 测试、修改并保存课件文件。

由于将文本应用了navigate to特性,因此它们就成为超文本,单击超文本时,如果链接目标已经存在,那么将在演示窗口内显示链接目标的内容,否则将打开properties:navigation对话框,用于确定打开的链接目标及其显示方式。

12.3.2  建立导航条

authorware 6.0提供了默认的8种导航按钮,每一种导航按钮的名称与外观都是逐一对应的。为了显示当前结点页的位置,可使用icontitle(currentpageid)显示当前图标的名称,一旦启用设置显示图标属性的update display variables复选框,就可以得到及时更新图标名称。

 建立导航实例

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

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

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

(4) 在编辑窗口内输入resizewindow (300,200)之后,关闭打开的编辑窗口。

(5) 将框架图标拖动到“窗口大小”的下方,并命名为“导航图标”。

(6) 双击打开框架图标,在gray navigation panel显示窗口的演示窗口内输入“当前图标名称为icontitle(currentpageid)”。

(7) 选择gray navigation panel显示图标,使用ctrl+i组合键打开属性设置对话框。

(8) 在display选项卡内,启用update display variables复选框。

(9) 双击打开navigation hyperlinks交互图标,选择控制按钮,并将它移动到合适的位置。

(10) 将显示图标拖动到“导航图标”框架图标的右侧,并命名为“目录”。

(11) 在目录内输入文本及图片。

(12) 执行text的apply style命令,将“超文本”样式应用于“开发简介”、“开发工具”及“开发平台”。

(13) 执行text→apply style命令,将text样式应用于“动态网页设计”。

(14) 重复上述(10)~(13)步的操作,在“导航图标”框架图标的右侧添加“开发工具”及“开发平台”等显示图标并编辑其内容,得到如图12-17所示的课件流程图。

(15) 播放课件,单击“目录”图标的“开发工具”,打开properties:navigation对话框。

(16) 打开destination下拉列表框,选择anywhere。

(17) 打开framework下拉列表框,选择“导航图标”。

(18) 在page列表框内选择“开发工具”图标。

(19) 选中type选项组的jump to page单选按钮之后,单击ok按钮。

(20) 重复上述(26)~(30)步的操作,为“开发简介”及“开发平台”确定链接目标。

(21) 播放课件,得到如图12-18所示的演示界面。

            

           图12-17  课件流程图                              图12-18  演示界面

(22) 单击“开发工具”之后,打开“开发工具”图标。

(23) 单击recent pages按钮时,将打开如图12-19所示的结点页列表。

(24) 单击find按钮时,打开如图12-20所示的find对话框。

(25) 在word/phrase文本框内输入arpa。

(26) 单击find按钮之后,将在page文本框内显示图标“开发简介”。

(27) 单击go to page按钮时,演示窗口内将直接跳转到“开发简介”图标。

(28) 测试、修改并保存课件文件。

在word/phrase文本框内输入文本或关键字之后,单击find按钮,将在框架图标控制的范围内查找,并将查找结果显示在page列表框内。如果存在多个图标满足查找要求,那么选择一种图标之后,单击go to page按钮将直接打开图标所在的演示窗口,或者双击图标也可以达到同样的目的,此时演示窗口内的查找内容将高亮显示。

           

       图12-19  结点页列表                         图12-20  find对话框


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表