3.3 网页中的多媒体
网页的元素多种多样，虽然依旧以文本和图片为主，但是为了丰富网页的内容及增加网页趣味性，越来越多的网站开始增加各种各样的多媒体对象，例如Flash动画、声音、视频等，这些都属于多媒体文件。
3.3.1 认识网页中的多媒体
随着互联网的迅速发展，多媒体在网页中逐步占据了主体地位，同时还出现了一些专业的多媒体网站，这些网站的核心内容都属于多媒体的范围，比如课件网、音乐网等。除此之外，综合网站中也出现了形式多样的多媒体内容，如一些Flash动画、宣传视频等。
在Dreamweaver CS6中可以将Flash动画、声音、ActiveX控件等多媒体对象插入到网页文件中。
3.3.2 网页中添加Flash动画
Flash动画是目前网页中使用较为广泛的一类多媒体文件，Flash动画文件的扩展名为.swf。通过将Flash动画应用于网页中，可以把传统网页无法做出来的效果很好地展现出来，使网页具有更强的吸引力。在Dreamweaver CS6中插入Flash动画的具体操作步骤如下。
1)将光标定位到要插入Flash动画的位置。
2)执行“插入”→“媒体”→“SWF”命令，打开“选择SWF”对话框，如图3-23所示。
图3-23 “选择SWF”对话框
3)在对话框框中选择站点中的Flash动画文件，即可将Flash动画插入到文档中，如图3-24所示。
图3-24 插入Flash动画
4)保存网页文档后，就可以在浏览器中看到动画效果，如图3-25所示。
图3-25 浏览网页
操作点拨：
在操作过程的第2）步后会弹出一个“对象标签辅助功能属性”对话框，其中有3个属性可以设置，也可以忽略。在此描述一下这3个属性，以供参考。
标题：在浏览器中运行时，将鼠标指针移动到Flash动画对象上时就会显示标题窗口处所输入的内容。
访问键：输入一个键盘按键对应的字母，用于在浏览器中选择对象。
Tab键索引：输入一个数字，用于在浏览器中选择对象。
如果网页文档还未保存，那么执行操作过程的第2）步时，将会弹出图3-26所示的对话框，提示用户先对网页进行保存，才能插入Flash动画。在对话框中单击“确定”按钮将网页保存在站点中，然后才能执行操作过程中后面的步骤。
图3-26 提示对话框
对于插入网页的Flash动画，也可以设置其属性，单击Flash动画对象，进入“属性”面板，如图3-27所示。其上各参数功能如下。
图3-27 Flash“属性”面板
“名称”：为动画对象设置名称以便在脚本中识别，在下方的文本框中可以为该动画输入名称。
“宽、高”：指定动画对象区域的宽度和高度，以控制其显示区域。
“文件”：指定Flash动画文件的路径及文件名，可以直接在文本框中输入动画文件的路径及文件名，也可以单击“文件夹”按钮进行选择。
“背景颜色”：确定Flash动画区域的背景颜色。在动画不播放（载入时或播放后）的时候，该背景颜色也会显示。
“编辑”：调用预设的外部编辑器编辑Flash源文件（*.fla）。
“循环”：使动画循环播放。
“自动播放”：当网页载入时自动播放动画。
“垂直边距、水平边距”：指定动画上、下、左、右边距。
“品质”：设置质量参数，有“低品质”“自动低品质”“自动高品质”“高品质”4个选项。
“比例”：设置缩放比例，有“默认”“无边框”“严格匹配”3个选项。
“对齐”：确定Flash动画在网页中的对齐方式。
“Wmode”：设置Flash动画是否透明。
：单击该按钮可以看到Flash动画的播放效果。
：单击该按钮，打开“参数”对话框，在其中可以输入传递给Flash动画的其他参数。
3.3.3 网页中插入FLV视频
网页中的视频除了Flash动画文件外，还有一类FLV文件，是Flash Video的简称，其主要特点是生成的视频文件小，加载速度快，可以通过网络加载并播放。FLV流媒体格式是随着Flash的发展而出现的视频格式，它利用了网页上广泛使用的Flash Player平台，将视频整合到Flash动画中，也就是说，浏览者只要能看到Flash动画，就能看到FLV格式的视频，无须安装其他的视频插件，给网页中视频的播放带来了极大的便利。目前，国内的热门视频网站都是使用FLV技术实现视频播放的。
在Dreamweaver CS6中可以非常方便地在网页中插入FLV视频，执行“插入”→“媒体”→“ FLV …”命令，打开图3-28所示的对话框，在对话框中设置视频的各个属性后就可以插入FLV视频。
图3-28 “插入FLV”对话框
对话框中各属性选项的含义如下。
“视频类型”：在该下拉列表中选择视频的类型，包括“累进式下载视频”与“流视频”。“累进式下载视频”首先将FLV文件下载到用户的硬盘上，然后进行播放，该视频类型可以在下载完成之前播放视频文件；“流视频”要经过一段缓冲时间后才在网页上播放视频内容。
“URL”：输入FLV文件的URL地址，或者单击“浏览”按钮，从站点中选择一个FLV文件。
“外观”：设置视频组件的外观。选择不同的外观后，可以在“外观”下拉列表的下方显示预览效果。
“宽度”：指定FLV文件的宽度，单位是像素。
“限制宽高比”：保持FLV文件的宽度和高度的比例不变。默认选择该选项。
“包括外观”：是将FLV文件的宽度和高度与所选外观的宽度和高度相加得出来的。
“检测大小”：单击该按钮可确定FLV文件的准确宽度和高度，但是有时Dreamweaver无法确定FLV文件的尺寸大小，在这种情况下，必须手动输入宽度和高度值。
“自动播放”：指定在网页打开时是否自动播放FLV视频。
“自动重新播放”：设置文件播放完之后是否自动返回到起始位置。
3.3.4 网页中添加音频对象
视频和音频是多媒体网页的重要组成部分，网页中播放音乐的方式一般有两种，一种是通过音乐播放器播放音乐，另一种是网页的背景音乐。Dreamweaver CS6可以通过在网页中插入音频插件的方式插入音乐播放器，也可以通过<bgsound>标签设置网页背景音乐。
1．插入音乐播放器
在Dreamweaver CS6中可以使用插件在当前网页中嵌入音乐播放器，具体操作步骤如下。
1)在文档窗口执行“插入”→“媒体”→“插件”命令，打开“选择文件”对话框，如图3-29所示。
图3-29 “选择文件”对话框
2)在打开的“选择文件”对话框中选择一个音乐文件，然后单击“确定”按钮，将插件插入网页中，出现插件图标
。
3)选中插件，在“属性”面板中设置插件的宽、高等属性。
4)保存文档，在浏览器中预览网页，在网页中就能看到音乐播放器了。按下播放器按钮，将开始播放所选择的音乐文件，如图3-30所示。
图3-30 插入音乐播放器的页面
操作点拨：
“属性”面板中单击
按钮，打开“参数”对话框。在“参数”列表下方单击并输入参数名称“autoStart”；在“值”列下方单击并输入该参数的值“true”或“false”，来设置打开网页时音乐的自动播放或停止效果。
2．插入背景音乐
当用户浏览网页时，有时在打开某一个页面时会听到动听的音乐，这是因为该网页添加了背景音乐。Dreamweaver CS6可以在“代码”视图中给网页添加背景音乐，在<body>和</body>之间输入<bgsound>标签来添加背景音乐，该标签的属性列表中有balance、delay、loop、src和volume属性。
balance属性：设置音乐的左右均衡。
delay属性：设置音乐播放延时。
loop属性：设置音乐循环次数。
src属性：设置音乐文件的路径。
volume属性：设置音乐音量。
一般在添加背景音乐时不需要对音乐设置左右均衡以及延时等属性，只需要设置src和loop属性即可，最后的代码如下。
<bgsound src="../music/04 Visible Wings.mp3" loop="-1" />，如图3-31所示。
图3-31 添加背景音乐代码
其中，loop="-1"表示音乐无限循环播放，如果要设置播放次数，则改为相应的数字即可。保存网页，在浏览器中预览就可以听见背景音乐的播放效果了。
3.3.5 网页中添加其他媒体文件
网页中的多媒体除了Flash动画、FLV视频和音频文件外，还有一些其他类型的多媒体文件，例如Shockwave影片、Applet程序等。
1．插入Shockwave影片
Shockwave是由Adobe公司指定的一种可以与用户交互的多媒体文件，可以快速地下载并在浏览器中播放。Shockwave影片可以集动画、位图视频和声音于一体，并组成一个交互式界面。插入Shockwave影片后，“代码”视图中将添加<object>和<embed>标签，以便在各种浏览器中都可以播放。
执行“插入”→“媒体”→“Shockwave”命令，就可以插入站点中的各种多媒体，比如图像、音频、视频、Java Applet、ActiveX、PDF及Flash等，文件格式可以是MIDI、WAV、AIFF、AU、MP3等。页面中插入Shockwave影片后，则需要给浏览器安装Adobe Shockwave Player播放器，弹出的提示框如图3-32所示。
图3-32 安装Adobe Shockwave Player提示框
由于Shockwave Player的安装普及率远远低于Flash Player，因此在插入Flash影片时，人们多选用“插入”→“媒体”→“SWF”命令来执行。
2．插入Applet
Applet是指采用Java创建的基于HTML的程序，浏览器将其暂时下载到用户的硬盘上，并在网页打开时在本地运行。在网页中可以嵌入Applet程序来实现各种各样的精彩效果。Applet程序的扩展名为.class，执行“插入”→“媒体”→“Applet”命令，在站点中选择包含Java Applet的文件，即可插入网页中。
Applet的“属性”面板如图3-33所示。
图3-33 Applet“属性”面板
其上参数功能如下。
“Applet名称”：指定Java小程序的名称。
“宽、高”：指插入对象的宽度和高度，默认单位为像素，也可以指定pc（十二点活字）、pt（磅）、in（英寸）、mm（毫米）、cm（厘米）、%（相对于父对象值的百分比）等单位。单位缩写必须紧跟在值后，中间不能留空格。
“代码”：指定包含Java代码的文件。
“基址”：标志包含选定Java程序的文件夹，当选择程序后，该文本框将自动填充。
“对齐”：设置影片在页面上的对齐方式。
“替换”：如果用户的浏览器不支持Java小程序或者Java被禁止，该选项将制定一个替代显示的内容。
“垂直边距和水平边距”：指在页面上插入的Applet四周的空白数量值。
“参数”：可以在打开的对话框中输入Shockwave和Flash影片、Applet等共同使用的参数，将为插入对象设置相应的属性。