《中文Authorware7.0案例教程 教学课件 ppt 作者 崔玥 第6章 框架、导航图标和版面布局设置》由会员分享，可在线阅读，更多相关《中文Authorware7.0案例教程 教学课件 ppt 作者 崔玥 第6章 框架、导航图标和版面布局设置（53页珍藏版）》请在金锄头文库上搜索。
1、第6章 框架、导航图标和版面布局设置,6.1 【案例27】“水墨画和油画1”程序,图6-1-1 “水墨画和油画”程序运行后的画面,图6-1-2 转到显示“油画1”图像,图6-1-3 “已查阅过的页”对话框,图6-1-4 “查找”对话框,6.1.2 操作过程 6.1.3 相关知识 1页管理和框架图标 （1）页管理 （2）框架图标的特点,2导航图标 3设置图标关键字的方法和“关键字”对话框 （1）图标单个关键字的设置方法 （2）“关键字”对话框中其他选项的作用,6.1.4 案例拓展,1【拓展实例36】“水墨画和油画2”程序 2【拓展实例37】“自动翻页展示图像”程序,6.2 【案例28】“跟我学A
2、UTHORWARE1”程序,6.2.1 学习目标 “跟我学AUTHORWARE1”程序运行后，屏幕显示两个文字框。将鼠标移到左边文字框内的某一行标题文字（热字）处，鼠标指针会变为小手状。单击该标题文字，会马上在右边的文字框内显示相应的文字说明，如图6-2-1所示。,图6-2-1 “跟我学AUTHORWARE1”程序运行后的画面,单击右边文字框内文字中的蓝色文字（热字），右边的文字框内会变为列表框，显示相应的程序运行效果。,6.2.2 操作过程 6.2.3 相关知识 1热字 在读书时，除了需要“页管理”的翻页功能来阅览需要了解的页以外，还会查阅一些字词最初的解释，这是很麻烦的事情。,为了能快速查
3、阅关键字词的最初解释，一些书在书后面增加一个关键字词索引表，以帮助读者快速找到有关的页。 在Authorware 7.0中，把这些关键字词定义成热字（也叫演绎字）。当鼠标指针移至热字时，鼠标指针会变成小手状。单击热字，就会将相应的页调出来，避免了一页一页地翻阅查找。,这种非线性地展示有关文本信息的方式就叫“超文本”，超文本的实质就是利用导航图标将目的页与“热字”建立链接，用户单击“热字”后，程序跳转到与该“热字”链接的目的页，即将这些热字与相应的页构成了定向链接。,超媒体与超文本的区别仅在于其节点（即页）不但可以是文本，而且可以是图形、图像、声音、动画和视频信息等多媒体信息，它的非线性和链接特
4、点与超文本是一样的。,文字有一般文字和热字，热字样式的定义是在一般文字样式定义的基础之上再定 义的。 （1）单击“文本”“定义样式”菜单命令，调出“定义风格”对话框，如图6-2-7所示。单击“添加”按钮，再在该按钮上边的文本框内输入文字样式名称，例如“蓝字1”。,2一般文字样式的定义方法,图6-2-7 “定义风格”对话框,（2）在中间一栏的复选框与下拉列表中，设定字体、字大小、风格（粗体、斜体、下划线、上标、下标）、颜色和数字格式。单击99,998.66复选框后，“格式”按钮变为可选，单击它，调出“数字格式”对话框，如图6-2-8所示。利用该对话框设定数字格式。,图6-2-8 “数字格式”对话
5、框,（3）在“定义风格”对话框中，右上角为设定风格的示例，单击“完成”按钮，即可将文字样式设定完成，并给该样式定义为“蓝字1”。,（4）在显示图标的设计窗口状态下，单击“文本”“应用样式”菜单命令，调出“应用样式”面板，如图6-2-9所示。,图6-2-9 “应用样式”面板,选中文字后，单击该面板中的字样名称，即可为选中的文字选定字样。也可以单击快捷工具栏中“文字样式”下拉列表框内的文字样式名称，如图6-2-10所示。选定字样，即可一次性完成对文字属性的设置与修改。,图6-2-10 “文字样式”下拉列表框,（1）“定义风格”对话框中“交互性”栏各选项 在“定义风格”对话框右边的“交互性”栏内，有
6、鼠标动作状态选定和光标形状选定等选项，各选项的含义如下。,3热字的定义和使用,“无”单选钮：不定义热字，单击它后，此栏各选项变为不可选。 “单击”单选钮：设置热字可被选中的鼠标动作是单击。 “双击”单选钮：设置热字可被选中的鼠标动作是双击。 “内部指针”单选钮：设置热字可被选中的鼠标动作是从字外移到字内。,“自动加亮”复选框：选取热字时，热字变为用其补充色显示。 “指针”复选框：可选取鼠标指针的形状，一般为小手形状。 “导航到”复选框：选中它后，可使热字与页建立链接。,（2）热字的定义 在完成一般文字样式的定义后，可以利用“定义风格”对话框右边的“交互性”栏，进行有关热字内容的定义。,例如，定
7、义一个名字为“蓝字2”的热字样式，要求是字体为黑体，字号为14磅，加粗，颜色为蓝色；鼠标指针经过热字时，鼠标指针为手指形状；鼠标单击时产生链接，热字变为用其补色显示。这一要求的具体定义方法如下。,为设置上述要求的热字，可单击“定义风格”对话框内左边列表框中的“蓝字1”一般字样式名称（该字样式具有字体为黑体，字号为14磅，颜色为蓝色特点），选中它。,在“定义风格”对话框内“交互性”栏中，选中“单击”单选钮 ，选中“自动加亮”和“指针”复选框。单击“完成”按钮，存盘退出。,（3）热字的使用方法 就是建立热字与页的链接所采用的方法。,1【拓展实例38】“跟我学AUTHORWARE2”程序 2【拓展实
8、例39】“目录导航浏览图像”程序,6.2.4 案例拓展,6.3.1 学习目标 “三基色混色”程序运行后，屏幕显示如图6-3-1所示的画面。这时，用鼠标分别拖曳三个小滑块，可以发现三个滑槽左边的矩形方块内的颜色（小狗的背景色）会随之变化，而且三个滑槽上边的R、G、B数字也会随之变化。,6.3 【案例29】“三基色混色”程序,利用该程序可以很方便地知道R、G、B数值与颜色的对应关系。程序运行后的两个画面如图6-3-1所示。,图6-3-1 “三基色混色”程序运行后的两个画面,1“框架和标题”显示图标和“RGB”群组图标设计 2设计用鼠标调整矩形的颜色,6.3.2 操作过程,1显示图标的版面布局设置
9、选中显示图标，调出“属性：显示图标”面板，如图6-3-5所示。该面板内左边选项的作用已经在以前各章作过介绍，该面板右边的选项用来完成显示图标内对像的版面布局设置，即确定对像的移动范围。其中各选项的作用如下。,6.3.3 相关知识,图6-3-5 “属性：显示图标”面板“位置”下拉列表框选中“在屏幕上”选项,（1）“位置”下拉列表框 其中有四个选项，用来确定对象的显示位置。四个选项的作用如下。 “不能改变”：使对象在显示图标内原来的显示位置，且不能够改变。 “在屏幕上”：允许对象在整个屏幕范围内移动，选中它后，其下边的文本框变为可以使用，如图6-3-5所示，“初始”栏的两个文本框用来精确确定图像的
10、当前位置。,“在路径上”：使对象只能在指定的路径上移动对象，产生路径的方法与动画图标的“指向固定路径上的任意点”动画方式的路径设置方法一样；此时的“属性：显示图标”面板如图6-3-6所示，“基点”和“终点”文本框用来输入路径坐标的起点和终点数值，“初始”文本框用来输入对象在坐标路径中的初始位置。,图6-3-6 “属性：显示图标”面板“位置”下拉列表框选中“在路径上”选项,“在区域内”：使对象只能在指定的区域内移动，产生坐标区域的方法与动画图标的“指向固定区域内的某点”动画方式的坐标区域设置方法一样，此时的“属性：显示图标”（版面布局）对话框如图6-3-7所示。,图6-3-7 “属性：显示图标”
11、面板“位置”下拉列表框选中“在区域内”选项,“基点”和“终点”栏中的四个文本框用来输入平面路径坐标的起点和终点数值，“初始”栏中的两个文本框用来输入对象在平面坐标路径中的初始位置。,（2）“活动”下拉列表框 其内可以有五个选项，用来确定用户能否移动相应的对象。当“位置”下拉列表框中选择“不能移动”或“在屏幕上”选项时，“活动”下拉列表框中只有其中三个选项。当“位置”下拉列表框中选择“在路径上”或“在区域内”选项时，“活动”列表框中只有其中四个选项。这五个选项的作用介绍如下。,“不能移动”：用户不能移动相应的对象。 “在屏幕上”：用户可以在整个展示窗口范围内移动相应的对象。 “任意位置”：用户可
12、以在整个屏幕范围内移动相应的对象。,“在路径上”：用户只能在指定的路径范围内移动相应的对象，此选项只有在“位置”下拉列表框选中了“在路径上”选项后才出现。 “在区域内”：用户只能在指定的坐标区域范围内移动相应的对象，此选项只有在“位置”下拉列表框选中了“在区域内”选项后才出现。,（1）单击选中电影图标，调出它的“属性：电影图标”（版面布局）面板。电影图标的版面布局设置，如图6-3-8所示。,2电影图标和功能图标的版面布局设置,图6-3-8 “属性：电影图标”（版面布局）面板,（2）单击选中功能图标（GIF、SWF等格式的动画），调出它的“属性：电影图标”面板，单击“版面布局”标签，切换到“属性：电影图标”（版面布局）面板。功能图标的版面布局设置，如图6-3-9所示。,图6-3-9 “属性：功能图标” （版面布局）面板,可以看出，它们与显示图标的“属性：显示图标”面板在版面布局选项方面基本一样。,1【拓展实例40】“图像移动范围的控制”程序 2【拓展实例41】“趣味数字电影”程序,6.3.4 案例拓展,
