如何使用Dreamweaver在网页中添加音乐播放器

在新手学习网页设计或者网页设计师在网页设计时都离不开相关的软件,Dreamweaver就是其中一种比较常见的网页编辑器。

这次我们要说的是如何使用Dreamweaver在网页中添加音乐播放器又或者说如何添加音频,在学习和制作网页的时候我们可以尝试在自己设计的网页上添加多样性的媒体元素。

对于熟悉代码的人来说,使用代码是很方便和很节省空间和网页缓存速度的方式,另外代码的运行和更改远远比插件更加灵活。

可是对于像是跟我一样的新手来说,不熟悉代码的情况下,想要使用代码来完成网页添加音乐播放器是比较苦恼的事情。相信很多朋友在看到这篇文章之前也已经百度搜索过相关的代码。可是在显示或者某些方面依然没有达到要求。以下要说的方式差别于一般网络搜索的方法区别在不熟悉代码的情况下。最大程度上改为使用Dreamweaver自身的属性来达到要求。

        步骤:

       1.在使用Dreamweaver创建的html文件中适当的位置例如<body>标签后面插入<div>标签方法是打开Dreamweaver插入菜单,选择插入布局对象然后再选择Div标签。

160815174328

出现对话框之后直接选择确定。

201608151756262. 把<div>标签与</div>标签之间的文字内容删除,然后再次进行:插入—媒体—插件操作。

160815180159

3.把你事前放入站点内的音频文件选取确定。

160815180346

              4. Dreamweaver会自动操作在代码栏插入<embed src=”Sleep Away.mp3″ width=”32″ height=”32″></embed>。

20160815181020

src=”媒体路径”,播放器的显示的尺寸设置。width=”长” height=”高”。

        0160815181240        设置好全部参数之后,使用Dreamweaver选择文件,另外保存为.html文件。然后可以直接右键点击打开html文件预览。也可以点击Dreamweaver页面上方球形按钮,选择在IE中进行预览。在IE中选择“允许阻止的内容”,并选择运行活动内容。可以看到IE中显示的播放器,经过测试,可以正常播放。

60815181708

           这只是相对于跟我一样不熟悉代码的朋友,选择比较借助Dreamweaver减少代码操作的其中一个办法希望能对你有帮助,另外并不是只有这一个办法。如果你有更好的办法。请在评论中留言,让我可以学习更多的相关知识同时和更多的人交流。

 

发表评论