在网页中制作多媒体课件

网页设计与制作实用教程网页设计与制作实用教程第13章在网页中制作多媒体22023/1/2学习目标掌握在页面中插入Flash动画的方法；掌握在页面中插入Flash按钮和Flash文本对象的方法；掌握在页面中插入声音文件的方法；了解在页面中插入其他媒体对象的方法。第13章在网页中制作多媒体22022/12/18学习目标掌第13章在网页中制作多媒体32023/1/2目录多媒体应用实例本章小结配套实训练习题第13章在网页中制作多媒体32022/12/18目录多媒体第13章在网页中制作多媒体42023/1/2多媒体应用实例设计目标页面分析实训引导制作步骤第13章在网页中制作多媒体42022/12/18多媒体应用第13章在网页中制作多媒体52023/1/2设计目标在页面中插入多媒体元素，效果如图13.1所示。返回第13章在网页中制作多媒体52022/12/18设计目标在第13章在网页中制作多媒体62023/1/2页面分析在页面中包含了如下多媒体元素：1．Flash动画。Flash动画以不同的方式展示了“畅想未来”的若干张图像。该Flash动画地制作将在第17章中介绍。2．Flash按钮和Flash文本对象。当鼠标放在这些元素上面时，它们就会发生变化；当移开鼠标时，它们又会复原；当单击这些元素时，还会打开链接的网页。添加具有交互功能的元素，可以使页面更加生动有趣。3．背景音乐。通过“插件”和为插件设置相关的参数可以为页面添加背景音乐。返回第13章在网页中制作多媒体62022/12/18页面分析在第13章在网页中制作多媒体72023/1/2实训引导1．本实例的页面内容取自于第6章制作的index6.htm网页。2．导航栏中各个栏目文本所对应的链接网页文件由前面章节提供。3．Flash动画由配套光盘webcourse\chapter13\swf文件夹提供，请将该文件复制到本地站点future\swf文件夹下。声音文件由配套光盘webcourse\chapter13\sound文件夹提供，请将该文件复制到本地站点future\sound文件夹下。4．页面效果请参见webcourse\chapter13\result文件夹下的index13_1.html文件。返回第13章在网页中制作多媒体72022/12/18实训引导1第13章在网页中制作多媒体82023/1/2制作步骤将第6章制作的主页index6.html另存到本地站点的根文件夹future\webpages下，取名为index13.html。打开index13.html网页，依次按照下述内容在页面中添加多媒体对象：（1）插入Flash动画。（2）插入Flash按钮。（3）插入Flash文本对象。（4）插入声音。返回第13章在网页中制作多媒体82022/12/18制作步骤将第13章在网页中制作多媒体92023/1/2插入FLASH动画在index13.html网页中插入和预览如图13.2所示的Flash动画，操作步骤见教程P275。第13章在网页中制作多媒体92022/12/18插入FLA第13章在网页中制作多媒体102023/1/2插入Flash按钮在导航条表格中插入Flash按钮，效果如图13.6所示，操作步骤见教程P277。用同样方法将导航条中的其他标题文本更改为Flash按钮。效果如图13.6所示。第13章在网页中制作多媒体102022/12/18插入Fl第13章在网页中制作多媒体112023/1/2插入Flash文本将页面底部插入Flash文本，效果如图13.10所示。操作步骤见教程P279。用同样方法将“设为首页”、“加入收藏”、“网站管理”等文本更改为Flash文本。效果如图13.6所示。第13章在网页中制作多媒体112022/12/18插入Fl第13章在网页中制作多媒体122023/1/2插入声音在index13.html网页中嵌入背景音乐，操作步骤见教程P281。返回第13章在网页中制作多媒体122022/12/18插入声音第13章在网页中制作多媒体132023/1/2了解其他媒体对象在Dreamweaver的文档中，除了可以Flash之外，还可以插入JavaApplet、QuickTime、Shockwave电影、ActiveX控件等媒体对象。方法类似于插入Flash元素：（1）将插入点置于页面中需要插入媒体对象的位置。（2）在“插入”栏的“常用”类别中，选择“媒体”，然后单击相应的命令，如左图所示；或在菜单栏中选择“插入”→“媒体”命令，然后在“媒体”子菜单中选择相应的命令，如右图所示。返回第13章在网页中制作多媒体132022/12/18了解其他第13章在网页中制作多媒体142023/1/2本章小结本章主要介绍了在页面中插入媒体对象的基本方法，包括Flash按钮、Flash文本对象、Flash动画和Generator、Shockwave、ActiveX以及声音文件等插件元素。Flash按钮、Flash文本等交互对象可以随着浏览者的不同操作而发生某些变化，使页面显得生动活泼。为使网页打破沉默，可以插入声音文件，实现网上歌曲点播，也可以插入悠扬的曲子作为浏览时的背景音乐。第13章在网页中制作多媒体142022/12/18本章小结第13章在网页中制作多媒体152023/1/2配套实训

