壹、學會添加音樂文件
為網頁添加背景音樂的方法壹般有兩種，第壹種是通過普通的< bgsound>標簽來添加，另壹種是通過< embed>標簽來添加。
(壹)使用< bgsound>標簽
用Dreamweaver打開需要添加背景音樂的頁面，點擊“代碼”打開代碼編輯視圖，在< body>< /body>之間輸入“< ”在彈出的代碼提示框中選擇bgsound(圖1)。
圖1
Dreamweaver自動輸入“< bgsound”代碼後按空格鍵，代碼提示框會自動將bgsound標簽的屬性列出來供妳選擇使用。bgsound標簽***有五個屬性，其中balance是設置音樂的左右均衡，delay是進行播放延時的設置，loop是循環次數的控制，src則是我們音樂文件的路徑，volume是音量設置。壹般在添加背景音樂時，我們並不需要對音樂進行左右均衡以及延時等設置，所以僅需要幾個主要的參數就可以了。最後的代碼如下：
< bgsound src="music.mid" loop="-1">
其中，loop="-1"表示音樂無限循環播放，如果妳要設置播放次數，則改為相應的數字即可。
這種添加背景音樂的方法是最基本的方法，也是最為常用的壹種方法，對於背景音樂的格式支持現在大多的主流音樂格式，如WAV、MID、MP3等。如果要顧及到網速較低的瀏覽者，則可以使用MID音效作為網頁的背景音樂，因為MID音樂文件小，這樣在網頁打開的過程中能很快加載並播放，但是MID也有不足的地方，它只能存放音樂的旋律，沒有好聽的和聲以及唱詞。如果妳的網速較快，或是覺得MID音樂有些單調，也可以添加MP3的音樂。只要將上述代碼中的happy.mid改為happy.mp3即可。
提示：在FrontPage中加入背景音樂要比Dreamweaver相對方便壹些，只要在“背景”對話框中進行相關設置即可(圖2)。
圖2
(二)使用< embed>標簽
使用< embed>標簽來添加音樂的方法並不是很常見，但是它的功能非常強大，如果結合壹些播放控件就可以打造出壹個Web播放器。
它的使用方法與第壹種基本壹樣，只是第壹步的代碼提示框裏不要選擇gbsound，改而選擇embed即可。然後再選擇它的屬性進行相應的設置(圖3)，從圖中可看出embed的屬性比gbsound的五個屬性多許多。最後的代碼如下：< embed src="music.mp3" autostart="true" loop="true" hidden="true">< /embed>。
圖3
其中autostart用來設置打開頁面時音樂是否自動播放，而hidden設置是否隱藏媒體播放器。因為embed實際上類似壹個Web頁面的音樂播放器，所以如果沒有隱藏，則會顯示出妳系統默認的媒體插件的。
對於這兩種方法，筆者認為二者之間都各有優缺點：第壹種方法當頁面打開時音樂播放，如果將頁面最小化以後播放音樂會自動暫停，如果使用第二種方法則不會出現這種情況，只要不將窗口關閉，它會壹直播放。所以希望大家在運用過程中根據自己的情況來選擇添加音樂的方法。
學會了簡單的添加網頁音樂方法後，就應該在界面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造壹個時尚的音樂播放器。
二、打造時尚音樂播放器
學會了簡單的添加網頁音樂方法後，就應該在界面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造壹個時尚的音樂播放器。
提示：《網頁音樂播放器》是壹個網頁插件，運行制作好的頁面後，它會調用系統自帶的Windows Media播放器來播放事先設定好的MP3歌曲。
(壹)簡單設置
首先下載播放插件(下載地址：/soft/music.rar)，解壓後進入目錄，其中music.htm就是我們要在主頁上加載的播放條頁面，list.htm是瀏覽者用於查看播放列表的彈出頁面，js文件夾裏存放的是幾個播放控制文件，img裏則是壹些播放界面的圖片文件。
使用網頁編輯軟件打開music.htm，找到以下代碼：
< script Language="Javascript">
var blnAutoStart = true?
var blnRndPlay = false?
var blnStatusBar = false?
var blnShowVolCtrl = true?
var blnShowPlist = true?
var blnUseSmi = false?
var blnLoopTrk = true?
var blnShowMmInfo =false?
< /script>
在這裏可以對播放器進行基本的設置。以上各句依次含義是：是否自動播放，是否循序播放，是否顯示狀態欄，是否顯示音控狀態，是否允許顯示播放清單，是否使用SMI模式，是否循環播放，是否顯示歌曲信息。妳可以根據自己的需要對它們進行設置，其中true為“是”，false為“否”。另外，為了使妳的播放條更具個性色彩，妳還可以在music.htm代碼中找到< marquee> ......< /marquee>語句，將其中的主頁名稱修改為妳自己主頁的名稱。
(二)添加播放列表
打開js文件夾中的播放列表文件bglist.js，在這裏就可以把妳喜歡的歌曲添加到列表上來了，具體的添加格式為mkList"歌曲路徑"? "歌曲說明" ，其中“歌曲路徑”可以是妳上傳到主機上的本地地址，也可以指定網絡上的MP3地址，“歌曲說明”是用來滾動顯示在播放條上的，可以是演唱者和歌曲的名稱。比如要添加周傑倫的《龍卷風》，我們先在網絡上找到可以實時播放的鏈接地址，然後再把它添加到列表上：mkList"/A/000/004/000004930.htm