Dreamweaver网页设计教学课件邢永峰第7章.ppt

《Dreamweaver网页设计教学课件邢永峰第7章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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、rpm等。7.1.4插入多媒体要在网页中添加以上多媒体文件，可以执行【插入】->【媒体】下的子菜单命令如图7-1所示或在“插入”工具栏的“常用”类别中，选择“媒体”

3、，然后单击所需的媒体图标按钮如图7-2所示。图7-1【媒体】子菜单图7-2插入媒体7.2【典例剖析】一多媒体网页效果7.2.1插入Flash动画目前flash动画备受世人瞩目，flash动画被大量地用于网页。这种动画文件体积小，效果华丽，还具有极强地的互动效果，甚至有人制作功能非常强大的游戏。新建站点“dmt”（站点名称为“多媒体”），创建网页文档“dmt.htm”。然后创建一个1行2列的表格，如图7-4所示。图7-4一个1行2列的表格插入Flash动画步骤如下：（1）在第二个单元格内定位光标。执行【插入】->【媒体】->【Flash】命令或在“插入”工具栏的“常用”类别中

4、，选择“媒体”，然后单击“插入Flash”图标按扭。显示“选择文件”对话框，如图7-5所示。（2）选择Flash文件（本例为本章目录下的“banner.swf”文件）。图7-5“选择文件”对话框（3）单击“确定”按钮，显示“对象标签辅助功能属性”对话框，如图7-6所示。各个属性如下：标题：媒体对象的标题。快捷键：输入等效的键盘键（一个字母）。例如，您输入A作为快捷键，则使用“Ctrl+A”键在浏览器中选择该对象。Tab键索引：输入一个数字以指定该对象的Tab键顺序。设置各个选项如图。图7-6“对象标签辅助功能属性”对话框（4）单击“确定”按钮，文档中效果如图7-7所示

5、。图7-7文档中Flash效果（5）选择该动画，单击Flash属性面板中的播放按钮。Flash动画就可以在文档中直接播放了，如图7-8所示。图7-8在文档中播放Flash7.2.2设置Flash动画的属性选择Flash动画后，显示Flash属性面板，如图7-9所示。在这里读者可以设置Flash动画的属性。图7-9设置Flash动画属性名称：标识影片的名称，比如命名为“banner”。宽：以像素为单位指定影片的宽度。高：以像素为单位指定影片的高度。文件：Flash文件的路径。单击文件夹图标可以选择一个文件，或者直接键入文件路径。源文件：指定Flash源文档（后缀名为.FLA）

6、的路径。编辑：启动Flash软件以编辑FLA文件。重设大小：重新设置选定影片的大小。循环：若选中该选项时影片将连续播放；若没有选中该选项，则影片在播放一次后即停止播放。自动播放：若选中该选项，则在加载页面时自动播放影片，一般要选中此项。垂直边距：指定影片上、下空白的像素数。水平边距：指定影片左、右空白的像素数。品质：设置影片播放期间的质量。设置越高，影片的观看效果就越好，但速度慢。设置越低，速度快但影片的观看效果就越差，“高品质”选项是注重外观而非速度。“自动低品质”选项是首先注重速度，然后才是外观。“自动高品质”选项是首先注重品质，然后才是速度。比例：影片如何适合在宽度和

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