dreamweaver 基础教程3 多媒体

1、Dreamweaver 网页设计第7章应用多媒体元素【学习概概述】在网页中中应用多多媒体效效果当前前十分普普遍，例例如大量量使用Flash动画画、视频频、声音音、JavaApplet等使网网页动感感十足，变化多多端。本本章内容容包括插插入Flash元素、插入背背景音乐乐、插入入视频、插入图图像查看看器等内内容。本本章的重重点是插插入Flash元素，难点是是插入图图像查看看器。7.1【课堂堂讲解】多媒体体基础7.1.1什什么是FlashFlash是是由macromedia公公司推出出的交互互式矢量量图和Web 动画画的标准准。网页页设计者者使用Flash创创作出出既漂亮亮又可改改变尺寸寸的导航航

2、界面以以及其他他奇特的的效果。并且它它是矢量量的，所所以即使使放大也也不会出出现变形形和模糊糊。这种种动画文文件体积积小，效效果华丽丽，还具具有极强强地的互互动效果果，甚至至有人利利用这种种技术制制作功能能非常强强大的游游戏。Flash的源源文件扩扩展名为为“.fla”，生成成的用于于网络上上传输的的Flash格格式为“.swf”。7.1.2视视频格式式视频格式式有很多多种，但但是在网网络上应应用的视视频格式式多为：avi、wmv、asf、 mpeg、rm、rmvb、mov、Flv等。7.1.3音音频格式式在网络上上应用的的音频格格式多为为：wav、mp3、aif、midi、ra、ram、rp

3、m等。7.1.4插插入多媒媒体要在网页页中添加加以上多多媒体文文件，可可以执行行【插入入】-【媒体体】下的的子菜单单命令如如图7-1所示示或在“插入”工具栏栏的“常常用”类类别中，选择“媒体”，然后后单击所所需的媒媒体图标标按钮如如图7-2所示示。图 7-1【媒媒体】子子菜单图7-2 插入入媒体7.2【典例例剖析】一多媒媒体网页页效果7.2.1插插入Flash动画目前flash动画备备受世人人瞩目，flash动动画被大大量地用用于网页页。这种种动画文文件体积积小，效效果华丽丽，还具具有极强强地的互互动效果果，甚至至有人制制作功能能非常强强大的游游戏。新建站点点“dmt”（站点名名称为“多媒体体

4、”），创建网网页文档档“dmt.htm”。然后后创建一一个1行行2列的的表格，如图7-4所所示。图7-4 一个个1行2列的表表格插入Flash动画步步骤如下下：（1）在在第二个个单元格格内定位位光标。执行【插入】-【媒体】-【Flash】命令或或在“插插入”工工具栏的的“常用用”类别别中，选选择“媒媒体”，然后单单击“插插入Flash”图图标按扭扭。显示示“选择择文件”对话框框，如图图7-5所示。（2）选选择Flash文件（本例为为本章目目录下的的“banner.swf”文件）。图7-5 “选选择文件件”对话话框（3）单单击“确确定”按按钮，显显示“对对象标签签辅助功功能属性性”对话话框，如如

5、图7-6所示示。各个个属性如如下：标题题：媒体体对象的的标题。快捷捷键：输输入等效效的键盘盘键（一一个字母母）。例例如，您您输入A作为快快捷键，则使用用“Ctrl+A”键键在浏览览器中选选择该对对象。Tab键索索引：输输入一个个数字以以指定该该对象的的Tab键顺序序。设置各个个选项如如图。图7-6 “对对象标签签辅助功功能属性性”对话话框（4）单单击“确确定”按按钮，文文档中效效果如图图7-7所示。图7-7 文档档中Flash效果（5）选选择该动动画，单单击Flash属性面面板中的的播放按按钮。Flash动画画就可以以在文档档中直接接播放了了，如图图7-8所示。图7-8 在文文档中播播放Fla

6、sh7.2.2设设置Flash动画的的属性选择Flash动画后后，显示示Flash属属性面板板，如图图7-9所示。在这里里读者可可以设置置Flash动动画的属属性。图7-9设置Flash动画画属性名称：标标识影片片的名称称，比如如命名为为“banner”。宽：以像像素为单单位指定定影片的的宽度。高：以像像素为单单位指定定影片的的高度。文件：Flash文文件的路路径。单单击文件件夹图标标可以选选择一个个文件，或者直直接键入入文件路路径。源文件：指定Flash源源文档档（后缀缀名为.FLA）的路路径。编辑：启启动Flash软件件以编辑辑FLA文件。重设大小小：重新新设置选选定影片片的大小小。循环：

