网页设计与制作实用教程电子教案教学建议第13章　在网中制作多媒体.pptVIP

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