建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > 在网站添加背景音乐

在网站添加背景音乐

时间:2015-01-28 11:11:32  来源:免费模板网 作者:风雪 阅读次数 tags在网站添加背景音乐

一、mp3格式:
在首页的<body></body>中间加入:
<!----------------代码开始-----------------
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
--------------代码结束------------------->
其中http://XXX.com/XXX.mp3 换成你的网络mp3文件,文件也可以是wma
二、MIDI格式:
在首页的<body></body>中间加入:
<!----------------代码开始-----------------
<bgsound src="/xxxxx.mid" loop="-1">
--------------代码结束------------------->
loop可以设置为1,只播放一遍
三、flash格式:
在首页的<body></body>中间加入:
<!----------------代码开始-----------------
<embed src="http://XXX.com/XXX.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="0" height="0"></embed> 
--------------代码结束-------------------> 


1、首先在在站点中新建HTML项目(如图1所示)。
Dreamweaver怎样为网页添加背景音乐播放器?

  图1

  2、选择Dreamweaver的“设计”窗口,插入—布局对象—Div标签。在随后跳出的“插入div标签”对话框中直接点击“确定”按钮(如图3所示)。

Dreamweaver怎样为网页添加背景音乐播放器?

  图2

Dreamweaver怎样为网页添加背景音乐播放器?

  图3

  3、删除div标签中的文字内容,再次进行:插入—媒体—插件操作。

Dreamweaver怎样为网页添加背景音乐播放器?

  图4

  4、你可以将音乐文件放如你已经创建好的站点中,选择你要插入的音乐文件,点击“确定”(如图5所示)。弹出提示窗口后同样选择“确定”(如图6所示)。

Dreamweaver怎样为网页添加背景音乐播放器?

  图5

Dreamweaver怎样为网页添加背景音乐播放器?

  图6

  5、成功插入后,选中音乐插件,在页面下方的属性栏中进行设置,如宽度和高度等(如图7所示)。

Dreamweaver怎样为网页添加背景音乐播放器?

  图7

  6、设置属性完成后可以对网页进行预览了,点击页面上方球形按钮,选择在IE中进行预览,并根据提示将网页保存到站点中(如图9、10所示)。

Dreamweaver怎样为网页添加背景音乐播放器?

  图8

Dreamweaver怎样为网页添加背景音乐播放器?

  图9

Dreamweaver怎样为网页添加背景音乐播放器?

  图10

  7、在IE中选择“允许阻止的内容”,并选择运行活动内容(如图11、12所示)。

Dreamweaver怎样为网页添加背景音乐播放器?

  图11

Dreamweaver怎样为网页添加背景音乐播放器?

  图12

  8、可以看到IE中显示的播放器,经过测试,可以正常播放(如图13所示)。

Dreamweaver怎样为网页添加背景音乐播放器?

本文地址:https://www.freemoban.com/dwrm/2015/0128/304.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!