1、课时两节班级课时：两节 班级： 教学内容：第9章 框架、导航结构的应用教学活动的目标：1.掌握框架图标的功能和属性2.掌握导航图标的功能和属性教学重点：框架图标及其属性教学难点：导航图标及其属性教学资源的安排和使用：多媒体教学系统、教学辅助课件。教学活动过程：1.上课礼仪 2.检查出勤 3.导入新课：第9章 框架、导航结构的应用Authorware除了提供了强大的交互功能外，还能够对文件的整体结构进行控制，这就是框架图标和导航图标的主要功能。9.1框架图标及其属性框架图标可以对文件的整体结构进行管理和控制，能够充分体现超链接的特点。通过一个实例来了解框架图标的结构。新建一个文件，命名为“框架图
2、标的结构”。在流程线上插入一个“框架”图标，命名为“框架一”。在框架图标右侧插入3个显示图标。其流程图如图9-1所示：图9-1 流程图在图9-1中，“框架一”管理和控制着右侧的显示图标“1”、“2”、“3”，这些图标就是“页”，这些页也可以由其他图标来制作。双击“框架一”图标，打开框架图标的结构，如图9-2所示：图9-2 框架图标的结构由图9-2可以看出，框架图标有进入和退出两个流程线。“进入”层中包含有一个显示图标和交互图标及其右侧的导航图标。显示图标中放置的是一个灰色的导航面板，可以进行编辑。如图9-3所示：图9-3 灰色导航面板交互图标右侧有8个导航图标，在图9-2中有三个，拖拉右边的滚
3、动条可以看到其他三个。交互的类型都是按钮交互。对于这8个导航图标，可以根据需要进行添加或者删除等。框架图标的整个面板如图9-4所示：图9-4 整个导航面板8个导航图标对应着面板中的8个按钮，通过这些按钮就可以实现对页的管理，各个按钮的含义如下：对应Go back分支，表示“返回已浏览过页面中的最后一页”。：对应Recent pages分支，表示“显示浏览的历史”。：对应Find分支，表示“查找”。：对应Exit framework分支，表示“退出框架”。：对应First page分支，表示“进入到第一页”。：对应“Previous page”分支，表示“进入到上一页”。：对应“Next pag
4、e”分支，表示“进入到下一页”。：对应“Last page”分支，表示“进入最后一页”。右击“框架一”图标，选择属性，打开框架图标的属性面板，如图9-5所示：图9-5 框架图标属性面板左侧的“打开”按钮可以框架的结构进行编辑。右侧上方文本框是框架的名称，可以自由命名。下面是页面特效，可以设置页面显示的效果，方法和显示图标的特效设置相同。页面计数后面的数字表示该框架拥有附属页的个数，在本例中是有3个附属页。9.2导航图标及其属性导航图标是导航结构中的重要组成部分。导航图标可以实现页面之间的跳转，该图标可以单独放在流程线上，也可以放在交互图标的右侧与交互图标一起实现导航。导航图标的属性。在流程线上
5、插入一个导航图标，双击该图标或右击选择“属性”打开导航图表的属性面板，如图9-6所示：图9-6 导航图标属性面板当“目的地”中的选项不同时，参数也不同，导航图标也有所不同。下面分别介绍各选项的含义和设置。1.当“目的地”选项中选择“最近”项时，属性面板如图9-7所示。图9-7 最近选项“页”选项有两个选择：(1)当选择“返回”时，表示可以返回到浏览过的最后一页。（2）当选择“最近页列表”时，运行程序过程中会弹出“最近的页”的列表框，这都是最近浏览的页，从中可以选择要跳转到的页。2.当“目的地”选项中选择“附近”项时，属性面板如图9-8所示：图9-8 附近选项“页”选项有5个选择：（1）选择“前
6、一页”时，表示跳转到上一页。（2）选择“下一页”时，表示跳转到下一页。（3）选择“第一页”时，表示跳转到第一页。（4）选择“最末页”时，表示跳转到最后一页。（5）选择“退出框架/返回”时，表示跳出整个框架。3.当“目的地”选项中选择“任意位置”项时，属性面板如图9-9所示：图9-9 任意位置选项（1）“类型”选项表示跳转后的返回方式，选择“跳到页”，则是单项跳转，跳到目标页后不再返回到当前页。选择“调用并返回”，则是双向跳转，跳到目标页后可以返回到当前页。（2）“框架”列表框中列出了程序中所有的框架，选择一个框架后，这个框架的附属页将出现右侧的“页”列表中。（3）“页”列表框中表示可以选择的跳
7、转目标。4.当“目的地”选项中选择“计算”选项时，属性面板如图9-10所示 。图9-10 计算选项“类型”选项表示跳转后的返回方式，选择“跳到页”，则是单项跳转，跳到目标页后不再返回到当前页。选择“调用并返回”，则是双向跳转，跳到目标页后可以返回到当前页。“图标表达”项右侧的文本框中输入表达式，通过对表达式的计算可以跳到目标页。5.当“目的地”中选择“查找”选项时，属性面板如图9-11所示。图9-11 查找选项（1）“类型”选项表示跳转后的返回方式，选择“跳到页”，则是单项跳转，跳到目标页后不再返回到当前页。选择“调用并返回”，则是双向跳转，跳到目标页后可以返回到当前页。（2）“预设文本”项：
8、在文本框输入要查找的文本。（3）“搜索”选项设定搜索的范围。“当前框架”只限于当前框架的附属页内。“整个文件”搜索范围为整个程序。（4）“根据”选项：限定搜索的方式。（5）“选项”选项：选择“立即搜索”表示不再弹出查找对话框。选择“高亮显示”表示搜索结果会高亮显示。9.3任务驱动电子书的制作电子书在网络上随处可见，制作工具也很多。利用Authorware的框架图标也能很容易制作出电子书。本节实例就是电子书的制作。实例电子书的制作流程图如图9-12所示：图9-12 电子书流程图 基本步骤：（1）新建一个文件，将其命名为“电子书的制作”。（2）向流程线上拖放一个框架，命名为“电子书”，在其右侧拖放
9、六个显示图标，分别命名为“目录”、“1”、“2”、“3”、“4”、“5”。如图9-12所示。将准备好的文字素材一一导入到这六个显示图标中。（3）双击打开框架“电子书”。如图9-13所示。图9-13 电子书框架结构将图9-13中的显示图标删除。重新拖入一个显示图标，将其命名为“背景”，并且导入图片素材。设置交互图标右侧的8个分支的属性：选中“Go back”，将其命名为“回目录”，将其属性设置为如图9-14所示：类型中选择“调用并返回”，目的地中选择“任意位置”，在页列表框中选择“目录”。图9-14 “回目录”属性设置选中“Recent pages”，将其命名为“趣联一”，将其属性设置为如图9-
10、15所示：类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“1”。图9-15 “趣联一”属性设置选中“Find”，将其命名为“趣联二”，将其属性设置为如图9-16所示：类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“2”。图9-16“趣联二”属性设置选中“First page”，将其命名为“趣联三”，将其属性设置为如图9-17所示：类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“3”。图9-17“趣联三”属性设置选中“Last page”，将其命名为“趣联四”，将其属性设置为如图9-18所示：类型中选择“跳到页”，目的地中选择“任意位置”，在
11、页列表框中选择“4”。图9-18“趣联四”属性设置在“趣联四”的右侧拖入一个导航图标，将其命名为“趣联五”，将其属性设置为如图9-19所示：类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“5”。图9-19“趣联五”属性设置选中“Previous page”，将其命名为“上一联”，将其属性设置为如图9-20所示：目的地中选择“附近”，在页列表框中选择“前一页”。图9-20 “上一联”属性设置选中“Next page”，将其命名为“下一联”，将其属性设置为如图9-21所示：目的地中选择“附近”，在页列表框中选择“下一页”。图9-21“下一联”属性设置选中“Exit framewo
12、rk”，将其命名为“退出”，将其属性设置为如图9-22所示：目的地中选择“附近”，在页列表框中选择“退出框架/返回”。图9-22“退出”属性设置最后，框架“电子书”的流程图如图9-23所示：图9-23框架“电子书”的流程图（4）打开图9-12中的“目录”显示图标，如图9-24所示：图9-24 “目录”显示图标的效果现在利用“目录”中的文字进行导航。先定义样式。在菜单“文本”中找到“定义样式”，点击“添加”，将“新样式”改为“趣联”，选择“黑体”、“24”、文本颜色为“黑色”，交互性选择“指针”，并且将其形状改为手形。点击“完成”。如图9-25所示：图9-25 定义风格应用样式。选中要应用样式的文字，如图9-26所示，选中“趣联一”，在菜单“文本”中选择“应用样式”，弹出如图9-27所示的对话框：图9-26 选择文字图9-27 应用样式选中“趣联”，弹出图9-28所示面板。图9-28 导航面板选中“页”列表中的“1”，设置完毕。运行程序，点击文字“趣联一”，就跳转到“页1”。重复步骤，可以实现点击文字“趣联二”、“趣联三”、“趣联四”、“趣联五”分别跳转到“2”、“3”、“4”、“5”。可以调整各个按钮的位置，实例到此结束。运行整个程序，可以点击按钮进行浏览，也可以点击“目录”下的文字进行浏览。如图9-29所示：图9-29 效果演示思考题：框架导航图标属性及其应用。教学小结：
