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

来源:网络时间:2013-04-03 14:02:48

  在Dreamweaver为网页添加背景音乐播放器,是丰富页面活动的重要内容。本篇教程将就Dreamweaver网页背景音乐播放器的添加进行详细讲解。

  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

#p#副标题#e#

  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怎样为网页添加背景音乐播放器?

图13

#p#副标题#e#

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:rjfawu@163.com
多特网友 2015-12-14 13:09:13 回复
测试可以正常播放以后怎么加到我想加的网站里啊
多特网友 2014-05-20 14:51:34 回复
我的播放器是黑的,好难看
多特网友 2013-11-25 01:53:14 回复
我要的是不显示那个播放器的呀 
多特网友 2013-09-28 15:00:41 回复
谢谢 特别好
多特网友 2013-09-03 09:19:01 回复
很好用,很简单,文章写得很清楚,一看就明白了
多特网友 2013-06-22 23:29:51 回复
我按照你的的指示做了      但是   播放不了歌
多特网友 2014-05-20 14:51:34 回复
我的播放器是黑的,好难看
多特网友 2013-09-03 09:19:01 回复
很好用,很简单,文章写得很清楚,一看就明白了
多特网友 2013-11-25 01:53:14 回复
我要的是不显示那个播放器的呀 
多特网友 2013-09-28 15:00:41 回复
谢谢 特别好