dreamweaver cs6怎麼設置背景音樂有哪些方式

 dreamweaver cs6怎麼設置背景音樂?有時候網頁通過多媒體可以傳遞比文字和圖片更豐富的信息,正在成爲網頁越來越重要的元素。下面哥分享dreamweaver cs6怎麼設置背景音樂教程



  一、代碼指定方式


  1.代碼指定方式是指直接在頁面的HTML代碼內設置背景音樂。現實中通常使用標記來實現。


  標記的語法格式如下:


  src:背景音樂文件地址;


  loop:設置播放次數,循環播放爲-1;


  delay:播放音樂的延時;


  volume:背景音樂的音量;


  balance:背景音樂的左右均衡。


  2.具體例子:


  新建一個HTML空白頁


  3.打開代碼視圖,在中輸入代碼,詳見下圖:


dreamweaver cs6怎麼設置背景音樂教程圖解


  4.根據代碼中的條件輸入完全,詳見下圖:


dreamweaver cs6怎麼設置背景音樂教程圖解1


  5.按F12預覽就可以了。


  但是必須注意的是,插入的音樂文件要小,爲了照顧網速較慢的用戶。


  另外,用這種方法插入背景音樂只能在IE瀏覽器中才能用,其他瀏覽器可能不支持。


  二、使用媒體插件方式實現


  媒體插件方式是指利用第三方媒體插件實現頁面的背景音樂效果。此功能在Dreamweaver工具欄中可以直接實現。在編碼時可以使用標記在網頁中插入媒體插件。


  標記的語法格式如下所示:


  src:背景音樂地址;


  autostart:設置是否自動播放;


  loop:是否循環播放


  controls值見下表:


dreamweaver cs6怎麼設置背景音樂教程圖解2 



  具體操作如下:


  新建一個HTML空白頁


  選擇‘插入’---‘媒體’---’插件‘


dreamweaver cs6怎麼設置背景音樂教程圖解3


  代碼視圖如下:


dreamweaver cs6怎麼設置背景音樂教程圖解4


  選擇要插入的背景音樂文件


dreamweaver cs6怎麼設置背景音樂教程圖解5


  效果如下圖:


dreamweaver cs6怎麼設置背景音樂教程圖解6


  在’屬性‘面板可以設置插件的一些參數


dreamweaver cs6怎麼設置背景音樂教程圖解7


  用這種方法需要注意的是,插件的問題,有的瀏覽器並沒有必要的插件,所以在預覽時無法正常加載。

轉自codego.net

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章