用DW给网站制作一个独立的在线音乐播放页面

如何用DW（dreamweaver）和简单的一段代码给你的网站制作一个独立的在线音乐播放页面？这个问题其实不难，想不想要给自己的网站添加个在线播放器呢？那今天这篇使用DW跟一段简单代码制作独立在线音乐播放器页面的教程你一定不可以错过！

在线音乐播放页面效果图：

演示搜索：www.xinkejiba.com

搜索新科技吧

喜欢的话请往下看：

第一步：

打开DW，选择新建一个HTMl页面

第二步：

切换到代码界面，删除软件自动生成的HTML代码，并输入以下代码：

<?php /*template name: music */ get_header(); ?> <iframe src="http://fm.baidu.com" scrolling="no" frameborder="0" height="550px" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe> <?php get_footer(); ?>

第三步：

保存HTMl文件，命名为music.html 并上传到你的网站根目录，然后访问你的网站/music.html（比如：https://www.xinkejiba.com/music.html）
就可以看到了

代码示意：

<iframe src=”http://fm.baidu.com” 指定IFRAME调用的文件，网址代表的就是百度电台的网页版，如果你喜欢其他音乐应用，你可以换成自己喜欢的，上面代码是百度随心听的，延伸说下，它还可以调用图片等(html,htm,gif,jepg,jpg,png,txt,*.*)

scrolling=”no” 是否有滚动条（yes代表有，no代表没有)

frameborder=”0″ 设置边框是不否为3维（0代表否，1代表是）

height=”550px” id=”mainFrame” width=”100%” onload=’IFrameReSize(“mainFrame”);IFrameReSizeWidth(“mainFrame”) 这代表把这音乐应用高度设置为550像素，不是代表页面高度啊，这个高度需要自己调试，宽度是根据主题自适应的。