需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>。
3、浏览器运行index.html页面，此时一进入页面就自动播放了背景音乐。
1、首先把所选需要的音乐文件放到网页同一个文件，。
2、用AdobeDreamweaverCS6软件打开网页，在网页设计栏鼠标指向任意一个你想放置的音乐背景位置，然后在菜单栏选插入／媒体（M）／插件（P），按照路径选择你需要设置背景音乐的MP3文件双击鼠标左键。
3、鼠标点击插件可以看到下面的属性栏，根据属性栏我们可以任意调整背景宽度大小。保存刷新网页可以看到网页里已经可以自动播放背景音乐了。
4、在软件设计栏中选中插件，打开代码栏，在代码height="64"加一段hidden="true"，保存刷新网页就会看到音乐背景已经被隐藏，音乐却还在播放。
5、设置音乐循环播放及播放次数：同样在代码height="64"加一段loop="false"为不重播loop="true"为循环播放loop="5"为播放5次。
可向网页中加入代码，主要有以下方法。
一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种，第一种是通过普通的<bgsound>标签来添加，另一种是通过<embed>标签来添加。
二、打造时尚音乐播放器
学会了简单的添加网页音乐方法后，就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。提示：《网页音乐播放器》是一个网页插件，运行制作好的页面后，它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。
三、安装播放器
为了防止点击主页链接而影响歌曲播放的连续性，我们要把播放页面music.htm以框架形式安装到主页上去。以FrontPage 2003为例，执行“新建→其他网页模板”d出“网页模板”窗口，选择“框架网页→页脚”，“确定”后在上框架里设置初始网页指向你的主页，下框架里则指向music.htm，然后在框架属性中去掉框架边框并适当调整下框架的高度(图4)，框架高度足以容纳播放条的高度即可。预览满意后就可以保存页面了，然后把你的网站指向这个新页面就可以了。
网页设计
网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。
网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）