如何给网页添加背景音乐？

可向网页中加入代码，主要有以下方法。

一、学会添加音乐文件

为网页添加背景音乐的方法一般有两种，第一种是通过普通的<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。

网页设计与制作音乐播放界面需要在页面中插入HTML5的音频标签audio，即可播放音乐。

工具／原料：

华硕DN20

win10

浏览器1.026

1、先打开常用的网页设计的软件，然后新建一个网页文件。

2、进行一个简单的页面布局，让音乐播放器显示在网页的中间。并添加简单的样式。

<style type="text/css">

#music_player{width:400pxheight:150pxbackground:#ff9966margin:200px auto}

</style>

<div id="music_player" class=""></div>

3、在浏览器中进程预览，看下位置是否合适。

4、利用HTML5的标签audio标签进行音乐播放器的设置。

<div id="music_player" class="">

<audio controls>

<source src="D:\KuGou\苍鹰－拜秦陵．mp3" type="audio/mpeg">

</audio>

</div>

5、播放器设置好以后，我们在＜source src="歌曲地址＂＞插入歌曲的地址，就可以自动播放了。例如：

<audio controls>

<source src="D:\KuGou\苍鹰－拜秦陵．mp3" type="audio/mpeg">

</audio>

6、在浏览者进行浏览，就可以发现点击播放后就响起音乐来了。

---