网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Dreamweaver >> 正文
最新文章
· 让Adobe Dreamweaver CC支持ASP
· Dreamweaver+ASP实现分页技术
· Dreamweaver8创建自定义代码片段
· Dreamweaver网页制作教程:层及其应用
· 使用Dreamweaver8在网页中插入Flash视
· Dreamweaver制作Flash图片轮换相册
· 如何用Photoshop和Dreamweaver制作网
· Dreamweaver CS4新增功能介绍
· Dreamweaver CS3新增功能介绍
· Dreamweaver CS3中Spry详细区域功能的
热门文章
 让Adobe Dreamweaver CC支持ASP
 Dreamweaver制作Flash图片轮换相册
 如何用Photoshop和Dreamweaver制作
 Dreamweaver 8 时间轴及创建时间轴
 Dreamweaver 8 创建链接关系
 使用Dreamweaver8在网页中插入Flas
 Dreamweaver 8 创建CSS样式
 Dreamweaver+ASP实现分页技术
 Dreamweaver套用源格式命令让源代码
 Dreamweaver 8 创建层
相关文章
如何用Photoshop和Dreamweaver制作网页相
Dreamweaver CS4新增功能介绍
Dreamweaver CS3新增功能介绍
Dreamweaver CS3中Spry详细区域功能的解说
Dreamweaver 8 表单的应用
Dreamweaver 8 创建表单
Dreamweaver 8 认识表单对象
Dreamweaver 8 利用行为制作动态页面
Dreamweaver 8 时间轴及创建时间轴动画
Dreamweaver 8 设置层的属性
Dreamweaver 8 创建层
Dreamweaver 8 制作框架网站
Dreamweaver 8 使用库
Dreamweaver 8 定义可编辑区域
Dreamweaver 8 创建模板
Dreamweaver 8 CSS样式表滤镜实例
Dreamweaver 8 CSS样式表的其他操作
Dreamweaver 8 使用CSS样式美化页面
Dreamweaver 8 创建CSS样式
Dreamweaver 8 创建链接关系
Dreamweaver 8 插入声音
来源:www.cwydesign.com 更新时间:2009/5/2 2:24:16 阅读次数:
字体:[ ] 我要投稿

  声音能极好的烘托网页页面的氛围,网页中常见的声音格式有WAV、MP3、MIDI、AIF、RA、或Real Audio格式。

   1、添加背景音乐

   在页面中可以嵌入背景音乐。这种音乐多以MP3,MIDI文件为主,在DW中,添加背景音乐有两种方法,一种是通过手写代码实现,还有一种是通过行为实现。

   在HTML语言中,通过<BGSOUNG>这个标记可以嵌入多种格式的音乐文件,具体步骤是:

   我们将01.mid音乐文件存放在med文件夹里。

   打开03.html网页,我们为这个页面添加背景音乐

   切换到DW的“拆分”视图,讲光标定位到</body>之前的位置,在光标的位置写下下面这段代码:<bgsound src=med/01.mid>,如下图所示。

  按下F12键,在浏览器中查看效果,我们可以听见背景音乐声。

  如果希望循环播放音乐,将刚才的源代码修改为以下代码即可: <bgsound src="med/01.mid" loop="true">

  2、嵌入音乐

  嵌入音频可以将声音直接插入页面中,但只有浏览者在浏览网页时具有所选声音文件的适当插件后,声音才可以播放。如果希望在页面显示浏览器的外观,可以使用这种方法。

  打开02.html网页,将光标放置于我们想要显示播放器的位置。

  单击快捷栏上的“媒体”按钮,从下拉列表中选择“插件”。

  弹出“选择文件”对话框,在对话框中02.war音频文件。

  单击确定按钮后,插入的插件在文档窗口中以下图所示图标来显示。

  选中该图标,在属性面板中可以对播放器的属性进行设置:

  要实现循环播放音乐的效果,单击属性面板中的“参数”按钮,然后单击“+”按钮,在“参数”列中输入loop,并在“值”列中输入true后,单击“确定”按钮。

  要实现自动播放,可以继续编辑参数,在参数对话框的“参数”列中输入autostart,并在值中输入true,单击“确定”按钮。

  按下F12键,打开浏览器预览,这个页面实现了嵌入音乐的效果,在浏览器里显示了播放插件。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号