《《网页设计与制作》》由会员分享，可在线阅读，更多相关《《网页设计与制作》（25页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作西京学院 电子商务教研室子学习领域五之六：在网页中插入多媒体 对象实例导入：多媒体站点1使用多媒体对象2多媒体网站实例的制作过程31、实例导入：多媒体站点在网页中应用多媒体对象可以增强网页的娱乐性和感 染力，多媒体成为最有魅力的方式，也是潮流的方向。【例8.1】娱乐在线多媒体站点，如图8.1所示。 该多媒体站点主要实现的功能是在线观看Flash动画、 Flash视频以及其它类型的视频及音频文件。 在本网站实例中，主要涉及以下知识点： 背景音乐的设置； 插入Flash对象：Flash动画、Flash视频、Flash按钮、 Flash文本等； 插入其它类型视频和音频文件。2、使用多媒
2、体对象网页中常用的多媒体对象主要分为Flash类(包括 Flash动画、Flash按钮、Flash文本、Flash视频等)、 Java applets、ActiveX控件类，以及各种音频、视频文 件(如Shockwave影片、QuickTime、RM、WMV、Mp3等)。2.1设置页面背景音乐由于背景音乐不是一种标准的网页属性，所以需要用修 改源代码的方式为网页添加背景音乐。操作步骤如下： 步骤1 打开要添加背景音乐的网页，切换到代码视图或拆分 视图。 步骤2 在和标签之间添加以下代码：在Bgsound标签中，src用于指定背景音乐的源文件路径 。Loop是指背景音乐的循环次数，如果输入为-1
3、，则表示 无限循环。Bgsound标签中所支持的背景音乐格式为：wav 、mid、mp3等。保存网页，在浏览器中浏览网页中背景音乐的播放效果 。2.2 插入Flash影片Flash是一种高质量、高压缩率的矢量动画，有超强 的交互能力，也正是因为这些原因，Flash在网络上得到了 快速发展。插入在网页中的Flash影片格式为swf，Flash源文件 格式为Fla，源文件不能直接插入到网页中，但可以在 Flash软件中修改源文件。插入Flash影片常用的方法有两 种。单击“插入”栏“常用”选项“媒体” “Flash”按钮，如图8.2所示。或选择“插入”菜单“ 媒体”“Flash”命令，如图8.3所
4、示。插入Flash影片后，在“文档”窗口中出现Flash占位 符 。2.3在网页中添加FLASH按钮和文本Dreamweaver8.0增添了一些Flash对象，包括Flash文 本、Flash按钮和Flash元素等，不使用Flash软件也可以制 作出漂亮的Flash动画了。使用Flash文本对象可以轻松地制作出只包含文本的 Flash动画，这样设计者就不用担心网页浏览者没有安装特 殊字体而无法看到网页的最佳效果了。单击“插入”栏“常用”选项“媒体”“Flash 文本”按钮，或选择“插入”菜单“媒体”“Flash文 本”命令，弹出“插入Flash文本”对话框，如图8.4所示 。 2.4 插入Fl
5、ash按钮使用Dreamweaver 8.0就可以快捷地制作出动感Flash 按钮。制作多个Flash按钮可以组成一个动态的导航栏。 操作步骤如下：单击“插入”栏“常用”选项“媒体” “Flash按钮”按钮，或选择“插入”菜单“媒体” “Flash按钮”命令，弹出“插入Flash按钮”对话框， 如图8.5所示。设置Flash按钮的相关参数。2.5 插入Flash VideoFlash Video即Flash视频，它的后缀名为：.flv， 是目前广泛流行的一种视频文件格式。一般的视频文件： asf、wmv、rm等都需要专门的播放器来支持视频文件的播 放，否则根本无法收看，并且这类文件容量过大，下
6、载慢 ，查看也不很流畅。为了解决播放器和容量的问题，可以 将各类视频文件转换成Flash视频文件，即Flv格式。经过 编码后的音频和视频数据，通过Flash Player传送。单击“插入”栏“常用”选项“媒体” “Flash Video”按钮，或选择“插入”菜单“媒体” “Flash Video”命令，弹出“插入Flash视频”的对话 框，如图8.6所示。设置Flash Video的相关参数。2.6 插入Flash PaperFlashPaper是一款转换软件，可以将任何可打印的 文档转换为SWF或PDF文档，原文档的排版样式和字体 显示不受影响，不论浏览者的平台和语言版本是什么 ，都可以自由
7、的观看你所制作的电子文档动画，并可 以进行自由的缩放、翻页、搜索和打印等操作，对文 档的传播非常有好处。用户安装FlashPaper软件后，打开word软件时，就 会多出FlashPaper菜单栏，还多出一个FlashPaper工 具栏，如图8.7所示。在word中，单击FlashPaper工具栏中的“转换为Flash” 按钮时，即可将当前word文档转换swf格式的文件。将它可以 作为Flash文件插入到网页中。单击“插入”栏“常用”选项“媒体” “Flashpaper”按钮，或选择“插入”菜单“媒体” “FlashPaper”命令，弹出“插入FlashPaper”的对话框， 如图所示。输入
8、FlashPaper文档名，或单击“浏览”按钮查 找FlashPaper路径，输入宽度和高度（以像素为单位）指定 FlashPaper 对象在网页上的尺寸，单击“确定”按钮，如图 8.8所示。“文档”窗口出现一个Flash占位符。 2.7 插入Flash元素制作像册在Dreamweaver 8.0中，可以插入 Flash 元素制作动态的 像册。当打开包含FLASH像册元素的网页后，将自动加载制作 好的像册，最前面显示当前照片数和照片总数量，后面是后 退、播放/停止、前进按钮，单击的时候有不错的FLASH翻页 效果，也可设置为自动播放和循环播放。操作步骤如下：步骤1 首先准备好在Flash相册中
9、要显示的多张图像，图像尺寸 大小一致。 步骤2 单击“插入”栏“Flash元素”“图像查看器”按钮 ，弹出“保存Flash元素”的对话框，保存Flash元素文件， 后缀名为swf。 步骤3 在“文档”窗口出现Flash占位符，单击Flash占位符， 拖动 Flash占位符四周的控制点来调节像册尺寸大小。选中 Flash占位符，选择“窗口”菜单“标签检查器”命令，打 开“标签标查器”面板，如图8.9所示。设置Flash元素的相 关参数。2.8在网页中嵌入音频文件在网页中加入背景音乐虽然简便，但是缺乏对音频文件的控制 能力，比如浏览者不想听到背景音乐时，却无法使播放的声音停下来 ，并且背景音乐所支
10、持的音频文件格式有限。因此可以媒体插件的方 式嵌入声音文件。网页中的音频文件格式为：mid、wav，几乎所有的浏览器都支 持这两种声音格式，所以客户端无需插件即对其支持，另外还有mp3 、rm、mwv、mov等。单击“插入”栏“常用”选项“媒体”“插件”按钮， 弹出“选择文件”的对话框，选择音频文件的路径，单击“确定”按 钮。文档窗口出现插件占位符，选中插件占位符，拖动占位符四周 的控制点，可调整播放器界面的尺寸，如图所示。选中插件占位符，单击“属性”面板中“参数”按钮，弹出参 数对话框，或在“插件”标签检查器中，设置相关的参数，如图8.10 所示。2.9 在网页中嵌入视频文件随着宽带网络技术
11、的飞速发展，网络视频点播已经普 及，通过网络可以在线看免费的影片，在线收看远程教学等 。这些都是通过在网页中嵌入视频文件来实现的。网页中视频文件的常见格式有：rm、wmv、asf、mov等 。嵌入方式与音频文件的嵌入方法一致。单击“插入”栏“常用”选项“媒体”“插件 ”按钮，在弹出“选择文件”的对话框中查找视频文件路径 即可。在“文档”窗口出现插件占位符，根据视频画面大小 拖动插件占位符四周的控制点改变插件尺寸，参数设置也与 音频文件相似，这里就不重复了。 在网页中还可以插入更多的多媒体对象如：Shockwave 、Java Applet、ActiveX等，插入方法与上面所述相似，这 里就不详
12、细叙述了。3、多媒体网站实例的制作过程v 本节详细讲解【例8.1】“娱乐在线”多媒体站点的制 作过程，其功能主要是实现视频点播，由多个网页构成 ，通过超链接将网页关联起来。 本 章 小 结本章通过制作一个综合性多媒体站点的实例，讲解了多媒体技术在网络中的应 用。 1Flash对象的应用：Flash影片、Flash文本、Flash按钮、Flash视频、 Flash元素等。 2视频文件的嵌入：各种视频文件的嵌入使网络在线点播成为时尚。 3音频文件的应用：背景音乐的设置、音频文件的嵌入。本章练习题 1. 选择题 （1）网页中背景音乐常用的音频文件格式为（ ）。 Amid、wav Bwav、jpeg、
13、mov Cswf、wav、rm Dgif、wav、rm （2）Flash影片文件格式为（ ）。 Ajpg Bwmv Casf Dswf （3）Flash视频文件格式为（ ）。 Aswf Bfla Cflv Davi 2. 简答题 v 网页中常用的多媒体对象包括哪些？ v Flash视频与其它视频格式文件比较有什么优点？ v 如何将Flash动画的背景设置为透明？上 机 实 训1. 背景知识根据本章所学的在网页中嵌入多媒体对象的方法，再综合前面所学 的创建站点及编辑网页的知识，制作功能完善的多媒体站点。 2. 实训准备工作将相应的网页草图和网页素材，如：音频、视频、flash等文件，以 及相关的软件，如：flashpaper软件准备好，发送到学生主机中，以 供学生参考使用。 3. 实训要求 （1）制作多媒体站点首页根据给定的网页草图及相关素材，布局页面，然后填充网页元素， 首页内容包括：Flash影片、Flash文本、Flash按钮、Flash元素等及 修饰的一些图像。首页效果图如图8.28所示。 （2）制作站点内的其它网页 要求包括：嵌入视频的网页、Flash mtv网页、Flash Video网页、点播 音乐的网页，最后添加页面之间的链接。 4. 课时安排：2课时
