《中文Authorware多媒体制作教程 第3版 教学课件 ppt 作者 冯建平 符策群 孙洪涛等 第9章 框架与导航》由会员分享，可在线阅读，更多相关《中文Authorware多媒体制作教程 第3版 教学课件 ppt 作者 冯建平 符策群 孙洪涛等 第9章 框架与导航（29页珍藏版）》请在金锄头文库上搜索。
1、第 9 章 框架与导航,Authorware可以利用导航结构方便地实现在各个页面之间任意前进、后退，单击超文本对象跳转到相应的内容，查看历史记录等功能。甚至在Authorware中可以利用导航结构实现在程序中任意跳转。,9.1 导航结构的组成及功能,导航结构由“框架”图标、附属于框架图标的“页图标”和“导航”图标共同组成，它是Authorware中最特殊的图标。在Authorware的图标中，有些是可以单独使用的，如显示图标、等待图标、计算图标、电影图标和声音图标，有些是需要与其他图标配合使用的，如动画图标、擦除图标、导航图标、分支图标、交互图标和群组图标，无论是单独使用还是配合使用，它们本身
2、都是一个独立的图标，而框架图标却是一个具有内部结构的，由许多其他图标构建起来的复合型图标。通过对框架图标内部结构的修改，还可以建立起适合于用户的，形式多样的控制系统。,图9-1 导航结构示意图 从图中可以看出，使用导航图标，可以跳转到程序中的任意页图标中去。导航图标可以放在流程线上的任意位置，也可以放在框架图标及交互作用分支结构中使用。它指向的目的地只能是一个页图标（必须是位于当前程序文件中的页图标）。,9.2 框 架 图 标,9.2.1 框架图标的属性,9.2.4 动手实践：图片浏览,本例是利用框架图标实现一个用导航控制按钮进行前后翻页的浏览过程，在浏览到第一张图片或最后一张图片时，导航控制
3、的“向前翻”或“向后翻”为灰色，同时实现导航控制按钮位置的重新调整。 （1）向主流程线上拖放一个框架图标，将它命名为“海底世界”。并向框架图标添加包含图像或文本内容的页图标，导入图像或文本文件后，一个基本的导航框架就形成了。 图9-4 程序与效果示意图,（2）双击框架图标，在框架窗口入口窗格中增加一个背景图像。这样在浏览每一页内容时，文本内容都将显示在一幅优美的背景前；双击“灰色导航面板”，演示窗口内显示控制面板底板，在此可以调整底板的位置、大小或删除底板；双击“导航超链接”交互图标，在演示窗口内显示出8个控制按钮，在此可以调整按钮的位置和大小。 图9-5 背景图像,（3）改变默认的导航控制，
4、即本例中，单击“上一页”、“下一页”命令按钮使程序在各页之间循环。如已经位于框架中最后一页时，“下一页”命令按钮变灰，在位于第一页时，“上一页”命令按钮变灰，此时可以使用变量来控制这一点。我们知道Authorware将框架中的所有页按照从左到右的顺序从1开始编号，并使用系统变量CurrentPageNum来监视当前显示的是哪一页。当此变量单独使用时，其存储的是当前框架中最后一次显示过的（或当前正在显示的）页的编号，如果当前框架中没有显示过任何一页，其值为0；表达式CurrentPageNum“IconTitle”是返回指定框架中最后一次被显示的页的编号。,Authorware使用系统变量Pag
5、eCount存储当前框架中包含的总页数。双击“下一页”按钮响应，打开响应属性对话框，在“激活”文本框中输入“PageCountCurrentPageNum”作为激活此响应的条件，如图9-8（a）所示。如此设置的意义是：当前没有显示到最后一页时，才允许使用此按钮继续向后翻页，否则此按钮被禁用，如图9-8（b）所示。,（a）,（b）,同理，在“上一页”按钮响应的响应属性对话框中，将激活该响应的条件设置为“CurrentPageNum1”，如图9-9（a）所示，则在当前没有显示到第一页时，才允许使用此按钮继续向前翻页，当翻到第一页时，则此按钮被禁用，即禁止继续向前翻页，如图9-9（b）所示。 从上例
6、可以看出，在Authorware中创建一个完整的翻页结构是非常容易的，同时灵活运用也非常重要，你可以打开导航图标，多动手实践一下。,（b）,（a）,9.3 导 航 图 标,导航图标用来实现程序流向的转移，有点像转向函数“GoTo”，但作为一个图标，它有着更完善的功能。导航图标的属性对话框有十分丰富的选项，通过这些选项的设置，可以用各种不同的查找方式实现程序在框架结构内的跳转，以及在不同的框架结构之间的跳转，如图9-10所示。,图9-10 框架结构内的跳转,9.3.1 导航图标的属性,跳转方向和方式主要是由导航图标进行控制，在流程线上拖入一个导航图标，双击该导航图标，可打开导航图标属性对话框，如
7、图9-11所示。 从图9-11所示可看出，调转目的地有5种不同的位置类型：最近、附近、任意位置、计算和查找。下面就来看一下5种目的位置类型是如何工作的。,图9-11 导航图标属性对话框,9.3.2 直接跳转与调用,在对导航图标进行属性设置时，某些导航图标允许从两种跳转方式中选择一种：直接跳转方式和调用方式。直接跳转方式是一种单程跳转；调用方式是双程跳转，即Authorware会记录跳转起点的位置，跳转到目标页之后，还可返回跳转起点。利用导航设计图标可设置多达10种类型的链接。这10种链接均可使用直接跳转方式，但只有选择如下3种目的位置时，才可以使用调用后返回方式，即“任意位置”、“计算”、“查
8、找”。使用调用方式进行跳转时，跳转的起始位置可以在一个导航框架之内，也可以位于主流程线上，但只能调用位于另一框架中的页，而不能调用在同一框架内的不同页之间进行跳转，如图9-17所示。,图9-17 调用方式示意,使用调用方式需要两个导航图标：一个导航图标用于使Authorware进入到指定的页，此导航图标的跳转方式设置为调用方式；另一个导航图标用于使Authorware返回到原来的位置，调用时的起始导航设计图标可以在主流程线上、交互作用分支结构中、判断分支结构中或框架结构中，但调用时的终点导航设计图标必须是在框架窗口输入画面中，而且要将其设成退出框架/返回。,9.3.3 动手实践：百科知识,本例
9、主要运用导航图标、框架图标实现“百科知识”的浏览，程序中涉及多个结构，主要的分类目录交互以热区响应实现，具体内容用导航框架图标实现浏览相关的画面，浏览完后，可随时返回分类目录，进入另一类知识模块。不想浏览时，可随时退出。本实例的结构与界面示意如图9-18所示。,在流程图设计上，考虑到“百科知识”属于资料工具型课件，需要大量的文本、图片展示，同时导航结构与导航方向要明确，为此，以如图9-19所示的流程图来加以实现。 在各章节的交互跳转中，目录间的交互通过热区响应实现，如图9-20所示。,图9-19 “百科知识”局部流程图 图9-20 主要目录的交互,目录与内容间的跳转通过导航框架结构实现，如图9
10、-21所示。（注意跳转类型选择“调用后返回”）。,图9-21 目录与内容的跳转,9.4 超 文 本,9.4.1 超文本对象的建立与链接 超文本是一种使不连续的文本信息显示的方式，当单击、双击或将鼠标指针移至指定的文本对象上时，与超文本对象有关的信息就会显示出来。利用超文本对象建立导航链接分3步进行：首先创设一个没有交互作用的环境；其次建立一个文本样式并建立该样式与具体页之间的链接；第3步将该样式应用到指定的文本对象上。,1改变框架图标内设置,我们知道框架图标不是一个独立的图标，而是一个具有内部结构的，由许多其他图标构建起来的复合型图标。通过对框架图标内部结构的修改，可以建立起适合于用户的，形式
11、多样的控制系统，如图9-22所示。在进行超链接设置过程中默认的框架内有“灰色导航面板”和“导航超链接”交互图标，在此，可以把它删除去，目的是在演示窗口中不再有导航控制面板出现，同时，让页显示图标1、2、3之间也无法跳转。那如何使“标题”显示图标内的几个关键字跳转到页显示图标1、2、3内，我们进行第2步设置。,图9-22 修改框架图标内设置,2设置超文本,使用超文本之前要使超文本对象与相关信息建立联系，通过自定义文本风格来实现定义超链接。 执行“文本定义风格”菜单命令，调出“定义风格”对话框，在此添加4种自定义文本风格：文本样式设为有下划线，文本设置为黑色，如图9-23所示。,图9-23 自定义
12、文本风格,选中的样式会显示在预览框中。 打开“导航到”复选框，单击右边导航标记，可打开导航属性对话框，如图9-24所示。 图9-24 建立文本风格与特定页之间的联系图9-25 应用文本风格 将“目的地”选择为“任意位置”，跳转方式设置为“调用后返回”，然后在跳转范围列表框中选择目标页：依次将3种自定义文本风格对应到“1、2、3”群组图标上。这就定义了文本风格与页图标之间的超链接，具有这些风格的文本对象就变为超文本对象。,3超文本样式指定,定义了超文本风格就可以将其应用到程序中。在“标题”显示图标中加一段文本，并完成前面所设的交互作用分支结构，双击“标题”显示图标，在演示窗口中用“文字工具”选择
13、需要超链接的文字，如图9-25所示，选取菜单栏“文本应用试样”命令，弹出“应用试样”对话框。将定义的3种超文本风格应用于不同的文本上面。 运行程序，单击“标题”文本中的超文本对象，程序会自动跳转到对应的框架中去显示相应页的内容。,9.4.2 动手实践：超链接音乐,如图9-26所示为程序与界面示意图。,图9-26 程序与界面示意图,（1）在流程线上拖入3个框架图标，双击框架图标，删除框架内“灰色导航面板”和“导航超链接”交互图标，如图9-27所示。图9-27 修改框架内结构 （2）在3个框架图标右侧分别拖入如图9-26所示的图标，命名后，打开“乐器”框架中的页图标，分别导入各种相关的音乐，打开“乐器图片”框架中的页图标，分别导入各种相关的图片。,（3）打开“文本定义风格”菜单命令，调出“定义风格”对话框，可在此定义文本风格，如图9-28所示。,图9-28 定义文本风格,（4）双击“背景”显示图标，在演示窗口中用“文字工具”选择需要超链接的文字，如图9-25所示，选取菜单栏“文本应用试样”命令，弹出“应用试样”对话框。将定义的超文本风格应用于关键字上，在导航属性设置对话框中选用“调用后返回”类型，如图9-29所示。 图9-29 导航风格属性设置,
