在dw2014版本中如何在網頁中嵌入背景音樂?
在網頁中嵌入背景音樂
音樂是多媒體網頁的重要組成部分。由于音頻文件存在不同類型和格式,故有不同的方法將這些 聲音添加到網頁中。在決定添加音頻的格式和方式之前,需要考慮的因素包括:用途、格式、文件大 小、聲音品質和瀏覽器差別等。不同瀏覽器對于聲音文件的處理方法是非常不同的,彼此之間很可能 不兼容。在網頁中嵌入背景音樂的步驟如下。
【操作步驟】
第1步,啟動Dreamweaver CC,打開本小節(jié)備用練習文檔test.html,另存為testl.html。
第2步,在編輯窗口中,將光標定位在要插入插件的位置。
第3步,選擇“插入”丨“媒體”丨“插件”命令,打開“選擇文件”對話框。
第4步,在對話框中選擇要插入的插件文件,這里選擇images/bg.mp3,單擊“確定”按鈕,這 時在Dreamweaver編輯窗口中會出現插件圖標,如圖所示。
第5步,選中插入的插件圖標,可以在“屬性”面板中詳細設置其屬性,如圖所示。
(1)“插件”文本框;設置插件的名稱,以便在腳本中能夠引用。
(2)“寬”和“高”文本框:設置插件在瀏覽器中顯示的寬度和高度,默認以像素為單位。
(3)“源文件”文本框:設置插件的數據文件。單擊“選擇文件”按鈕&,可查找并選擇源文
件,或者直接輸入文件地址。
(4)“對齊”下拉列表框:設置插件和頁面的對齊方式,包括10個選項,詳細介紹參見6.1節(jié)
相關內容。
(5)“插件URL”文本框:設置包含該插件的地址。如果在瀏覽者的系統中沒有安裝該類型的插件,則瀏覽器從該地址下載。如果沒有設置“插件URL”文本框,且沒有安裝相應的插件,瀏覽器將無法顯示插件。
(6)“垂直邊距”和“水平邊距”文本框:設置插件的上、下、左、右與其他元素的距離。
(7)“邊框”文本框:設置插件邊框的寬度,可輸入數值,單位是像素"
(8)“播放”按鈕:單擊該按鈕,可在Dreamweaver CC編輯窗口中預覽這個插件的效果,單擊"播放”按鈕后,該按鈕變成“停止”按鈕,單擊則停止插件的預覽。
(9)“參數”按鈕:單擊該按鈕可打開“參數”對話框,設置參數對插件進行初始化。
第6步,因為是背景音樂,因此需要設置插件控制界面,同時應該讓背景音樂自動循環(huán)播放。單擊“參數”按鈕,打開“參數”對話框,設置如下3個參數,如圖所示。
第7步,單擊“確定”按鈕關閉對話框。
點擊加載更多評論>>