7、若若选中该该选项时时影片将将连续播播放；若若没有选选中该选选项，则则影片在在播放一一次后即即停止播播放。自动播放放：若选选中该选选项，则则在加载载页面时时自动播播放影片片，一般般要选中中此项。垂直边距距：指定定影片上上、下空空白的像像素数。水平边距距：指定定影片左左、右空空白的像像素数。品质：设设置影片片播放期期间的质质量。设设置越高高，影片片的观看看效果就就越好，但速度度慢。设设置越低低，速度度快但影影片的观观看效果果就越差差，“高高品质”选项是是注重外外观而非非速度。“自动动低品质质”选项项是首先先注重速速度，然然后才是是外观。“自动动高品质质”选项项是首先先注重品品质，然然后才是是速度。

8、比例：影影片如何何适合在在宽度和和高度文文本框中中设置的的尺寸。默认值值设置显显示整个个影片。有“无无边框”和“严严格匹配配”两选选项。对齐：设设置影片片在页面面上的对对齐方式式。背景颜色色：设置置影片的的背景颜颜色。参数：影影片的附附加参数数。单击击“参数数”按钮钮，显示示“参数数”对话话框，如如图7-10所所示。在在对话框框中可以以设置多多种“参参数值值”。图7-10“参数”对话框框7.2.3插插入Flash文本在Dreamweaver中中可以直直接制作作并插入入Flash文文本。Flash文本本是动态态效果的的文本。插入Flash文本本的步骤骤如下：（1）在在上面制制作的表表格中第第一个

9、单单元格内内定位鼠鼠标光标标。（2）在在“插入入”栏的的“常用用”类别别中，选选择“媒媒体”，然后单单击“Flash文本本”图标标 按扭扭，或执执行【插插入】-【媒媒体】-【Flash文本本】命令令。（3）显显示“插插入Flash文文本”对对话框，对话框框中各项项属性设设置如图图7-11所示示。图7-11“插入Flash文文本”对话框框（4）单单击“确确定”按按钮，显显示“对象标签签辅助功功能属性性”对话话框，对对话框中中各项属属性设置置如图7-12所示。图7-12“对象标标签辅助助功能属属性”对对话框（5）单单击“确确定”按按钮。单单击属性性面板中中的“播播放”按按钮，播播放效果果如图7-1

10、3所示，当鼠标标移动到到该Flash文本上上时，效效果如图图7-14所示示。图7-13文文档中中播放效效果图7-14鼠鼠标移动动到文本本效果7.2.4插插入Flash按钮Dreamweaver可以以快速创创建动态态Flash按按钮，步步骤如下下：（1）在在文档中中创建表表格并定定位光标标，如图图7-15所示示。图7-15创建建表格并并定位光光标（2）在在“插入入”栏的的“常用用”类别别中，选选择“媒媒体”，然后单单击“Flash按按钮”图图标或执执行【插插入】-【媒媒体】-【Flash按按钮】命命令。显显示“插入Flash按按钮”对话框框，如图图7-16所示示。图7-16“插插入Flash按按

11、钮”对对话框（3）设设置完成成后，单单击确定定按钮。文档中中效果如如图7-17所所示。（4）然然后再连连续插入入几个按按钮，按按快捷键键【F12】预预览如图图7-18所示示。图7-17文文档中Flash图7-18预览览Flash按按钮7.2.5插插入Flash VideoFlashVideo现在在在网站站上非常常流行。Flash视视频文文件后缀缀名为“.FLV”。插入Flash视频频是Dreamweaver 8版版本新增增加的功功能。插插入Flash 视频频步骤如如下。（1）在在文档“dmt.htm”右右边的空空白单元元格内定定位鼠标标。（2）在在“插入入”栏的的“常用用”类别别中，选选择“媒

12、媒体”，然后单单击“Flashvideo”图图标或执执行【插插入】-【媒媒体】-【Flash视频频】命令令，显示示“插入入Flash视视频”对对话框。（3）在在“插入入Flash视视频”对对话框中中，从“视频类类型”弹弹出式菜菜单中选选择“累累进式下下载视频频”或“流视频频”。若若选择“累进式式下载视视频”；将Flash视视频文件件下载到到站点访访问者的的硬盘上上，然后后播放。若选择择“流视视频”；对Flash视频内内容进行行流式处处理，边边缓冲边边播放该该内容。（4）比比如“视视频类型型”选择择“累进进式下载载视频”选项：URL：指指定FLV文件件的路径径。外观观：指定定Flash视视频组件件的外观观。宽度度：以像像素为单单位指定定FLV文件的的宽度。高度度：以像像素为单单位指定定FLV文件的的高度。自动动播放：当网页页打开时时是否播播放视频频。自动动重新播播放：指指定播放放控件在在视频播播放完之之后是否否返回起起始位置置。（5）如如果必要要，提示示用户下下载Flas