网页设计培训讲义.ppt

六、如何插入音频、动画 不过，一个优秀的网站应该不仅仅是由文字和图片组成的，而是动态的、多媒体。为了增强网页的表现力，丰富文档的显示效果，我们可以向其Flash动画、Java小程序、音频播放插件等多媒体内容。　将光标放置在表格任意单元格中，单击常用快捷栏中的媒体按钮，然后在弹出的列表中选择Flash，如图1。 　 图1 Dreamweaver中插入Flash动画 弹出“选择文件”对话框，选择swf文件夹中的huaduo.swf文件。单击“确定”按钮后，插入的Flash动画并不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来表示。 　　在文档窗口单击这个Flash文件，就可以在属性面板中设置它的属性了，如图2。 图2 Dreamweaver设置Flash动画属性 　　 图2 Dreamweaver设置Flash动画属性 勾选“循环”复选框时影片将连续播放，否则影片在播放一次后自动停止。 　　通过勾选“自动播放”复选框后，可以设定Flash文件是否在页面加载时就播放。 　　在“品质”下拉列表中可以选择Flash影片的画质，以最佳状态显示，就选择“高品质”。“对齐”下拉列表用来设置Flash动画的对齐方式， 　　 为了使页面的背景在Flash下能够衬托出来，我们可以使Flash的背景变为透明。单击属性面板中的“参数”按钮，打开“参数”对话框，设置参数为wmode，值为transparent，如图3。  图3 Dreamweaver设置Flash动画参数 插入Flash视频 Flash 视频是一种新的流媒体视频格式，其文件扩展名为“.flv”。Flash视频文件极小、加载速度极快，它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好的使用等缺点。网站的访问者只要能看Flash动画，就能看flv格式视频，而无需再额外安装其它视频插件，使得网络观看视频文件成为可能。 目前国内外网站提供的视频内容可谓各有千秋，但它们无一例外的都使用了flv格式作为视频播放载体，下面来学习如何在Dreamweaver CS4中插入Flash视频。 具体操作步骤如下： （1）在“编辑区”中单击选中要插入Flash视频的区域。 （2）选择菜单栏“插入”项→“媒体”→“FLV”。 （3）在弹出的“插入FLV”对话框中，在“视频类型”中选择你要插入FLV的类型，分别是“累进式下载视频”和“流视频”，再浏览并选择你需要插入的FLV文件，在“外观”处选择“最小宽度”，再分别设置高度和宽度(若不想自己设置，可点击“检测大小”来获取该FLV视频的宽度与高度)，最后单击“确定”按钮，如图5-6所示。 （4）插入FLV动画后，效果如图5-7所示。 七、插入音频 5.1.3添加音频文件 在浏览音乐网站时经常看到一些网站上提供音频播放器，可以在线欣赏音乐。在Dreamweaver CS4中提供了专门的插件可以实现此功能。本小节就来学习如何在网页中添加声音。在网页中添加声音有两种方式：一是以插入音频的形式，读者可以通过播放器控制音频；二是以添加背景音乐的形式，在加载页面时自动播放音频。 1.插入带播放器的音频文件 在网页中插入音频时，考虑到下载速度、声音效果等因素，一般采用rm或mp3格式的音频，完成插入后系统会自动生成默认的播放器。 具体操作步骤如下： （1）在“编辑区”中单击选中要插入音乐的区域。 （2）选择菜单栏“插入”项→“媒体”→“插件”。 （3）在弹出的“选择文件”对话框中，浏览并选择你需要插入的音频文件，然后单击“确定”按钮即可。 （4）插入音乐文件后，可以调整音乐插件的大小，如图5-11所示，网页预览的效果如图5-12所示。 2.添加背景音乐 背景音乐，顾名思义，就是在加载页面时，自动播放预先设置的音频，可以预先设定播放一次或重复播放等属性。这次我们通过代码来添加。 具体操作步骤如下： 在代码模式下，在页面代码中的任意位置（style和/style之间除外）输入如下代码： 代码：bgsound src=音乐文件的地址 loop=-1 volume=100% autostart=true 其中，“src=” ””之间的是你所要添加的音乐文件的地址，而“loop”中的数值是音乐循环的次数，可以设置为任意的正整数，若设为“-1”的话，音乐将会永远循环。“volume”表示音乐声音的大小。“autostart=”true””表示音乐将自动播放。 这种添加方式是打开页面后直接播放背景音乐的，在网页上不会显示任何播放该背景音乐的插件。 01 02 03 04 05 网页设计基础知识 DreamWare使用技巧 HTML常用代码 常见编辑器 Flash技术处理 Flash技术处理 硕士闪客之