课时两节班级.docx

课时两节班级.docx

《课时两节班级.docx》由会员分享，可在线阅读，更多相关《课时两节班级.docx（13页珍藏版）》请在冰豆网上搜索。

课时两节班级

课时：

两节班级：

教学内容：

第9章框架、导航结构的应用

教学活动的目标：

1.掌握框架图标的功能和属性

2.掌握导航图标的功能和属性

教学重点：

框架图标及其属性

教学难点：

导航图标及其属性

教学资源的安排和使用：

多媒体教学系统、教学辅助课件。

教学活动过程：

1.上课礼仪2.检查出勤3.导入新课：

第9章框架、导航结构的应用

Authorware除了提供了强大的交互功能外，还能够对文件的整体结构进行控制，这就是框架图标和导航图标的主要功能。

9.1框架图标及其属性

框架图标可以对文件的整体结构进行管理和控制，能够充分体现超链接的特点。

通过一个实例来了解框架图标的结构。

新建一个文件，命名为“框架图标的结构”。

在流程线上插入一个“框架”图标，命名为“框架一”。

在框架图标右侧插入3个显示图标。

其流程图如图9-1所示：

图9-1流程图

在图9-1中，“框架一”管理和控制着右侧的显示图标“1”、“2”、“3”，这些图标就是“页”，这些页也可以由其他图标来制作。

双击“框架一”图标，打开框架图标的结构，如图9-2所示：

图9-2框架图标的结构

由图9-2可以看出，框架图标有进入和退出两个流程线。

“进入”层中包含有一个显示图标和交互图标及其右侧的导航图标。

显示图标中放置的是一个灰色的导航面板，可以进行编辑。

如图9-3所示：

图9-3灰色导航面板

交互图标右侧有8个导航图标，在图9-2中有三个，拖拉右边的滚动条可以看到其他三个。

交互的类型都是按钮交互。

对于这8个导航图标，可以根据需要进行添加或者删除等。

框架图标的整个面板如图9-4所示：

图9-4整个导航面板

8个导航图标对应着面板中的8个按钮，通过这些按钮就可以实现对页的管理，各个按钮的含义如下：

：

对应Goback分支，表示“返回已浏览过页面中的最后一页”。

：

对应Recentpages分支，表示“显示浏览的历史”。

：

对应Find分支，表示“查找”。

：

对应Exitframework分支，表示“退出框架”。

：

对应Firstpage分支，表示“进入到第一页”。

：

对应“Previouspage”分支，表示“进入到上一页”。

：

对应“Nextpage”分支，表示“进入到下一页”。

：

对应“Lastpage”分支，表示“进入最后一页”。

右击“框架一”图标，选择属性，打开框架图标的属性面板，如图9-5所示：

图9-5框架图标属性面板

左侧的“打开”按钮可以框架的结构进行编辑。

右侧上方文本框是框架的名称，可以自由命名。

下面是页面特效，可以设置页面显示的效果，方法和显示图标的特效设置相同。

页面计数后面的数字表示该框架拥有附属页的个数，在本例中是有3个附属页。

9.2导航图标及其属性

导航图标是导航结构中的重要组成部分。

导航图标可以实现页面之间的跳转，该图标可以单独放在流程线上，也可以放在交互图标的右侧与交互图标一起实现导航。

导航图标的属性。

在流程线上插入一个导航图标，双击该图标或右击选择“属性”打开导航图表的属性面板，如图9-6所示：

图9-6导航图标属性面板

当“目的地”中的选项不同时，参数也不同，导航图标也有所不同。

下面分别介绍各选项的含义和设置。

1.当“目的地”选项中选择“最近”项时，属性面板如图9-7所示。

图9-7最近选项

“页”选项有两个选择：

（1）当选择“返回”时，表示可以返回到浏览过的最后一页。

（2）当选择“最近页列表”时，运行程序过程中会弹出“最近的页”的列表框，这都是最近浏览的页，从中可以选择要跳转到的页。

2.当“目的地”选项中选择“附近”项时，属性面板如图9-8所示：

图9-8附近选项

“页”选项有5个选择：

（1）选择“前一页”时，表示跳转到上一页。

（2）选择“下一页”时，表示跳转到下一页。

（3）选择“第一页”时，表示跳转到第一页。

（4）选择“最末页”时，表示跳转到最后一页。

