dreamweaver cs6怎么设置背景音乐有哪些方式

所属分类: 网页制作 / Dreamweaver 阅读数: 451
收藏 0 赞 0 分享

  dreamweaver cs6怎么设置背景音乐?有时候网页通过多媒体可以传递比文字和图片更丰富的信息,正在成为网页越来越重要的元素。下面哥分享dreamweaver cs6怎么设置背景音乐教程图解,大家一起来看下吧!

  dreamweaver cs6设置背景音乐方法步骤:

  一、代码指定方式

  1.代码指定方式是指直接在页面的HTML代码内设置背景音乐。现实中通常使用标记来实现。

  标记的语法格式如下:

  src:背景音乐文件地址;

  loop:设置播放次数,循环播放为-1;

  delay:播放音乐的延时;

  volume:背景音乐的音量;

  balance:背景音乐的左右均衡。

  2.具体例子:

  新建一个HTML空白页

  3.打开代码视图,在中输入代码,详见下图:

dreamweaver cs6怎么设置背景音乐教程图解

  4.根据代码中的条件输入完全,详见下图:

dreamweaver cs6怎么设置背景音乐教程图解1

  5.按F12预览就可以了。

  但是必须注意的是,插入的音乐文件要小,为了照顾网速较慢的用户。

  另外,用这种方法插入背景音乐只能在IE浏览器中才能用,其他浏览器可能不支持。

  二、使用媒体插件方式实现

  媒体插件方式是指利用第三方媒体插件实现页面的背景音乐效果。此功能在Dreamweaver工具栏中可以直接实现。在编码时可以使用标记在网页中插入媒体插件。

  标记的语法格式如下所示:

  src:背景音乐地址;

  autostart:设置是否自动播放;

  loop:是否循环播放

  controls值见下表:

dreamweaver cs6怎么设置背景音乐教程图解2 

  具体操作如下:

  新建一个HTML空白页

  选择‘插入’---‘媒体’---’插件‘

dreamweaver cs6怎么设置背景音乐教程图解3

  代码视图如下:

dreamweaver cs6怎么设置背景音乐教程图解4

  选择要插入的背景音乐文件

dreamweaver cs6怎么设置背景音乐教程图解5

  效果如下图:

dreamweaver cs6怎么设置背景音乐教程图解6

  在’属性‘面板可以设置插件的一些参数

dreamweaver cs6怎么设置背景音乐教程图解7

  用这种方法需要注意的是,插件的问题,有的浏览器并没有必要的插件,所以在预览时无法正常加载。

更多精彩内容其他人还在看

DW cc 2015快捷键该怎么导出/修改/删除?

DW cc 2015快捷键该怎么导出、修改、删除?dw中有很多快捷键方便我们操作,但是有时候自己设置的快捷键项导出来以后备用,该怎么办呢?如果想修改或删除其中一个或多个快捷键又该怎么办呢?请看下文详细介绍
收藏 0 赞 0 分享

Dreamweaver怎么进行批量文件搜索指定内容?

Dreamweaver怎么进行批量文件搜索指定内容?Dreamweaver中的文件很多,想要查找文件很不容易,该怎么才能快速的进行批量查找文件的?下面我们来看看Dreamweaver文本查找功能的使用方法
收藏 0 赞 0 分享

怎么格式化html代码? Dreamweaver格式化html代码的技巧

怎么格式化html代码?Dreamweaver编辑网页的时候,发现代码格式很乱,看起来很费劲,该怎么一键格式化呢?下面我们就来看看Dreamweaver格式化html代码的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作网页很方便,为了方便学习我们我们举了一个实际的例子,使用Dreamweaver CS6做了一个简单的网页,非常简单,适合新手学习,需要的朋友可以参考
收藏 0 赞 0 分享

Adobe dreamweaver cc 2014 破解版安装方法教程

adobe dreamweaver cc 2014是Adobe Dreamweaver CS6的升级版本,相对来说相应速度更快捷,更可让您直接从应用程式内共用作品,下面就一起来看看具体的安装教程吧
收藏 0 赞 0 分享

Dreamweaver用框架建立网站把浏览器的显示空间分割为几个部分

左右部分是独立显示的,比如拖动左边的滚动条不会影响右侧的显示效果。其实这是在页面中利用了框架技术,每个部分都独立显示网页内容,下面为大家讲解下Dreamweaver如何用框架建立网站
收藏 0 赞 0 分享

dreamweaver利用预设模板来快速的架构一个简易网站

dreamweaver提供了快速建立网站框架的方式,可以通过简单预设模板来达到快速的架构一个简易网站的目的,今天的目标,左侧导航栏,右侧显示主页面
收藏 0 赞 0 分享

Dreamweaver使用通配符批量替换某个div

Dreamweaver如何使用通配符批量替换某个div,前后字符串确定后,勾选使用正则表达式
收藏 0 赞 0 分享

Dreamweaver 批处理去除a中间不需要的部分

这篇文章主要介绍了让Dreamweaver 支持通配符搜索去除不需要的标签html ,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS5更改代码颜色方法(可自定义)

Dreamweaver CS5更改代码颜色的问题,网上有很多,html默认背景色改为:#3f3f3f,如果不合自己心意可以使用下面的方法在配色方案中进行更改
收藏 0 赞 0 分享
查看更多