北师大多媒体CAI课件制作教程课件11综合实例

第十一章综合实例11.1Powerpoint课件

11.2网络课件

11.3Authorware课件

11.1Powerpoint课件11.1.1课件说明图11-1电脑构成示意图11.1.2制作流程1)启动Powerpoint2002，自动创建了一个演示文稿。

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【CSS样式】面板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.3Authorware课件11.3.1课件说明图11-47运行界面11.3.2制作流程1.主流程线的设计图11-48【属性:文件】对话框图11-49计算窗口图11-50信息提示对话框图11-51【导入哪个文件？】对话框图11-52导入的图片图11-53【FlashAsset属性】对话框图11-54【打开ShockwaveFlashMovie】对话框图11-55调整动画画面的位置图11-56【属性：功能图标】对话框图11-57主流程线2.框架图标的设计图11-58框架结构流程线窗口

图11-59信息提示框图11-60【响应类型】对话框图11-61框架流程线3.添加自定义按钮图11-62演示窗口中的内容图11-63【属性：响应】对话框图11-64【按钮】对话框图11-65