参见教材第284～285页，利用提供的素材文件，设计一个具有多媒体元素的汽车网页，页面效果如图13.17所示。第13章在网页中制作多媒体152022/12/18配套实训第13章在网页中制作多媒体162023/1/2练习题参见教材第285页，完成相应的练习题：

填空题单选题思考题第13章在网页中制作多媒体162022/12/18练习题参网页设计与制作实用教程网页设计与制作实用教程第13章在网页中制作多媒体182023/1/2学习目标掌握在页面中插入Flash动画的方法；掌握在页面中插入Flash按钮和Flash文本对象的方法；掌握在页面中插入声音文件的方法；了解在页面中插入其他媒体对象的方法。第13章在网页中制作多媒体22022/12/18学习目标掌第13章在网页中制作多媒体192023/1/2目录多媒体应用实例本章小结配套实训练习题第13章在网页中制作多媒体32022/12/18目录多媒体第13章在网页中制作多媒体202023/1/2多媒体应用实例设计目标页面分析实训引导制作步骤第13章在网页中制作多媒体42022/12/18多媒体应用第13章在网页中制作多媒体212023/1/2设计目标在页面中插入多媒体元素，效果如图13.1所示。返回第13章在网页中制作多媒体52022/12/18设计目标在第13章在网页中制作多媒体222023/1/2页面分析在页面中包含了如下多媒体元素：1．Flash动画。Flash动画以不同的方式展示了“畅想未来”的若干张图像。该Flash动画地制作将在第17章中介绍。2．Flash按钮和Flash文本对象。当鼠标放在这些元素上面时，它们就会发生变化；当移开鼠标时，它们又会复原；当单击这些元素时，还会打开链接的网页。添加具有交互功能的元素，可以使页面更加生动有趣。3．背景音乐。通过“插件”和为插件设置相关的参数可以为页面添加背景音乐。返回第13章在网页中制作多媒体62022/12/18页面分析在第13章在网页中制作多媒体232023/1/2实训引导1．本实例的页面内容取自于第6章制作的index6.htm网页。2．导航栏中各个栏目文本所对应的链接网页文件由前面章节提供。3．Flash动画由配套光盘webcourse\chapter13\swf文件夹提供，请将该文件复制到本地站点future\swf文件夹下。声音文件由配套光盘webcourse\chapter13\sound文件夹提供，请将该文件复制到本地站点future\sound文件夹下。4．页面效果请参见webcourse\chapter13\result文件夹下的index13_1.html文件。返回第13章在网页中制作多媒体72022/12/18实训引导1第13章在网页中制作多媒体242023/1/2制作步骤将第6章制作的主页index6.html另存到本地站点的根文件夹future\webpages下，取名为index13.html。打开index13.html网页，依次按照下述内容在页面中添加多媒体对象：（1）插入Flash动画。（2）插入Flash按钮。（3）插入Flash文本对象。（4）插入声音。返回第13章在网页中制作多媒体82022/12/18制作步骤将第13章在网页中制作多媒体252023/1/2插入FLASH动画在index13.html网页中插入和预览如图13.2所示的Flash动画，操作步骤见教程P275。第13章在网页中制作多媒体92022/12/18插入FLA第13章在网页中制作多媒体262023/1/2插入Flash按钮在导航条表格中插入Flash按钮，效果如图13.6所示，操作步骤见教程P277。用同样方法将导航条中的其他标题文本更改为Flash按钮。效果如图13.6所示。第13章在网页中制作多媒体102022/12/18插入Fl第13章在网页中制作多媒体272023/1/2插入Flash文本将页面底部插入Flash文本，效果如图13.10所示。操作步骤见教程P279。用同样方法将“设为首页”、“加入收藏”、“网站管理”等文本更改为Flash文本。效果如图13.6所示。第13章在网页中制作多媒体112022/12/18插入Fl第13章在网页中制作多媒体282023/1/2插入声音在index13.html网页中嵌入背景音乐，操作步骤见教程P281。返回第13章在网页中制作多媒体122022/12/18插入声音第13章在网页中制作多媒体292023/1/2了解其他媒体对象在Dreamweaver的文档中，除了可以Flash之外，还可以插入JavaApplet、QuickTime、Shockwave电影、ActiveX控件等媒体对象。方法类似于插入Flash元素：（1）将插入点置于页面中需要插入媒体对象的位置。（2）在“插入”栏的“常用”类别中，选择“媒体”，然后单击相应的命令，如左图所示；或在菜单栏中选择“插入”→“媒体”命令，然后在“媒体”子菜单中选择相应的命令，如右图所示。返回第13章在网页中制作多媒体132022/12/18了解其他第13章在网页中制作多媒体302023/1/2本章小结本章主要介绍了在页面中插入媒体对象的基本方法，包括Flash按钮、Flash文本对象、Flash动画和Generator、Shockwave、ActiveX以及声音文件等插件元素。Flash按钮、Flash文本等交互对象可以随着浏览者的不同操作而发生某些变化，使页面显得生动活泼。为使网页打破沉默，可以插入声音文件，实现网上歌曲点播，也可以插入悠扬的曲子作为浏览时的背