第10章 框架和导航结构的设计 在Autuorware中，利用“框架”图标，可以建立流程的页，通过“导航”图标，可以实 现对页的访问。 10.1翻页结构设计一西风吹书读哪页 10.1.1认识框架图标 在如hore中，框架结构有三部分组成：据架图标回 不同生页的页图标、了导 航图标。在框架图标中他们三者只有结合在一起才有导航的作用： 框架图标 [Untried] 回刻 Level 1 框死 框架中的页 图101配架图标 可☒ Etry:Lomel 1 Ge back 程Ctp星 Re3 tfraaewor含 Firet Page Erit:Level I 图102框架露标的内多姑构 “框架”图标窗口共分为三部分。 在输入窗口的最顶端是一个“显示”图标。 “显示”图标的下方是“交互”图标
1 第 10 章 框架和导航结构的设计 在 Autuorware 中，利用“框架”图标，可以建立流程的页，通过“导航”图标，可以实 现对页的访问。 10.1 翻页结构设计——西风吹书读哪页 10.1．1 认识框架图标 在 Authorware 中，框架结构有三部分组成：框架图标 、不同主页的页图标、 导 航图标。在框架图标中他们三者只有结合在一起才有导航的作用。 图 10.1 框架图标 图 10.2 框架图标的内部结构 “框架”图标窗口共分为三部分。 在输入窗口的最顶端是一个“显示”图标。 “显示”图标的下方是“交互”图标
说刺领儿页 楼超 查执按组 出 第一 下面 前一贾 校恒 面1Q3导前按恒 在“交互”图标中的八个定向按钮，在程序运行时，具要单击这些定向按钮境可以实现 页面的赋转和查找。 已。--中国资狼苑 回刻 Level I i 中国奇现 山山 由由由图卤 阿中细音狼 回× a高Gray Navigstion Pael Entry:Level I Navigat ion hoyp... Go back Recent pa鲜经 Find Exit franevork IIII I F1F生P电 Exit:Levrel 图04例10-1-中国向观程序 运行该程序后屏幕上首先出观图0.5的效果，然后可点击屏幕上的按细，程序将会按照 图10.3所示的响应方式跳转。 2
2 图 10.3 导航按钮 在“交互”图标中的八个定向按钮，在程序运行时，只要单击这些定向按钮就可以实现 页面的跳转和查找。 图 10.4 例 10-1-中国奇观程序 运行该程序后屏幕上首先出现图 10.5 的效果，然后可点击屏幕上的按钮，程序将会按照 图 10.3 所示的响应方式跳转
Prevertation Window 中国奇观 的的 购空中刘 图10.5例10-1-中国奇我程序运行效果 10.1,2认识导航图标 “导航”图标主要用于控制程序的芪转方白和方式，通过该图标。可践转到程序中任意 “框架”图标下的页图标。 具体可实现以下功能： (1)跳转到程序中任意页图标： (2)图标间的相对位置跳转，如魔转到前一到成后一页1 (③)回到用户使用过的页图标： ()在用户己使用过的真图标中选择一页作为目的页： (5)查找功能定位所需的页图标并珠转： (通过于程序调用珠转并返回。 “框架”图标建立了到的站构。但要实现与页之间的定向链接，就是用“导航”图标， 双击“导航”图标，打开“Properties Navigate Icon(Recent pages”属性设置对话框。 4<1附8 ed-2004-4 图1收6导机图标属性设置 在对话框的“Destina磁ion”栏中可选择如下五种链接方式. 3
3 图 10.5 例 10-1-中国奇观程序运行效果 10.1．2 认识导航图标 “导航”图标主要用于控制程序的跳转方向和方式，通过该图标，可跳转到程序中任意 “框架”图标下的页图标。 具体可实现以下功能： (1)跳转到程序中任意页图标； (2)图标间的相对位置跳转，如跳转到前一页或后一页； (3)回到用户使用过的页图标； (4)在用户已使用过的页图标中选择一页作为目的页； (5)查找功能定位所需的页图标并跳转； (6)通过于程序调用跳转并返回。 “框架”图标建立了页的结构，但要实现与页之间的定向链接，就是用“导航”图标。 双击“导航”图标，打开“Properties:Navigate Icon[Recent pages] ”属性设置对话框。 图 10.6 导航图标属性设置 在对话框的“Destination”栏中可选择如下五种链接方式
1.Recent 2.Nearby 即路行 Becmt papis 511登 -46 E4合h4同E Bef.bplo CBat Cfirst CLat 反 Bei Pruterurk/betws 图107设置最近真面属性 1)单击“Prei0us”按钮 2)单击“Ne国”核细 3)单击“Fi国”按钮 4)单击"L。”按钮 S)单击“ExitFramework/Return”按细 3.Anywhere 分 习 511s位 An 4d8004 Tof.bodke m“出 ☒ 相■女 Etire fle ☒青河海有 同 T.a ☒香现痛现 可 ☒万里长城 图10.8设置任意位置风商属性 4.Calculate Sacimt papis 1 ion:Caleul的。 t Tata 反 图10.9设置计算页面属性 5.Search 即送 Sacwt papia ntisution:Fwd 1300446 m*氏2rt 反 密1Q10设置查找页面属性 "Type
4 1．Recent 2．Nearby 图 10.7 设置最近页面属性 1)单击“Previous”按钮 2)单击“Next”按钮 3)单击“First”按钮 4)单击“Last”按钮 5)单击“ExitFramework／Return”按钮 3．Anywhere 图 10.8 设置任意位置页面属性 4．Calculate 图 10.9 设置计算页面属性 5．Search 图 10.10 设置查找页面属性 “Type
"Search”(搜素) 10.1,3创建框架结构的基本操作 框架结构的创建一般步骤如下： (1)指曳“框架”图标到主流程线上并角名。 (2)拖曳页图标至“框架”图标的右侧释放并命名。 (双击“框架”图标打开其“输入/输出”层进行编辑。输入/输出层的结构道程及缺省 工具条 (4)编辑“柜架”图标右侧各页的内容 框架输入层有一套缺省的阻页工具条。共有8个按组，如果对缺省的阻页工具条不满意， 例知工具条按细个数、核组形状、按钮位置以及各按钮的响应方式等，均可以进行调整，具 体操作如下。 ()改变工具条的按钮数目： (2)政变响应方式： (3)政变按钮形状： (4)指放按钮位置： 当程序执行到一个框架结构时，在进入其中第一个页图标前首先执行“框架”图标的输 入层内容，在窗口中显示出输入层缺省的（成定制的）导航按钮，然后自动遗入首页浏览。 在退出框架结构时，执行框架输出层的设置内容后，刷除框架结构中的所有内容，撒销所有 导航控制： 另外，替换系统默认的定向控制还有另一种方法，那就是使用核块进行替换。 如果确实想这样做，可以参無下面的具体步裸进行： L.打开uthorware7的文作夹，在列表框中用鼠标右键单击Framowrk..7d文件，选择“剪切” 金令。然后进入其他目录，用右键单击窗口的空白处，在弹出的菜单中选择“粘贴”命令， 将此模块文件移动到这个文件夹中保存。 2,打开流程线上的“掘架”图标，然后副除输入窗口中的所有图标，按用户的需要设置新的 定向控制结构。 [实例10.1】西风吹书读哪页一中国奇观电子图书 程序设计的步露如下： 1,用“dify”→“File”→“Properties”命令设置程序的基本参数，途定分裤率为 640X490. 2。燕业一个根架图标回至流程找上，松后为它命名“中国奇限 3.先后施曳七个显示图标到框架图标的右下方建立七条分支，然后分别为它命名为“背 量”，“喜玛亚拉山”，“黄河瀑布”、，“万里长规”，“西安兵马佰”、“新安江”、“青藏高源”。 4。双击“背景”显示图标，用文本设计标愿“中国奇观”，然后输入“第十章框架和导 航结构的设计/101-翻页结构设计/10-1-中国奇观图片/背景.g”。 5.依次双击后面的暴示图标，然后分别输入“第十章框架和导航结构的设计/101-翻页 结构设计/101-中国奇观图片/”相应的图片
5 “Search”（搜索） 10.1．3 创建框架结构的基本操作 框架结构的创建一般步骤如下： (1)拖曳“框架”图标到主流程线上并命名。 (2)拖曳页图标至“框架”图标的右侧释放并命名。 (3)双击“框架”图标打开其“输入／输出”层进行编辑。输入／输出层的结构流程及缺省 工具条。 (4)编辑“框架”图标右侧各页的内容 框架输入层有一套缺省的翻页工具条，共有 8 个按钮，如果对缺省的翻页工具条不满意， 例如工具条按钮个数、按钮形状、按钮位置以及各按钮的响应方式等，均可以进行调整，具 体操作如下。 (1)改变工具条的按钮数目： (2)改变响应方式： (3)改变按钮形状： (4)拖放按钮位置： 当程序执行到一个框架结构时，在进入其中第—个页图标前首先执行“框架”图标的输 入层内容，在窗口中显示出输入层缺省的(或定制的)导航按钮，然后自动进入首页浏览。 在退出框架结构时，执行框架输出层的设置内容后，删除框架结构中的所有内容，撤销所有 导航控制。 另外，替换系统默认的定向控制还有另一种方法，那就是使用模块进行替换。 如果确实想这样做，可以参照下面的具体步骤进行： 1.打开 Authorware7 的文件夹，在列表框中用鼠标右键单击 Framewrk.a7d 文件，选择“剪切” 命令。然后进入其他目录，用右键单击窗口的空白处，在弹出的菜单中选择“粘贴”命令， 将此模块文件移动到这个文件夹中保存。 2.打开流程线上的“框架”图标，然后删除输入窗口中的所有图标，按用户的需要设置新的 定向控制结构。 [实例 10.1] 西风吹书读哪页--中国奇观电子图书 程序设计的步骤如下： 1．用“Modify”→“File”→“Properties”命令设置程序的基本参数，选定分辨率为 640×480。 2．拖曳一个框架图标 至流程线上，然后为它命名“中国奇观”。 3．先后拖曳七个显示图标到框架图标的右下方建立七条分支，然后分别为它命名为“背 景”、“喜玛亚拉山”、“黄河瀑布”、“万里长城”、“西安兵马俑”、“新安江”、“青藏高原”。 4．双击“背景” 显示图标，用文本设计标题“中国奇观”，然后输入“第十章框架和导 航结构的设计/10-1-翻页结构设计/10-1-中国奇观图片/背景.jpg”。 5．依次双击后面的显示图标，然后分别输入“第十章框架和导航结构的设计/10-1-翻页 结构设计/10-1-中国奇观图片/”相应的图片
10.2动态跳转设计—非线性阅读 10.2.1几种常见的翻页跳转结构 在Auaw心中，有关翻页结构的制作在很大程度上都活要通过“导航”图标及“概架” 图标协作来完成，两者缺一不可。 一、在多个框架图标之间实现跌转 . Leel 1 品 智品 sperties sigate bron IGo k] 打插 Aaprhaos 304-4 mgu细 1 Eutiee fule 回 同 Eywrd 回4 图101山多个框架函标之间的联转 二、利用导航图标直接转 . 华 Lewe2 1 智品 为一减e鞋和是 n隔0 14 名数 1d2044-d me“ 有地nwk Bvtire fhie Eowed 周10.12直接跳转 三、使用交互图标控制践转
6 10.2 动态跳转设计——非线性阅读 10.2.1 几种常见的翻页跳转结构 在 Autuorware 中，有关翻页结构的制作在很大程度上都需要通过“导航”图标及“框架” 图标协作来完成，两者缺一不可。 一、在多个框架图标之间实现跳转 图 10.11 多个框架图标之间的跳转 二、利用导航图标直接跳转 图 10.12 直接跳转 三、使用交互图标控制跳转
E[Un诚ed -回x Level 1 选择 热对费 Unlinked 只西 3 图10,13交互控制 10.2.2框架的嵌套和返回 框架的帐套是指一个框架的某些页中还存在有另外一个框架的使用方式。 【实例10.2]多煤体教材 程序设计的步露如下： 1,设置程序的基本参数。 2,指曳一个交互图标至流程线上，然后为它命名“多媒体教材”。包括四个按钮响应，： 四多煤体数材a7p 回x Level 1 多煤体教材 讲授内容 问题分析 帮助 图10.14多煤体校材主程序 3.为每一按钮响应设置链接。 回多媒体数材.。7和 回 Level 1 多媒体教材 讲授内容 可题分析 L-L 帮助 多煤体教材内容 回 授内容 面面面面 帮助
7 图 10.13 交互控制 10.2.2 框架的嵌套和返回 框架的嵌套是指一个框架的某些页中还存在有另外一个框架的使用方式。 [实例 10.2] 多媒体教材 程序设计的步骤如下： 1．设置程序的基本参数。 2．拖曳一个交互图标至流程线上，然后为它命名“多媒体教材”。包括四个按钮响应，。 图 10.14 多媒体教材主程序 3．为每一按钮响应设置链接
图1015多置体教材楂恒响成登置 4.总体框架中的“习题”部分内容应该包含各章的习题。所以在“习题”这一夜中又色 含了一个名为“章”的子框架，此子框架中的每一页相当于每一张的习思。 问多提体意材7p -回 Level 1 多棋体教材 问题分析 多煤体教材内容 回 内 配数 回 Level 2 图形 响向向响向 图10.16多煤体教材子框紫示意周 回多紫体教材a7和 回x Level 1 多爆体教材 讲授内客 3 问通分析 助 多煤体款材内容 散内容 面面面面 图1017多规体数材程序跳转 当从主框某中进入其中一页的子框架时，程序并不退出主框架。 柜架的嵌套中队认的导航控制功能与普通柜架中默认的控制响应按耀的功能区别， 在医架帐套中的搜索功能。 Anywhere和Calculated类型的导航控制特点. 利用导航图标实现主框架和子框架中的相互典转。 二、框架的返回 框架的返日与前雨介绍的廷回并不相同，前面介绍的内容是设置如何返国到最近访月的 某页，而框某的返回相当于程序设计语言中的子程序概念。 要创建一个完整的子程序，操作步骤如下： (1》施动一个粗架图标到流程线上， (2》施动其他图标到框架图标的右边，并编这些图标的内容。 (3)在柜架图标的每一页的最后都添如一个导航图标，并将其属性设置为Naby中的Exit
8 图 10.15 多媒体教材按钮响应设置 4．总体框架中的“习题”部分内容应该包含各章的习题，所以在“习题”这一夜中又包 含了一个名为“章”的子框架，此子框架中的每一页相当于每一张的习题。 图 10.16 多媒体教材子框架示意图 图 10.17 多媒体教材程序跳转 当从主框架中进入其中一页的子框架时，程序并不退出主框架。 框架的嵌套中默认的导航控制功能与普通框架中默认的控制响应按钮的功能区别。 在框架嵌套中的搜索功能。 Anywhere 和 Calculated 类型的导航控制特点。 利用导航图标实现主框架和子框架中的相互跳转。 二、框架的返回 框架的返回与前面介绍的返回并不相同，前面介绍的内容是设置如何返回到最近访问的 某页，而框架的返回相当于程序设计语言中的子程序概念。 要创建一个完整的子程序，操作步骤如下： （1） 拖动一个框架图标到流程线上。 （2） 拖动其他图标到框架图标的右边，并编辑这些图标的内容。 （3） 在框架图标的每一页的最后都添加一个导航图标，并将其属性设置为Nearby中的Exit
Framework/Return. (4)燕动一个导航图标到程序中需要跳转的地方。 (S)导航图标属性对话框中将该号航图标的Destination属性设置成Amywhere. (6)在A吗where属性下面的ype选项组中选择Call and Return单达按钮. (7) 桂接到子程序中的某一页。 (8) 重复步骤(4》到步骤(7)的操作，直到结束。 10.3热字链接—超文本大动员 在Autuorware中，利用超文本对象也可以建立一种定向情接。当使用鼠标单击、双击或 将碱标移至定义的超文本正文对象上时，Auu4e就会直接进入与该正文对象所对应、所 链接的页中，这样的正文对象被我们称之为超文本对象。简称超文本。 10.3.1超级链接文本使用原则 10.3.2设置超级链接文本的风格 超级链接文本都是具备一定风格的。在Autuorware中，超级链接把定义一种风格和导航 图标建立的文互结合在一起使用。 Define Sty回 nefaclt Stple) PSmt网 Fo可 Sample 厂lw 厂td 1ntsr银t4lty 厂hle1tt 管a: r有m,月 厂or行pt 广T11年月1 TexE Cut. 广mt国 F的.间.T开Tast.- 厂nted1i西 厂C正r0 D118y1) Wodtfy Mdd Fmgvr 图0,18定义超文本链接的最示风格 1.Interactivity 2.Auto Highlight 3.Cursor 4.Navigate To
9 Framework/Return。 （4） 拖动一个导航图标到程序中需要跳转的地方。 （5） 导航图标属性对话框中将该导航图标的 Destination 属性设置成 Anywhere。 （6） 在 Anywhere 属性下面的 Type 选项组中选择 Call and Return 单选按钮。 （7） 链接到子程序中的某一页。 （8） 重复步骤（4）到步骤（7）的操作，直到结束。 10.3 热字链接——超文本大动员 在 Autuorware 中，利用超文本对象也可以建立一种定向链接，当使用鼠标单击、双击或 将鼠标移至定义的超文本正文对象上时，Autuorware 就会直接进入与该正文对象所对应、所 链接的页中，这样的正文对象被我们称之为超文本对象，简称超文本。 10．3．1 超级链接文本使用原则 10．3．2 设置超级链接文本的风格 超级链接文本都是具备一定风格的。在 Autuorware 中，超级链接把定义一种风格和导航 图标建立的交互结合在一起使用。 图 10.18 定义超文本链接的显示风格 1． Interactivity 2． Auto Highlight 3． Cursor 4． Navigate To
10.3.3设置超级链接文本的基本操作 在Auwe中制作超文本要用到的Define Styles对话框， (1》施动一一个据果图标到流程线上，命名为“主菜单，双击打开该框架图标。将其所有 内容酬除拖动四个显示图标放在框架图标的右边，分别命名村本书目录”、“唐诗“、 “宋词，“古风 回超性接染单.7p 回 Level 1 主票单 本书目柔 图1019相饭线接程序 (2) 单击Text菜单，选释Define Styles选项. (3) 双击“本书目录”显示图标，其中“唐诗”、“宋词，“古风”全部设为“标题”风格。 本 目 图10.20切级销接的计面 (4)双击“唐诗”显示图标，其中“返目”设为“返日风格。 10
10 10．3．3 设置超级链接文本的基本操作 在 Autuorware 中制作超文本要用到的 Define Styles 对话框。 （1） 拖动一个框架图标到流程线上，命名为“主菜单”，双击打开该框架图标，将其所有 内容删除。拖动四个显示图标放在框架图标的右边，分别命名为“本书目录”、“唐诗”、 “宋词”、“古风”。 图 10.19 超级链接程序 （2） 单击 Text 菜单，选择 Define Styles 选项。 （3） 双击“本书目录”显示图标，其中“唐诗”、“宋词”、“古风”全部设为“标题”风格。 图 10.20 超级链接的封面 （4） 双击“唐诗”显示图标，其中“返回”设为“返回”风格