第十一章 综合实例第十一章 综合实例
11.1 Powerpoint课件
11.2 网络课件
11.3 Authorware课件第十一章 综合实例
11.1 Powerpoint课件
11.1.1 课件说明光驱软驱硬盘主板内存扬声器声卡显卡显示器图
11-
1
电脑构成示意图第十一章 综合实例
11.1.2 制作流程
1) 启动 Powerpoint 2002,自动创建了一个演示文稿 。
2) 单击菜单栏中的 【 文件 】 /【 另存为 】 命令,将文件保存为,电脑构成课件,ppt”。
3) 单击菜单栏中的 【 格式 】 /【 幻灯片设计 】 命令,打开
【 幻灯片设计 】 任务窗格 。
4) 单击任务窗格下方的 【 浏览 】 选项,弹出 【 应用设计模板 】 对话框,如图 11-2所示 。
第十一章 综合实例图 11-2 【 应用设计模板 】 对话框第十一章 综合实例
5) 在对话框中选择 【 Crayons】 设计模板 。
6) 单击按钮，或者直接双击所选的设计模板，则新模板将应用到演示文稿中的幻灯片上，如图 11-3所示。
图 11-3 应用模板第十一章 综合实例
7) 根据幻灯片中的提示，分别在上、下两个标题框中输入课件的正、副标题，结果如图 11-4所示。
图 11-4 输入的标题第十一章 综合实例
8) 单击菜单栏中的 【 插入 】 /【 新幻灯片 】 命令,插入一个新的幻灯片 。
9) 在任务窗格中的 【 文字版式 】 栏中单击 【 只有标题 】
版式，设置当前幻灯片的版式，如图 11-5所示。
图
11-
5
设置当前幻灯片的版式第十一章 综合实例
10) 根据提示,将该幻灯片的标题设置为,电脑构成示意图,。
11) 单击绘图工具栏中的按钮，在打开的 【 自选图形 】 列表中选择 【 流程图 】 中的第二个按钮，绘制电脑构成示意图，
最终结果如图 11-6所示。
12) 重复单击菜单栏中的 【 插入 】 /【 新幻灯片 】 命令,插入
10张新的幻灯片,作为介绍各组成部分的画面 。 限于篇幅,
这里只制作一个介绍,主板,的画面 。
13) 选择第 3张幻灯片，在任务窗格的 【 内容版式 】 栏中单击 【 空白 】 版式，将当前幻灯片的版式设置为空白。
第十一章 综合实例图 11-6 绘制的电脑构成示意图第十一章 综合实例
14) 单击菜单栏中的 【 插入 】 /【 图片 】 /【 来自文件 】 命令，插入一幅电脑主板图片，如图 11-7所示。
图 11-7 插入的图片第十一章 综合实例
15) 单击绘图工具栏中的 按钮，在幻灯片上拖动鼠标创建一个文本框，输入主板的相关内容，这里可以输入详细内容，也可以输入讲课提纲。最终画面如图 11-8所示。
图
11-
8
最终画面第十一章 综合实例
16) 用同样的方法制作其余的幻灯片 。
17) 选择第 2张幻灯片，在第 2张幻灯片上选择代表“主板”
的流程图，然后单击菜单栏中的 【 插入 】 /【 超链接 】 命令，
弹出 【 插入超链接 】 对话框，如图 11-9所示。 图11-
9
【
插入超链接
】
对话框第十一章 综合实例
18) 在该对话框的 【 链接到 】 栏中选择 【 本文档中的位置 】
选项,然后在 【 请选择文档中的位置 】 列表框中选择 【 幻灯片 3】,单击 按钮,则建立了超链接 。
19) 选择第 3张幻灯片,单击菜单栏中的 【 幻灯片放映 】 /
【 动作按钮 】 /【 自定义 】 命令,如图 11-10所示 。
20) 在幻灯片上拖动鼠标可创建一个按钮,释放鼠标则弹出
【 动作设置 】 对话框,如图 11-11所示 。
21) 在对话框中选择 【 超链接到 】 选项，然后打开其下方的下拉列表，选择其中的 【 幻灯片 】 选项，弹出 【 超链接到幻灯片 】 对话框，选择其中的 【 电脑构成示意图 】 幻灯片
（即第 2张），如图 11-12所示。
第十一章 综合实例图 11-10 选择命令第十一章 综合实例图 11-11 【 动作设置 】 对话框第十一章 综合实例图 11-12 【 超链接到幻灯片 】 对话框第十一章 综合实例
22) 单击 按钮,返回 【 动作设置 】 对话框,再单击按钮,完成了自定义按钮的动作设置 。
23) 在按钮上添加文字,返回,,作为按钮标签 。
24) 使用同样方法,根据课件要求建立各幻灯片之间的超链接,这样就完成了整个课件的制作 。
25) 运行课件时的画面如图 11-13所示。单击“主板”，将跳转到如图 11-14所示的画面。单击“返回”按钮，则跳转回图 11-13所示的画面。
第十一章 综合实例光驱软驱硬盘主板内存扬声器声卡显卡显示器图 11-13 电脑构成示意图第十一章 综合实例图 11-14 链接的画面第十一章 综合实例
11.2 网 络 课 件
11.2.1 课件说明图
11-
15
网页布局第十一章 综合实例
11.2.2 制作流程
1,创建站点
1) 在 C盘根目录下创建一个文件夹,命名为,kejian”。
2) 启动 Dreamweaver软件 。
3) 单击菜单栏中的 【 站点 】 /【 新建站点 】 命令,弹出一个
【 未命名站点 1的站点定义为 】 对话框 。
4) 在对话框左侧的 【 分类 】 列表中选择 【 本地信息 】 选项，在右侧的 【 站点名称 】 中输入,Authorware”作为站点名称。单击 【 本地根文件夹 】 右侧的图标，选择 C盘中的
,kejian”文件夹，并设置对话框中的其它选项，如图 11-16所示。
第十一章 综合实例图
11-
16
【
未命名站点
1
的站点定义为
】
对话框第十一章 综合实例
5) 在对话框左侧的 【 分类 】 列表中选择 【 站点地图布局 】 选项,在右侧的 【 主页 】 文本框中输入,index.html”（ 注意使用小写字母 ）,并设置对话框中的其它选项,如图 11-17所示 。
6) 单击 确定 按钮,弹出一个信息提示框,如图 11-18所示 。
7) 单击 确定 按钮,弹出另一个信息提示框,如图 11-19所示 。
8) 单击 确定 按钮即可完成站点的创建,如图 11-20所示为新建站点的站点窗口 。
9) 在站点窗口右侧的本地文件夹上单击鼠标右键，从弹出的快捷菜单中选择 【 新建文件夹 】 命令，建立一个文件夹，将其命名为,images”,用于存放站点中的图 片、动画等素材,如图 11-21所示。
第十一章 综合实例图 11-17 【 未命名站点 1的站点定义为 】 对话框第十一章 综合实例图 11-18 信息提示框图 11-19 信息提示框第十一章 综合实例图 11-20 新建站点的站点窗口第十一章 综合实例图 11-21 创建 images文件夹第十一章 综合实例
10) 在本地文件夹上单击鼠标右键,从弹出的快捷菜单中选择 【 新建文件 】 命令,建立一个网页,命名为,button.htm”，
该网页作为介绍 Authorware按钮交互的页面 。
11) 根据需要重复上一步，建立若干个网页，作为介绍各种交互类型的页面，结果如图 11-22所示。
12) 通过资源管理器将制作好的各种网页素材拷贝到
images文件夹下，以备在制作网络课件的过程中使用。
第十一章 综合实例图 11-22 建立的网页第十一章 综合实例
2,编辑主页
1) 双击站点窗口中的 index.htm图标,进入主页的编辑环境 。
2) 单击菜单栏中的 【 修改 】 /【 页面属性 】 命令，在弹出的 【 页面属性 】 对话框中设置参数，如图 11-23所示。
第十一章 综合实例图 11-23 【 页面属性 】 对话框第十一章 综合实例
3) 单击 确定 按钮,完成了包括标题,页边界,背景图像等内容的页面属性设置 。
4) 单击菜单栏中的 【 插入 】 /【 表格 】 命令,在弹出的 【 插入表格 】 对话框中设置各项参数,如图 11-24所示 。
5) 单击 确定 按钮即可插入表格 。
6) 将光标置于第 1个单元格中，单击单元格 【 属性 】 面板中按钮，在弹出的 【 拆分单元格 】 对话框中设置参数如图
11-25所示。
第十一章 综合实例图 11-24 【 插入表格 】 对话框第十一章 综合实例图 11-25 【 拆分单元格 】 对话框第十一章 综合实例
7) 单击 确定 按钮,将单元格分为 3列 。
8) 将光标置于第 1行的第 1个单元格中,单击对象面板中的按钮,插入预先制作好的 logo.jpg图片 。
9) 将光标置于第 1行的第 2个单元格中,单击对象面板中的按钮,插入预先制作好的 banner.gif图片 。
10) 将光标置于第 1行的第 3个单元格中,单击单元格 【 属性 】 面板中按钮,在弹出的 【 拆分单元格 】 对话框中设置参数,如图 11-26所示 。
11) 单击 确定 按钮，将单元格拆分为 3行，分别在拆分后的各行中输入相关信息，并设置为居中排列，结果如图 11-27
所示。
第十一章 综合实例图 11-26 【 拆分单元格 】 对话框第十一章 综合实例图 11-27 插入表格中的内容第十一章 综合实例
12) 将光标指向表格的边框，单击鼠标选择整个表格，
在表格的 【 属性 】 面板中设置 【 边框 】,【 边距 】,【 间距 】
均为 0，如图 11-28所示，这时表格边框为不可见状态。
图 11-28 【 属性 】 面板
13) 选择第 2个单元格和第 3个单元格中的所有行,在单元格的
【 属性 】 面板中将其背景设置为浅褐色 （ #CC3333） 。
14) 将光标置于第 2行的单元格中，在单元格的 【 属性 】 面板中设置 【 垂直 】 选项为 【 顶端 】 。
第十一章 综合实例
15) 单击对象面板中的 按钮,在弹出的 【 插入表格 】 对话框中设置各项参数,如图 11-29所示 。
图 11-29 【 插入表格 】 对话框第十一章 综合实例
16) 单击 确定 按钮，在当前单元格中嵌入一个新的表格，
在 【 属性 】 面板中设置表格的属性如图 11-30所示。
图 11-30 【 属性 】 面板第十一章 综合实例
17) 在该表格的每一个单元格中输入文字并居中排列，
作为课件的横向导航栏，如图 11-31所示。
图 11-31 输入的内容第十一章 综合实例
18) 样单击菜单栏中的 【 窗口 】 /【 CSS样式 】 命令，打开 【 CSS样式 】 面板，如图 11-32所示。
图 11-32 【 CSS样式 】 面板第十一章 综合实例
19) 单击 面板中的按钮,在弹出的 【 新建样式 】 对话框中设置各项参数,如图 11-33所示 。
图 11-33 【 新建样式 】 对话框第十一章 综合实例
20) 单击 确定 按钮，在弹出的 【,text的样式定义 】 对话框中设置各项参数，如图 11-34所示。
图 11-34 【,text的样式定义 】 对话框第十一章 综合实例
21) 单击按钮，关闭对话框。在 【 CSS样式 】 面板中可以观察到自定义的 CSS样式，如图 11-35所示。
图
11-
35
【CS
S
样式
】
面板第十一章 综合实例
22) 选择导航栏表格中的所有文字，单击 【 CSS样式 】 面板中的 【,text】 样式，则对所选文字应用了 CSS样式，网页效果如图 11-36所示。
图 11-36 网页效果第十一章 综合实例
23) 用同样的方法，通过表格之间的合理嵌套，可以完成整个网络课件的布局，如图 11-37所示。
图
11-
37
网页的布局第十一章 综合实例
24) 单击菜单栏中的 【 文件 】 /【 保存 】 命令,保存文件 。
25) 单击菜单栏中的 【 文件 】 /【 用浏览器预览 】 /
【 iexplore】 命令，可以在浏览器中观察到网络课件的主页效果，如图 11-38所示。
第十一章 综合实例图 11-38 主页效果第十一章 综合实例
3,编辑辅页
1) 在 kejian站点窗口中双击 button.htm图标,进入该网页的编辑窗口 。
2) 单击菜单栏中的 【 修改 】 /【 页面属性 】 命令，在弹出的 【 页面属性 】 对话框中设置参数，如图 11-39所示。
3) 单击确定按钮,完成了页面属性的设置 。
4) 单击确定对象面板中的按钮，在弹出的 【 插入表格 】 对话框中设置各项参数，如图 11-40所示。
第十一章 综合实例图 11-39 【 页面属性 】 对话框第十一章 综合实例图 11-40 【 插入表格 】 对话框第十一章 综合实例图 11-41 【 拆分单元格 】 对话框第十一章 综合实例
7) 单击 确定 按钮,将单元格拆分为 3列 。
8) 用前面介绍过的方法，分别在第 1行的 3个单元格中插入已经制作好的导航图像，在第 2行的单元格中输入“按钮响应”的讲授内容，结果如图 11-42所示。
图
11-
42
网页内容第十一章 综合实例
9) 用同样的方法，再制作“按钮属性”网页和“实例应用”网页，如图 11-43,11-44所示。
图 11-43,按钮属性”网页第十一章 综合实例图 11-44,实例应用”网页第十一章 综合实例
4,建立超链接下面把前面制作的四个课件网页整合起来,使它们之间能够相互联系,形成一个有机的整体 。
1) 在 kejian站点窗口中双击 button.htm图标,进入该网页的编辑窗口 。
2) 选择网页中的“使用方法”图片，然后在图片的
【 属性 】 面板中单击 【 链接 】 右侧的按钮，打开 【 选择文件 】 对话框，如图 11-45所示。
第十一章 综合实例图 11-45 【 选择文件 】 对话框第十一章 综合实例
3) 在对话框中选择 kejian 文件夹下的 button文件,即该网页本身,然后单击 确定 按钮,则链接了该文件 。
4) 设置图片的 【 属性 】 面板中的参数，如图 11-46所示。
图 11-46 【 属性 】 面板第十一章 综合实例
5) 用同样的方法,选择网页中的,按钮属性,图片,将它链接到 button2文件；选择网页中的,实例应用,图片,将它链接到
button3文件 。
6) 用同样的方法,分别打开 button2,button3文件,将网页中的图片分别建立链接 。
7) 在 kejian站点窗口中双击 index.htm图标,进入主页编辑窗口 。
8) 在网页编辑窗口的左侧选择,按钮响应,四个字,在文字的
【 属性 】 面板中单击 【 链接 】 右侧的 按钮,打开 【 选择文件 】
对话框 。
9) 在该对话框中选择 button文件，建立超链接。用相同的方法可以把教学站点的所有网页建立超链接。
第十一章 综合实例
11.3 Authorware课件
11.3.1 课件说明图
11-
47
运行界面第十一章 综合实例
11.3.2 制作流程
1,主流程线的设计图 11-48 【 属性,文件 】 对话框第十一章 综合实例图 11-49 计算窗口第十一章 综合实例图 11-50 信息提示对话框第十一章 综合实例图 11-51 【 导入哪个文件？ 】 对话框第十一章 综合实例图 11-52 导入的图片第十一章 综合实例图 11-53 【 Flash Asset 属性 】 对话框第十一章 综合实例图 11-54 【 打开 Shockwave Flash Movie】 对话框第十一章 综合实例图 11-55 调整动画画面的位置第十一章 综合实例图 11-56 【 属性：功能图标 】 对话框第十一章 综合实例图 11-57 主流程线第十一章 综合实例
2,框架图标的设计图 11-58 框架结构流程线窗口第十一章 综合实例图 11-59 信息提示框第十一章 综合实例图 11-60 【 响应类型 】 对话框第十一章 综合实例图 11-61 框架流程线第十一章 综合实例
3,添加自定义按钮图 11-62 演示窗口中的内容第十一章 综合实例图 11-63 【 属性：响应 】 对话框第十一章 综合实例图 11-64 【 按钮 】 对话框第十一章 综合实例图 11-65 【 按钮编辑 】 对话框第十一章 综合实例图 11-66 按钮的形态第十一章 综合实例图 11-67 运行画面第十一章 综合实例图 11-68 【 鼠标指针 】 对话框第十一章 综合实例
4,复习旧课分支的设计图 11-69 绘制的 题板第十一章 综合实例图 11-70 输入的文本第十一章 综合实例图 11-71 运行界面第十一章 综合实例图 11-72 复习旧课流程线第十一章 综合实例图 11-73 设定目标区域第十一章 综合实例图 11-74 设定目标区域第十一章 综合实例图 11-75 输入的语句第十一章 综合实例图 11-76 复习旧课流程线第十一章 综合实例图 11-77 正确的信息提示第十一章 综合实例图 11-78 错误的信息提示第十一章 综合实例
5,讲授新课分支的设计图 11-79 建立的背景界面第十一章 综合实例图 11-80 讲授新课二级流程线第十一章 综合实例图 11-81 调整热区域的位置第十一章 综合实例图 11-82 调整文本的位置第十一章 综合实例
6,课后练习分支的设计图 11-83 建立的背景界面第十一章 综合实例图 11-84 计算窗口第十一章 综合实例图 11-85 【 属性：响应 】 对话框第十一章 综合实例图 11-86 【 按钮 】 对话框第十一章 综合实例图 11-87 【 属性：显示图标 】 对话框第十一章 综合实例图 11-88 三级流程线 图
11-
89
计算图标中的内容第十一章 综合实例图 11-90 课后练习二级流程线第十一章 综合实例图 11-91 调整选项按钮的位置第十一章 综合实例图 11-92 【 属性：等待图标 】 对话框第十一章 综合实例图 11-93 计算窗口第十一章 综合实例图 11-94 课后练习流程线第十一章 综合实例
7,请您欣赏分支的设计图 11-95 建立的背景界面第十一章 综合实例图 11-96 导入的数字电影第十一章 综合实例
8,退出程序的设计图 11-97 创建的退出界面第十一章 综合实例图 11-98 【 属 性,等待图标 】 对话框第十一章 综合实例图 11-99 退出程序流程线
11.1 Powerpoint课件
11.2 网络课件
11.3 Authorware课件第十一章 综合实例
11.1 Powerpoint课件
11.1.1 课件说明光驱软驱硬盘主板内存扬声器声卡显卡显示器图
11-
1
电脑构成示意图第十一章 综合实例
11.1.2 制作流程
1) 启动 Powerpoint 2002,自动创建了一个演示文稿 。
2) 单击菜单栏中的 【 文件 】 /【 另存为 】 命令,将文件保存为,电脑构成课件,ppt”。
3) 单击菜单栏中的 【 格式 】 /【 幻灯片设计 】 命令,打开
【 幻灯片设计 】 任务窗格 。
4) 单击任务窗格下方的 【 浏览 】 选项,弹出 【 应用设计模板 】 对话框,如图 11-2所示 。
第十一章 综合实例图 11-2 【 应用设计模板 】 对话框第十一章 综合实例
5) 在对话框中选择 【 Crayons】 设计模板 。
6) 单击按钮，或者直接双击所选的设计模板，则新模板将应用到演示文稿中的幻灯片上，如图 11-3所示。
图 11-3 应用模板第十一章 综合实例
7) 根据幻灯片中的提示，分别在上、下两个标题框中输入课件的正、副标题，结果如图 11-4所示。
图 11-4 输入的标题第十一章 综合实例
8) 单击菜单栏中的 【 插入 】 /【 新幻灯片 】 命令,插入一个新的幻灯片 。
9) 在任务窗格中的 【 文字版式 】 栏中单击 【 只有标题 】
版式，设置当前幻灯片的版式，如图 11-5所示。
图
11-
5
设置当前幻灯片的版式第十一章 综合实例
10) 根据提示,将该幻灯片的标题设置为,电脑构成示意图,。
11) 单击绘图工具栏中的按钮，在打开的 【 自选图形 】 列表中选择 【 流程图 】 中的第二个按钮，绘制电脑构成示意图，
最终结果如图 11-6所示。
12) 重复单击菜单栏中的 【 插入 】 /【 新幻灯片 】 命令,插入
10张新的幻灯片,作为介绍各组成部分的画面 。 限于篇幅,
这里只制作一个介绍,主板,的画面 。
13) 选择第 3张幻灯片，在任务窗格的 【 内容版式 】 栏中单击 【 空白 】 版式，将当前幻灯片的版式设置为空白。
第十一章 综合实例图 11-6 绘制的电脑构成示意图第十一章 综合实例
14) 单击菜单栏中的 【 插入 】 /【 图片 】 /【 来自文件 】 命令，插入一幅电脑主板图片，如图 11-7所示。
图 11-7 插入的图片第十一章 综合实例
15) 单击绘图工具栏中的 按钮，在幻灯片上拖动鼠标创建一个文本框，输入主板的相关内容，这里可以输入详细内容，也可以输入讲课提纲。最终画面如图 11-8所示。
图
11-
8
最终画面第十一章 综合实例
16) 用同样的方法制作其余的幻灯片 。
17) 选择第 2张幻灯片，在第 2张幻灯片上选择代表“主板”
的流程图，然后单击菜单栏中的 【 插入 】 /【 超链接 】 命令，
弹出 【 插入超链接 】 对话框，如图 11-9所示。 图11-
9
【
插入超链接
】
对话框第十一章 综合实例
18) 在该对话框的 【 链接到 】 栏中选择 【 本文档中的位置 】
选项,然后在 【 请选择文档中的位置 】 列表框中选择 【 幻灯片 3】,单击 按钮,则建立了超链接 。
19) 选择第 3张幻灯片,单击菜单栏中的 【 幻灯片放映 】 /
【 动作按钮 】 /【 自定义 】 命令,如图 11-10所示 。
20) 在幻灯片上拖动鼠标可创建一个按钮,释放鼠标则弹出
【 动作设置 】 对话框,如图 11-11所示 。
21) 在对话框中选择 【 超链接到 】 选项，然后打开其下方的下拉列表，选择其中的 【 幻灯片 】 选项，弹出 【 超链接到幻灯片 】 对话框，选择其中的 【 电脑构成示意图 】 幻灯片
（即第 2张），如图 11-12所示。
第十一章 综合实例图 11-10 选择命令第十一章 综合实例图 11-11 【 动作设置 】 对话框第十一章 综合实例图 11-12 【 超链接到幻灯片 】 对话框第十一章 综合实例
22) 单击 按钮,返回 【 动作设置 】 对话框,再单击按钮,完成了自定义按钮的动作设置 。
23) 在按钮上添加文字,返回,,作为按钮标签 。
24) 使用同样方法,根据课件要求建立各幻灯片之间的超链接,这样就完成了整个课件的制作 。
25) 运行课件时的画面如图 11-13所示。单击“主板”，将跳转到如图 11-14所示的画面。单击“返回”按钮，则跳转回图 11-13所示的画面。
第十一章 综合实例光驱软驱硬盘主板内存扬声器声卡显卡显示器图 11-13 电脑构成示意图第十一章 综合实例图 11-14 链接的画面第十一章 综合实例
11.2 网 络 课 件
11.2.1 课件说明图
11-
15
网页布局第十一章 综合实例
11.2.2 制作流程
1,创建站点
1) 在 C盘根目录下创建一个文件夹,命名为,kejian”。
2) 启动 Dreamweaver软件 。
3) 单击菜单栏中的 【 站点 】 /【 新建站点 】 命令,弹出一个
【 未命名站点 1的站点定义为 】 对话框 。
4) 在对话框左侧的 【 分类 】 列表中选择 【 本地信息 】 选项，在右侧的 【 站点名称 】 中输入,Authorware”作为站点名称。单击 【 本地根文件夹 】 右侧的图标，选择 C盘中的
,kejian”文件夹，并设置对话框中的其它选项，如图 11-16所示。
第十一章 综合实例图
11-
16
【
未命名站点
1
的站点定义为
】
对话框第十一章 综合实例
5) 在对话框左侧的 【 分类 】 列表中选择 【 站点地图布局 】 选项,在右侧的 【 主页 】 文本框中输入,index.html”（ 注意使用小写字母 ）,并设置对话框中的其它选项,如图 11-17所示 。
6) 单击 确定 按钮,弹出一个信息提示框,如图 11-18所示 。
7) 单击 确定 按钮,弹出另一个信息提示框,如图 11-19所示 。
8) 单击 确定 按钮即可完成站点的创建,如图 11-20所示为新建站点的站点窗口 。
9) 在站点窗口右侧的本地文件夹上单击鼠标右键，从弹出的快捷菜单中选择 【 新建文件夹 】 命令，建立一个文件夹，将其命名为,images”,用于存放站点中的图 片、动画等素材,如图 11-21所示。
第十一章 综合实例图 11-17 【 未命名站点 1的站点定义为 】 对话框第十一章 综合实例图 11-18 信息提示框图 11-19 信息提示框第十一章 综合实例图 11-20 新建站点的站点窗口第十一章 综合实例图 11-21 创建 images文件夹第十一章 综合实例
10) 在本地文件夹上单击鼠标右键,从弹出的快捷菜单中选择 【 新建文件 】 命令,建立一个网页,命名为,button.htm”，
该网页作为介绍 Authorware按钮交互的页面 。
11) 根据需要重复上一步，建立若干个网页，作为介绍各种交互类型的页面，结果如图 11-22所示。
12) 通过资源管理器将制作好的各种网页素材拷贝到
images文件夹下，以备在制作网络课件的过程中使用。
第十一章 综合实例图 11-22 建立的网页第十一章 综合实例
2,编辑主页
1) 双击站点窗口中的 index.htm图标,进入主页的编辑环境 。
2) 单击菜单栏中的 【 修改 】 /【 页面属性 】 命令，在弹出的 【 页面属性 】 对话框中设置参数，如图 11-23所示。
第十一章 综合实例图 11-23 【 页面属性 】 对话框第十一章 综合实例
3) 单击 确定 按钮,完成了包括标题,页边界,背景图像等内容的页面属性设置 。
4) 单击菜单栏中的 【 插入 】 /【 表格 】 命令,在弹出的 【 插入表格 】 对话框中设置各项参数,如图 11-24所示 。
5) 单击 确定 按钮即可插入表格 。
6) 将光标置于第 1个单元格中，单击单元格 【 属性 】 面板中按钮，在弹出的 【 拆分单元格 】 对话框中设置参数如图
11-25所示。
第十一章 综合实例图 11-24 【 插入表格 】 对话框第十一章 综合实例图 11-25 【 拆分单元格 】 对话框第十一章 综合实例
7) 单击 确定 按钮,将单元格分为 3列 。
8) 将光标置于第 1行的第 1个单元格中,单击对象面板中的按钮,插入预先制作好的 logo.jpg图片 。
9) 将光标置于第 1行的第 2个单元格中,单击对象面板中的按钮,插入预先制作好的 banner.gif图片 。
10) 将光标置于第 1行的第 3个单元格中,单击单元格 【 属性 】 面板中按钮,在弹出的 【 拆分单元格 】 对话框中设置参数,如图 11-26所示 。
11) 单击 确定 按钮，将单元格拆分为 3行，分别在拆分后的各行中输入相关信息，并设置为居中排列，结果如图 11-27
所示。
第十一章 综合实例图 11-26 【 拆分单元格 】 对话框第十一章 综合实例图 11-27 插入表格中的内容第十一章 综合实例
12) 将光标指向表格的边框，单击鼠标选择整个表格，
在表格的 【 属性 】 面板中设置 【 边框 】,【 边距 】,【 间距 】
均为 0，如图 11-28所示，这时表格边框为不可见状态。
图 11-28 【 属性 】 面板
13) 选择第 2个单元格和第 3个单元格中的所有行,在单元格的
【 属性 】 面板中将其背景设置为浅褐色 （ #CC3333） 。
14) 将光标置于第 2行的单元格中，在单元格的 【 属性 】 面板中设置 【 垂直 】 选项为 【 顶端 】 。
第十一章 综合实例
15) 单击对象面板中的 按钮,在弹出的 【 插入表格 】 对话框中设置各项参数,如图 11-29所示 。
图 11-29 【 插入表格 】 对话框第十一章 综合实例
16) 单击 确定 按钮，在当前单元格中嵌入一个新的表格，
在 【 属性 】 面板中设置表格的属性如图 11-30所示。
图 11-30 【 属性 】 面板第十一章 综合实例
17) 在该表格的每一个单元格中输入文字并居中排列，
作为课件的横向导航栏，如图 11-31所示。
图 11-31 输入的内容第十一章 综合实例
18) 样单击菜单栏中的 【 窗口 】 /【 CSS样式 】 命令，打开 【 CSS样式 】 面板，如图 11-32所示。
图 11-32 【 CSS样式 】 面板第十一章 综合实例
19) 单击 面板中的按钮,在弹出的 【 新建样式 】 对话框中设置各项参数,如图 11-33所示 。
图 11-33 【 新建样式 】 对话框第十一章 综合实例
20) 单击 确定 按钮，在弹出的 【,text的样式定义 】 对话框中设置各项参数，如图 11-34所示。
图 11-34 【,text的样式定义 】 对话框第十一章 综合实例
21) 单击按钮，关闭对话框。在 【 CSS样式 】 面板中可以观察到自定义的 CSS样式，如图 11-35所示。
图
11-
35
【CS
S
样式
】
面板第十一章 综合实例
22) 选择导航栏表格中的所有文字，单击 【 CSS样式 】 面板中的 【,text】 样式，则对所选文字应用了 CSS样式，网页效果如图 11-36所示。
图 11-36 网页效果第十一章 综合实例
23) 用同样的方法，通过表格之间的合理嵌套，可以完成整个网络课件的布局，如图 11-37所示。
图
11-
37
网页的布局第十一章 综合实例
24) 单击菜单栏中的 【 文件 】 /【 保存 】 命令,保存文件 。
25) 单击菜单栏中的 【 文件 】 /【 用浏览器预览 】 /
【 iexplore】 命令，可以在浏览器中观察到网络课件的主页效果，如图 11-38所示。
第十一章 综合实例图 11-38 主页效果第十一章 综合实例
3,编辑辅页
1) 在 kejian站点窗口中双击 button.htm图标,进入该网页的编辑窗口 。
2) 单击菜单栏中的 【 修改 】 /【 页面属性 】 命令，在弹出的 【 页面属性 】 对话框中设置参数，如图 11-39所示。
3) 单击确定按钮,完成了页面属性的设置 。
4) 单击确定对象面板中的按钮，在弹出的 【 插入表格 】 对话框中设置各项参数，如图 11-40所示。
第十一章 综合实例图 11-39 【 页面属性 】 对话框第十一章 综合实例图 11-40 【 插入表格 】 对话框第十一章 综合实例图 11-41 【 拆分单元格 】 对话框第十一章 综合实例
7) 单击 确定 按钮,将单元格拆分为 3列 。
8) 用前面介绍过的方法，分别在第 1行的 3个单元格中插入已经制作好的导航图像，在第 2行的单元格中输入“按钮响应”的讲授内容，结果如图 11-42所示。
图
11-
42
网页内容第十一章 综合实例
9) 用同样的方法，再制作“按钮属性”网页和“实例应用”网页，如图 11-43,11-44所示。
图 11-43,按钮属性”网页第十一章 综合实例图 11-44,实例应用”网页第十一章 综合实例
4,建立超链接下面把前面制作的四个课件网页整合起来,使它们之间能够相互联系,形成一个有机的整体 。
1) 在 kejian站点窗口中双击 button.htm图标,进入该网页的编辑窗口 。
2) 选择网页中的“使用方法”图片，然后在图片的
【 属性 】 面板中单击 【 链接 】 右侧的按钮，打开 【 选择文件 】 对话框，如图 11-45所示。
第十一章 综合实例图 11-45 【 选择文件 】 对话框第十一章 综合实例
3) 在对话框中选择 kejian 文件夹下的 button文件,即该网页本身,然后单击 确定 按钮,则链接了该文件 。
4) 设置图片的 【 属性 】 面板中的参数，如图 11-46所示。
图 11-46 【 属性 】 面板第十一章 综合实例
5) 用同样的方法,选择网页中的,按钮属性,图片,将它链接到 button2文件；选择网页中的,实例应用,图片,将它链接到
button3文件 。
6) 用同样的方法,分别打开 button2,button3文件,将网页中的图片分别建立链接 。
7) 在 kejian站点窗口中双击 index.htm图标,进入主页编辑窗口 。
8) 在网页编辑窗口的左侧选择,按钮响应,四个字,在文字的
【 属性 】 面板中单击 【 链接 】 右侧的 按钮,打开 【 选择文件 】
对话框 。
9) 在该对话框中选择 button文件，建立超链接。用相同的方法可以把教学站点的所有网页建立超链接。
第十一章 综合实例
11.3 Authorware课件
11.3.1 课件说明图
11-
47
运行界面第十一章 综合实例
11.3.2 制作流程
1,主流程线的设计图 11-48 【 属性,文件 】 对话框第十一章 综合实例图 11-49 计算窗口第十一章 综合实例图 11-50 信息提示对话框第十一章 综合实例图 11-51 【 导入哪个文件？ 】 对话框第十一章 综合实例图 11-52 导入的图片第十一章 综合实例图 11-53 【 Flash Asset 属性 】 对话框第十一章 综合实例图 11-54 【 打开 Shockwave Flash Movie】 对话框第十一章 综合实例图 11-55 调整动画画面的位置第十一章 综合实例图 11-56 【 属性：功能图标 】 对话框第十一章 综合实例图 11-57 主流程线第十一章 综合实例
2,框架图标的设计图 11-58 框架结构流程线窗口第十一章 综合实例图 11-59 信息提示框第十一章 综合实例图 11-60 【 响应类型 】 对话框第十一章 综合实例图 11-61 框架流程线第十一章 综合实例
3,添加自定义按钮图 11-62 演示窗口中的内容第十一章 综合实例图 11-63 【 属性：响应 】 对话框第十一章 综合实例图 11-64 【 按钮 】 对话框第十一章 综合实例图 11-65 【 按钮编辑 】 对话框第十一章 综合实例图 11-66 按钮的形态第十一章 综合实例图 11-67 运行画面第十一章 综合实例图 11-68 【 鼠标指针 】 对话框第十一章 综合实例
4,复习旧课分支的设计图 11-69 绘制的 题板第十一章 综合实例图 11-70 输入的文本第十一章 综合实例图 11-71 运行界面第十一章 综合实例图 11-72 复习旧课流程线第十一章 综合实例图 11-73 设定目标区域第十一章 综合实例图 11-74 设定目标区域第十一章 综合实例图 11-75 输入的语句第十一章 综合实例图 11-76 复习旧课流程线第十一章 综合实例图 11-77 正确的信息提示第十一章 综合实例图 11-78 错误的信息提示第十一章 综合实例
5,讲授新课分支的设计图 11-79 建立的背景界面第十一章 综合实例图 11-80 讲授新课二级流程线第十一章 综合实例图 11-81 调整热区域的位置第十一章 综合实例图 11-82 调整文本的位置第十一章 综合实例
6,课后练习分支的设计图 11-83 建立的背景界面第十一章 综合实例图 11-84 计算窗口第十一章 综合实例图 11-85 【 属性：响应 】 对话框第十一章 综合实例图 11-86 【 按钮 】 对话框第十一章 综合实例图 11-87 【 属性：显示图标 】 对话框第十一章 综合实例图 11-88 三级流程线 图
11-
89
计算图标中的内容第十一章 综合实例图 11-90 课后练习二级流程线第十一章 综合实例图 11-91 调整选项按钮的位置第十一章 综合实例图 11-92 【 属性：等待图标 】 对话框第十一章 综合实例图 11-93 计算窗口第十一章 综合实例图 11-94 课后练习流程线第十一章 综合实例
7,请您欣赏分支的设计图 11-95 建立的背景界面第十一章 综合实例图 11-96 导入的数字电影第十一章 综合实例
8,退出程序的设计图 11-97 创建的退出界面第十一章 综合实例图 11-98 【 属 性,等待图标 】 对话框第十一章 综合实例图 11-99 退出程序流程线
