配色: 字号:
第8章_在网页中插入多媒体对象
2012-11-26 | 阅:  转:  |  分享 
  
第八章在网页中插入多媒体对象8.1 实例导入:多媒体站点8.2 使用多媒体对象8.3 多媒体网站实例的制作过程 8.1实例导入:
多媒体站点8.2使用多媒体对象网页中常用的多媒体对象主要分为Flash类(包括Flash动画、Flash按钮、Flash文本
、Flash视频等)、Javaapplets、ActiveX控件类,以及各种音频、视频文件(如Shockwave影片、Quick
Time、RM、WMV、Mp3等)。8.2.1设置页面背景音乐由于背景音乐不是一种标准的网页属性,所以需要用修改源代码的方式为
网页添加背景音乐。操作步骤如下:步骤1打开要添加背景音乐的网页,切换到代码视图或拆分视图。步骤2在和d>标签之间添加以下代码:在Bgsound标签中,src用
于指定背景音乐的源文件路径。Loop是指背景音乐的循环次数,如果输入为-1,则表示无限循环。Bgsound标签中所支持的背景音乐格
式为:wav、mid、mp3等。保存网页,在浏览器中浏览网页中背景音乐的播放效果。8.2.2插入Flash影片Flash是
一种高质量、高压缩率的矢量动画,有超强的交互能力,也正是因为这些原因,Flash在网络上得到了快速发展。插入在网页中的Flash
影片格式为swf,Flash源文件格式为Fla,源文件不能直接插入到网页中,但可以在Flash软件中修改源文件。插入Flash影片
常用的方法有两种。单击“插入”栏|“常用”选项|“媒体”|“Flash”按钮,如图8.2所示。或选择“插入”菜单|“媒体”|“F
lash”命令,如图8.3所示。插入Flash影片后,在“文档”窗口中出现Flash占位符。8.2.3在网页中添加FLASH
按钮和文本Dreamweaver8.0增添了一些Flash对象,包括Flash文本、Flash按钮和Flash元素等,不使用Fl
ash软件也可以制作出漂亮的Flash动画了。使用Flash文本对象可以轻松地制作出只包含文本的Flash动画,这样设计者就不用
担心网页浏览者没有安装特殊字体而无法看到网页的最佳效果了。单击“插入”栏|“常用”选项|“媒体”|“Flash文本”按钮,或选择
“插入”菜单|“媒体”|“Flash文本”命令,弹出“插入Flash文本”对话框,如图8.4所示。8.2.4插入Flash
按钮使用Dreamweaver8.0就可以快捷地制作出动感Flash按钮。制作多个Flash按钮可以组成一个动态的导航栏。操作
步骤如下:单击“插入”栏|“常用”选项|“媒体”|“Flash按钮”按钮,或选择“插入”菜单|“媒体”|“Flash按钮”命令,
弹出“插入Flash按钮”对话框,如图8.5所示。设置Flash按钮的相关参数。8.2.5插入FlashVideoFlas
hVideo即Flash视频,它的后缀名为:.flv,是目前广泛流行的一种视频文件格式。一般的视频文件:asf、wmv、rm等都
需要专门的播放器来支持视频文件的播放,否则根本无法收看,并且这类文件容量过大,下载慢,查看也不很流畅。为了解决播放器和容量的问题,
可以将各类视频文件转换成Flash视频文件,即Flv格式。经过编码后的音频和视频数据,通过FlashPlayer传送。单击“插
入”栏|“常用”选项|“媒体”|“FlashVideo”按钮,或选择“插入”菜单|“媒体”|“FlashVideo”命令,弹出
“插入Flash视频”的对话框,如图8.6所示。设置FlashVideo的相关参数。8.2.6插入FlashPaperF
lashPaper是一款转换软件,可以将任何可打印的文档转换为SWF或PDF文档,原文档的排版样式和字体显示不受影响,不论浏览者的
平台和语言版本是什么,都可以自由的观看你所制作的电子文档动画,并可以进行自由的缩放、翻页、搜索和打印等操作,对文档的传播非常有好处
。用户安装FlashPaper软件后,打开word软件时,就会多出FlashPaper菜单栏,还多出一个FlashPaper工具
栏,如图8.7所示。在word中,单击FlashPaper工具栏中的“转换为Flash”按钮时,即可将当前word文档转换swf
格式的文件。将它可以作为Flash文件插入到网页中。单击“插入”栏|“常用”选项|“媒体”|“Flashpaper”按钮,或选择
“插入”菜单|“媒体”|“FlashPaper”命令,弹出“插入FlashPaper”的对话框,如图所示。输入FlashPaper
文档名,或单击“浏览”按钮查找FlashPaper路径,输入宽度和高度(以像素为单位)指定FlashPaper对象在网页上的尺
寸,单击“确定”按钮,如图8.8所示。“文档”窗口出现一个Flash占位符。8.2.7插入Flash元素制作像册在Drea
mweaver8.0中,可以插入Flash元素制作动态的像册。当打开包含FLASH像册元素的网页后,将自动加载制作好的像册,
最前面显示当前照片数和照片总数量,后面是后退、播放/停止、前进按钮,单击的时候有不错的FLASH翻页效果,也可设置为自动播放和循环
播放。操作步骤如下:步骤1首先准备好在Flash相册中要显示的多张图像,图像尺寸大小一致。步骤2单击“插入”栏|“Flas
h元素”|“图像查看器”按钮,弹出“保存Flash元素”的对话框,保存Flash元素文件,后缀名为swf。步骤3在“文档”窗口
出现Flash占位符,单击Flash占位符,拖动Flash占位符四周的控制点来调节像册尺寸大小。选中Flash占位符,选择“窗口”
菜单|“标签检查器”命令,打开“标签标查器”面板,如图8.9所示。设置Flash元素的相关参数。8.2.8在网页中嵌入音频文件
在网页中加入背景音乐虽然简便,但是缺乏对音频文件的控制能力,比如浏览者不想听到背景音乐时,却无法使播放的声音停下来,并且背景音乐所
支持的音频文件格式有限。因此可以媒体插件的方式嵌入声音文件。网页中的音频文件格式为:mid、wav,几乎所有的浏览器都支持这两种
声音格式,所以客户端无需插件即对其支持,另外还有mp3、rm、mwv、mov等。单击“插入”栏|“常用”选项|“媒体”|“插件”
按钮,弹出“选择文件”的对话框,选择音频文件的路径,单击“确定”按钮。文档窗口出现插件占位符,选中插件占位符,拖动占位符四周的控
制点,可调整播放器界面的尺寸,如图所示。选中插件占位符,单击“属性”面板中“参数”按钮,弹出参数对话框,或在“插件”标签检查器中
,设置相关的参数,如图8.10所示。8.2.9在网页中嵌入视频文件随着宽带网络技术的飞速发展,网络视频点播已经普及,通过网络
可以在线看免费的影片,在线收看远程教学等。这些都是通过在网页中嵌入视频文件来实现的。网页中视频文件的常见格式有:rm、wmv、a
sf、mov等。嵌入方式与音频文件的嵌入方法一致。单击“插入”栏|“常用”选项|“媒体”|“插件”按钮,在弹出“选择文件”的对话
框中查找视频文件路径即可。在“文档”窗口出现插件占位符,根据视频画面大小拖动插件占位符四周的控制点改变插件尺寸,参数设置也与音频
文件相似,这里就不重复了。在网页中还可以插入更多的多媒体对象如:Shockwave、JavaApplet、ActiveX等,
插入方法与上面所述相似,这里就不详细叙述了。8.3多媒体网站实例的制作过程本节详细讲解【例8.1】“娱乐在线”多媒体站点的
制作过程,其功能主要是实现视频点播,由多个网页构成,通过超链接将网页关联起来。本章小结本章通过制作一个综合性多媒体站点
的实例,讲解了多媒体技术在网络中的应用。1.Flash对象的应用:Flash影片、Flash文本、Flash按钮、Flash视频
、Flash元素等。2.视频文件的嵌入:各种视频文件的嵌入使网络在线点播成为时尚。3.音频文件的应用:背景音乐的设置、音频文件
的嵌入。本章练习题1.选择题(1)网页中背景音乐常用的音频文件格式为()。A.mid、wavB.wav、jpe
g、movC.swf、wav、rmD.gif、wav、rm(2)Flash影片文件格式为()。A.jpgB
.wmvC.asfD.swf(3)Flash视频文件格式为()。A.swfB.fla
C.flvD.avi2.简答题网页中常用的多媒体对象包括哪些?Flash视频与其它视频格式文件比较有
什么优点?如何将Flash动画的背景设置为透明?上机实训1.背景知识根据本章所学的在网页中嵌入多媒体对象的方法
,再综合前面所学的创建站点及编辑网页的知识,制作功能完善的多媒体站点。2.实训准备工作将相应的网页草图和网页素材,如:音
频、视频、flash等文件,以及相关的软件,如:flashpaper软件准备好,发送到学生主机中,以供学生参考使用。3.实训要
求(1)制作多媒体站点首页根据给定的网页草图及相关素材,布局页面,然后填充网页元素,首页内容包括:Flash影片、Flas
h文本、Flash按钮、Flash元素等及修饰的一些图像。首页效果图如图8.28所示。(2)制作站点内的其它网页要求包括:嵌入
视频的网页、Flashmtv网页、FlashVideo网页、点播音乐的网页,最后添加页面之间的链接。课时安排:2课时在网页中应用多媒体对象可以增强网页的娱乐性和感染力,多媒体成为最有魅力的方式,也是潮流的方向。【例8.1】娱乐在线多媒体站点,如图8.1所示。该多媒体站点主要实现的功能是在线观看Flash动画、Flash视频以及其它类型的视频及音频文件。在本网站实例中,主要涉及以下知识点:背景音乐的设置;插入Flash对象:Flash动画、Flash视频、Flash按钮、Flash文本等;插入其它类型视频和音频文件。
献花(0)
+1
(本文系磨坑人首藏)