网页制作(第5章).docVIP

第5章 多媒体 【学习目标】 （1）了解使用网页中主要的多媒体的种类及概念 （2）掌握各种网页多媒体元素的添加插入方法 （3）熟悉多媒体元素各自的属性设置方法 （4）掌握用代码方式添加多媒体元素的方法 在Internet上“遨游”时，常碰见由音频和视频文件构成的精美的主页。多媒体是由音频、文字、图像、动影像等多样化的媒体组合而成的。在当今的网页中，一直都持续地流行着一股多媒体潮流。以前的主页大多是由图像或文字构成的，而现代由于多媒体技术的发展，音乐、动影像等媒体的应用已变得越来越广泛。之所以多媒体服务在主页中的应用领域越来越广泛，是因为所有人都可以利用操作系统内置的播放程序轻松地欣赏音乐和动影像。 目前网上有很多站点都在主页中采用了多媒体和音频文件，网页中可以插入的多媒体包括声音、音频文件、视频文件、Flash对象、Java Aplet对象和ActiveX控件等。 下面介绍的是多媒体文件在主页中的具体应用。 5.1插入动态元素 5.1.1插入Flash对象 Flash是网上流行的矢量动画技术，近几年很多站点都采用了Flash技术，把传统网页无法做到的效果准确表现出来，增强了网页的吸引力，如使用Flash制作的导航条、按钮动感十足。Dreamweaver中提供的Flash元素主要包括Flash动画、FlashPaper、Flash视频，以及内建的Flash按钮和Flash文本。本小节将分别学习各个Flash元素的插入与设置。 1.插入Flash动画 Flash动画中的元素都是矢量的，可以随意放大，都不会降低画面质量。此外，Flash动画文件较小，适合在网络上使用。Flash动画的扩展名为“.swf”。下面就来学习在Dreamweaver中如何插入Flash动画。 具体操作步骤如下： （1）在“编辑区”中单击选中要插入Flash动画的区域。 （2）选择菜单栏“插入”项→“媒体”→“SWF”。 （3）在弹出的“选择文件”对话框中，查找并选择你需要插入的Flash动画SWF文件， 再单击“确定”按钮，如图5-1所示。 图5-1“选择文件”对话框 （4）插入Flash动画效果后，效果如图5-2所示。 2.插入FlashPaper FlashPaper是Macromedia公司的一款文件转换软件，允许把任何的可打印的文档直接转换成Flash文档或pdf文档，并且保持原来的文件的排版格式，如图5-3所示。 图5-2 插入Flash动画效果 图5-3 FlashPaper软件 例如，用FlashPaper可以方便地将Powpoint文档转换为Flash格式动画，FlashPaper会自动生成控制条，可以实现缩小放大画面、翻页、移动等操作。 具体操作步骤如下： （1）在“编辑区”中单击选中要插入FlashPaper的区域。 （2）选择菜单栏“插入”项→“媒体”→“FlashPaper”。 （3）在弹出的“插入FlashPaper”对话框中，查找并选择你需要插入的FlashPaper文件，设置高度和宽度，再单击“确定”按钮，如图5-4所示。 （4）插入FlashPaper文件后，效果如图5-5所示。 图5-4“选择文件”对话框 图5-5 插入FlashPaper文件后预览后果 3.插入Flash视频 Flash 视频是一种新的流媒体视频格式，其文件扩展名为“.flv”。Flash视频文件极小、加载速度极快，它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好的使用等缺点。网站的访问者只要能看Flash动画，就能看flv格式视频，而无需再额外安装其它视频插件，使得网络观看视频文件成为可能。 目前国内外网站提供的视频内容可谓各有千秋，但它们无一例外的都使用了flv格式作为视频播放载体，下面来学习如何在Dreamweaver CS4中插入Flash视频。 具体操作步骤如下： （1）在“编辑区”中单击选中要插入Flash视频的区域。 （2）选择菜单栏“插入”项→“媒体”→“FLV”。 （3）在弹出的“插入FLV”对话框中，在“视频类型”中选择你要插入FLV的类型，分别是“累进式下载视频”和“流视频”，再浏览并选择你需要插入的FLV文件，在“外观”处选择“最小宽度”，再分别设置高度和宽度(若不想自己设置，可点击“检测大小”来获取该FLV视频的宽度与高度)，最后单击“确定”按钮，如图5-6所示。 （4）插入FLV动画后，效果如图5-7所示。 图5-6 “选择文件”对话框 图5-7 插入FLV视频的效果 5.1.2插入Shockwave动画 Shockwave是Adobe公司开发的标准网络交互多媒体的压缩文件格式。Shockw