（5）选择“退出框架/返回”时，表示跳出整个框架。

3.当“目的地”选项中选择“任意位置”项时，属性面板如图9-9所示：

图9-9任意位置选项

（1）“类型”选项表示跳转后的返回方式，选择“跳到页”，则是单项跳转，跳到目标页后不再返回到当前页。

选择“调用并返回”，则是双向跳转，跳到目标页后可以返回到当前页。

（2）“框架”列表框中列出了程序中所有的框架，选择一个框架后，这个框架的附属页将出现右侧的“页”列表中。

（3）“页”列表框中表示可以选择的跳转目标。

4.当“目的地”选项中选择“计算”选项时，属性面板如图9-10所示。

图9-10计算选项

“类型”选项表示跳转后的返回方式，选择“跳到页”，则是单项跳转，跳到目标页后不再返回到当前页。

选择“调用并返回”，则是双向跳转，跳到目标页后可以返回到当前页。

“图标表达”项右侧的文本框中输入表达式，通过对表达式的计算可以跳到目标页。

5.当“目的地”中选择“查找”选项时，属性面板如图9-11所示。

图9-11查找选项

（1）“类型”选项表示跳转后的返回方式，选择“跳到页”，则是单项跳转，跳到目标页后不再返回到当前页。

选择“调用并返回”，则是双向跳转，跳到目标页后可以返回到当前页。

（2）“预设文本”项：

在文本框输入要查找的文本。

（3）“搜索”选项设定搜索的范围。

“当前框架”只限于当前框架的附属页内。

“整个文件”搜索范围为整个程序。

（4）“根据”选项：

限定搜索的方式。

（5）“选项”选项：

选择“立即搜索”表示不再弹出查找对话框。

选择“高亮显示”表示搜索结果会高亮显示。

9.3任务驱动——电子书的制作

电子书在网络上随处可见，制作工具也很多。

利用Authorware的框架图标也能很容易制作出电子书。

本节实例就是电子书的制作。

实例——电子书的制作流程图如图9-12所示：

图9-12电子书流程图

基本步骤：

（1）新建一个文件，将其命名为“电子书的制作”。

（2）向流程线上拖放一个框架，命名为“电子书”，在其右侧拖放六个显示图标，分别命名为“目录”、“1”、“2”、“3”、“4”、“5”。

如图9-12所示。

将准备好的文字素材一一导入到这六个显示图标中。

（3）双击打开框架“电子书”。

如图9-13所示。

图9-13电子书框架结构

将图9-13中的显示图标删除。

重新拖入一个显示图标，将其命名为“背景”，并且导入图片素材。

设置交互图标右侧的8个分支的属性：

①选中“Goback”，将其命名为“回目录”，将其属性设置为如图9-14所示：

类型中选择“调用并返回”，目的地中选择“任意位置”，在页列表框中选择“目录”。

图9-14“回目录”属性设置

②选中“Recentpages”，将其命名为“趣联一”，将其属性设置为如图9-15所示：

类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“1”。

图9-15“趣联一”属性设置

③选中“Find”，将其命名为“趣联二”，将其属性设置为如图9-16所示：

类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“2”。

图9-16“趣联二”属性设置

④选中“Firstpage”，将其命名为“趣联三”，将其属性设置为如图9-17所示：

类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“3”。

图9-17“趣联三”属性设置

⑤选中“Lastpage”，将其命名为“趣联四”，将其属性设置为如图9-18所示：

类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“4”。

图9-18“趣联四”属性设置

⑥在“趣联四”的右侧拖入一个导航图标，将其命名为“趣联五”，将其属性设置为如图9-19所示：

类型中选择“跳到页”，目的地中选择“任意位置”，在页列表框中选择“5”。

图9-19“趣联五”属性设置

⑦选中“Previouspage”，将其命名为“上一联”，将其属性设置为如图9-20所示：

目的地中选择“附近”，在页列表框中选择“前一页”。

图9-20“上一联”属性设置

选中“Nextpage”，将其命名为“下一联”，将其属性设置为如图9-21所示：

目的地中选择“附近”，在页列表框中选择“下一页”。

图9-21“下一联”属性设置

⑨选中“Exitframework”，将其命名为“退出”，将其属性设置为如图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效果演示

思考题：

框架导航图标属性及其应用。

教学小结：