<address id="ousso"></address>
<form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
  1. 網頁設計

    Dreamweaver怎樣為網頁添加背景音樂

    時間:2024-12-25 01:09:56 網頁設計 我要投稿
    • 相關推薦

    Dreamweaver怎樣為網頁添加背景音樂

      dreamweaver怎么插入音樂?這是很多人都想了解的,下面給大家介紹Dreamweaver怎樣為網頁添加背景音樂,一起來學習吧!

    Dreamweaver怎樣為網頁添加背景音樂

      Dreamweaver怎樣為網頁添加背景音樂

      為網頁添加背景音樂的方法一般有兩種,第一種是通過普通的〈 bgsound〉標簽來添加,另一種是通過〈 embed〉標簽來添加。

      使用〈 bgsound〉標簽

      用Dreamweaver打開需要添加背景音樂的頁面,點擊“代碼”打開代碼編輯視圖,在〈 body〉〈 /body〉之間輸入“〈 ”在彈出的代碼提示框中選擇bgsound(圖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)。

      使用〈 embed〉標簽

      使用〈 embed〉標簽來添加音樂的方法并不是很常見,但是它的功能非常強大,如果結合一些播放控件就可以打造出一個Web播放器。

      它的使用方法與第一種基本一樣,只是第一步的代碼提示框里不要選擇gbsound,改而選擇embed即可。然后再選擇它的屬性進行相應的設置(圖3),從圖中可看出embed的`屬性比gbsound的五個屬性多許多。最后的代碼如下:〈 embed src="music.mp3" autostart="true" loop="true" hidden="true"〉〈 /embed〉。

      其中autostart用來設置打開頁面時音樂是否自動播放,而hidden設置是否隱藏媒體播放器。因為embed實際上類似一個Web頁面的音樂播放器,所以如果沒有隱藏,則會顯示出你系統默認的媒體插件的。

      對于這兩種方法,筆者認為二者之間都各有優缺點:第一種方法當頁面打開時音樂播放,如果將頁面最小化以后播放音樂會自動暫停,如果使用第二種方法則不會出現這種情況,只要不將窗口關閉,它會一直播放。所以希望大家在運用過程中根據自己的情況來選擇添加音樂的方法。

      學會了簡單的添加網頁音樂方法后,就應該在界面和功能上下點功夫了。我們可以利用《網頁音樂播放器》打造一個時尚的音樂播放器。

    【Dreamweaver怎樣為網頁添加背景音樂】相關文章:

    dreamweaver怎樣添加超鏈接10-04

    Dreamweaver怎么給網頁添加下拉的條幅09-09

    Dreamweaver如何給網頁添加下拉的條幅08-23

    Dreamweaver怎樣制作網頁模板10-23

    Dreamweaver為頁面添加圖片教程10-23

    Dreamweaver怎樣制作網頁發布網站05-28

    用Dreamweaver為網頁進行優化08-23

    如何用Dreamweaver為網頁進行優化07-06

    Dreamweaver網頁中怎樣制作錨點鏈接07-16

    <address id="ousso"></address>
    <form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
    1. 日日做夜狠狠爱欧美黑人