Dreamweaver网页设计 -邢永峰 第7章.pptVIP

Dreamweaver 网页设计 第7章 应用多媒体元素 【学习概述】 在网页中应用多媒体效果当前十分普遍，例如大量使用Flash动画、视频、声音、Java Applet等使网页动感十足，变化多端。本章内容包括插入Flash元素、插入背景音乐、插入视频、插入图像查看器等内容。本章的重点是插入Flash元素，难点是插入图像查看器。 7.1 【课堂讲解】多媒体基础 7.1.1 什么是Flash Flash 是由macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。并且它是矢量的，所以即使放大也不会出现变形和模糊。这种动画文件体积小，效果华丽，还具有极强地的互动效果，甚至有人利用这种技术制作功能非常强大的游戏。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所示或在“插入”工具栏的“常用”类别中，选择“媒体”，然后单击所需的媒体图标按钮如图7-2所示。 7.2 【典例剖析】一多媒体网页效果 7.2.1 插入Flash动画 目前flash动画备受世人瞩目，flash动画被大量地用于网页。这种动画文件体积小，效果华丽，还具有极强地的互动效果，甚至有人制作功能非常强大的游戏。 新建站点“dmt”（站点名称为“多媒体”），创建网页文档“dmt.htm”。然后创建一个1行2列的表格，如图7-4所示。 插入Flash动画步骤如下： （1）在第二个单元格内定位光标。执行【插入】-【媒体】-【Flash】命令或在“插入”工具栏的“常用”类别中，选择“媒体”，然后单击“插入 Flash”图标按扭。显示“选择文件”对话框，如图7-5所示。 （2）选择Flash文件（本例为本章目录下的“banner.swf”文件）。 （3）单击“确定”按钮，显示“对象标签辅助功能属性”对话框，如图7-6所示。各个属性如下： ? 标题：媒体对象的标题。 ? 快捷键：输入等效的键盘键（一个字母）。例如，您输入A作为快捷键，则使用“Ctrl+A”键在浏览器中选择该对象。 ? Tab键索引：输入一个数字以指定该对象的Tab键顺序。 设置各个选项如图。 （4）单击“确定”按钮，文档中效果如图7-7所示。 7.2.2 设置Flash动画的属性 选择Flash动画后，显示Flash属性面板，如图7-9所示。在这里读者可以设置Flash动画的属性。 循环：若选中该选项时影片将连续播放；若没有选中该选项，则影片在播放一次后即停止播放。 自动播放：若选中该选项，则在加载页面时自动播放影片，一般要选中此项。 垂直边距：指定影片上、下空白的像素数。 水平边距：指定影片左、右空白的像素数。 品质：设置影片播放期间的质量。设置越高，影片的观看效果就越好，但速度慢。设置越低，速度快但影片的观看效果就越差，“高品质”选项是注重外观而非速度。“自动低品质”选项是首先注重速度，然后才是外观。“自动高品质”选项是首先注重品质，然后才是速度。 比例：影片如何适合在宽度和高度文本框中设置的尺寸。默认值设置显示整个影片。有“无边框”和“严格匹配”两选项。 对齐：设置影片在页面上的对齐方式。 背景颜色：设置影片的背景颜色。 参数：影片的附加参数。单击“参数”按钮，显示“参数”对话框，如图7-10所示。在对话框中可以设置多种“参数—值”。 7.2.3 插入Flash文本 在Dreamweaver中可以直接制作并插入Flash文本。Flash文本是动态效果的文本。插入Flash文本的步骤如下： （1）在上面制作的表格中第一个单元格内定位鼠标光标。 （2）在“插入”栏的“常用”类别中，选择“媒体”，然后单击“Flash文本”图标 按扭，或执行【插入】-【媒体】-【Flash文本】命令。 （3）显示“插入 Flash 文本”对话框，对话框中各项属性设置如图7-11所示。 （4）单击“确定”按钮，显示“对象标签辅助功能属性”对话框，对话框中各项属性设置如图7-12所示。 7.2.4 插入Flash按钮 Dreamweaver可以快速创建动态Flash按钮，步骤如下： （1）在文档中创建表格并定位光标，如图7-15所示。 （3）设置完成后，单击确定按钮。文档中效果如图7-17所示。 （4）然后再连续插入几个按钮