Dreamweaver CS6设置背景音乐教程

0 下载量 180 浏览量 更新于2024-09-01 收藏 309KB PDF 举报
"dreamweaver cs6设置背景音乐的两种方法" 在网页设计中,多媒体元素如背景音乐可以增强用户体验,使网页更具吸引力。本文将详细解释如何在Adobe Dreamweaver CS6中设置背景音乐,主要涉及两种方法:代码指定方式和使用媒体插件方式。 一、代码指定方式 在Dreamweaver CS6中,通过直接编辑HTML代码来设置背景音乐是一种基础且灵活的方法。这通常涉及到使用`<bgsound>`标签。这个标签允许你指定音乐文件的URL(src属性),设置播放次数(loop属性),延迟播放时间(delay属性),调整音量(volume属性)以及平衡音效(balance属性)。例如: ```html <bgsound src="music.mp3" loop="-1" delay="0" volume="50" balance="0"> ``` 在上述代码中,音乐文件为"music.mp3",设置为无限循环播放(-1表示循环),延迟时间为0秒,音量为50%,左右声道平衡。但需注意,`<bgsound>`标签是Internet Explorer浏览器特有的,可能不被其他浏览器支持,如Chrome、Firefox等。 二、使用媒体插件方式 另一种方法是利用Dreamweaver的内置功能,通过插入媒体插件来实现背景音乐。这种方式更为直观,适合不熟悉HTML代码的用户。操作步骤如下: 1. 新建HTML空白页。 2. 在菜单栏选择“插入”> “媒体” > “插件”。 3. 在弹出的对话框中选择要插入的音乐文件,并在“属性”面板设置相应的参数,如是否自动播放(autostart属性)、是否循环播放(loop属性)等。 例如,插入一个MP3文件并设置自动播放和循环播放的代码可能如下: ```html <embed src="music.mp3" autostart="true" loop="true" controls="controlpanel"> ``` 这里的`<embed>`标签用于插入媒体插件,autostart="true"表示音乐文件会立即开始播放,loop="true"表示循环播放,而controls="controlpanel"则会显示控制面板供用户控制播放。 使用媒体插件的方式更通用,但可能会受到不同浏览器对特定插件支持度的影响。例如,某些浏览器可能需要安装额外的插件才能正常播放。 总结来说,Dreamweaver CS6提供了两种设置背景音乐的方法,一种是直接编写HTML代码,适用于对代码有一定了解的用户;另一种是通过内置媒体插件,适合初学者或追求简便操作的设计师。选择哪种方式取决于个人的需求和目标用户的浏览器兼容性。无论哪种方法,都要考虑到网络速度和用户体验,确保音乐文件大小适中,避免对网页加载造成过大的影响。