DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> dreamweaver cs6怎麼設置背景音樂教程圖解
dreamweaver cs6怎麼設置背景音樂教程圖解
編輯:Dreamweaver入門     

   一、代碼指定方式

  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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved