《網(wǎng)頁設(shè)計(jì)與制作（第二版）》06 插入多媒體

網(wǎng)頁設(shè)計(jì)與制作（第二版）目錄DIRECTORY01DreamweaverCS5入門05插入圖像02創(chuàng)建站點(diǎn)06插入多媒體03設(shè)置首頁07建立網(wǎng)頁鏈接04DreamweaverCS5編輯文本08表格目錄DIRECTORY09使用Div標(biāo)簽和APDiv10框架11表單12CSS樣式13行為14資源15模板和庫16站點(diǎn)上傳和維護(hù)06插入多媒體1.在網(wǎng)頁中能熟練使用Flash技術(shù)，使網(wǎng)頁呈現(xiàn)出多媒體效果。2.Dreamweaver中會使用多媒體插入技術(shù)。3.培養(yǎng)學(xué)生創(chuàng)新意識。任務(wù)目標(biāo)1任務(wù)實(shí)施（一）插入FlashSWF文件（1）打開HTML文檔，點(diǎn)擊“設(shè)計(jì)”視圖，將光標(biāo)放置到要插入FLASHSWF的位置，然后點(diǎn)擊“插入”菜單，選擇“媒體”命令，在彈出的子菜單中選擇“SWF”項(xiàng)。（2）選擇“SWF”項(xiàng)后，彈出“選擇SWF”對話框。（3）彈出“對象標(biāo)簽輔助功能屬性”對話框。（4）點(diǎn)擊“確定”按鈕，該SWF文件就插入到HTML文檔中了。（5）保存該文檔。一、插入Flash一、插入Flash（二）置SWF文件屬性在文檔的“設(shè)計(jì)”視圖中單擊SWF文件占位符選定SWF內(nèi)容。打開SWF文件的“屬性”面板，如圖6-5所示。二、插入FLV文件（一）操作步驟（1）打開HTML文檔，點(diǎn)擊“設(shè)計(jì)”視圖，將光標(biāo)放置到要插入FLV文件的位置，然后點(diǎn)擊“插入”菜單，選擇“媒體”命令，在彈出的子菜單中選擇“FLV”項(xiàng)。（2）選擇“FLV”項(xiàng)后，彈出“插入FLV”對話框。（3）在“URL”項(xiàng)中輸入一個(gè)FLV文件的URL地址，或者點(diǎn)擊“瀏覽”按鈕，選擇一個(gè)FLV文件。（4）在“視頻類型”項(xiàng)中可以選擇下列方式之一。（5）點(diǎn)擊“確定”按鈕，關(guān)閉“插入FLV”對話框。二、插入FLV文件（二）累進(jìn)式下載視頻累進(jìn)式下載視頻首先將FLV文件下載到訪問者的硬盤上，然后再進(jìn)行播放。它允許在下載完成之前就開始播放視頻文件。（1）在圖6-7中的“視頻類型”項(xiàng)中選擇“累進(jìn)式下載視頻”。（2）指定下面的選項(xiàng)：●URL：輸入一個(gè)FLV文件的URL地址，或者點(diǎn)擊“瀏覽”按鈕，選擇一個(gè)FLV文件?！裢庥^：指定視頻組件的外觀。選擇某一項(xiàng)后，會在“外觀”彈出菜單的下方顯示它的預(yù)覽效果?！駥挾龋褐付‵LV文件的寬度。單位是像素。單擊“檢測大小”按鈕，Dreamweaver會自動指定FLV文件的準(zhǔn)確寬度。如果不能指定寬度，那么必須手工鍵入寬度值。●高度：指定FLV文件的高度。單位是像素。單擊“檢測大小”按鈕，Dreamweaver會自動指定FLV文件的準(zhǔn)確高度。如果不能指定高度，那么必須手工鍵入高度值。二、插入FLV文件（三）流視頻（1）在圖6-7中的“視頻類型”項(xiàng)中選擇“流視頻”，如圖6-8所示。（2）指定下面的選項(xiàng)?！穹?wù)器URL：輸入服務(wù)器名稱、應(yīng)用程序名稱和實(shí)例名稱。●流名稱：指定要播放的FLV文件名稱。例如，baike369.flv。●外觀：指定視頻組件的外觀。選擇某一項(xiàng)后，會在“外觀”彈出菜單的下方顯示它的預(yù)覽效果。●寬度：指定FLV文件的寬度。單位是像素。單擊“檢測大小”按鈕，Dreamweaver會自動指定FLV文件的準(zhǔn)確寬度。如果不能指定寬度，那么必須手工鍵入寬度值?！窀叨龋褐付‵LV文件的高度。單位是像素。單擊“檢測大小”按鈕，Dreamweaver會自動指定FLV文件的準(zhǔn)確高度。如果不能指定高度，那么必須手工鍵入高度值。二、插入FLV文件（四）設(shè)置FLV文件的屬性在文檔的“設(shè)計(jì)”視圖中單擊FLV文件占位符選定FLV內(nèi)容。打開FLV文件的“屬性”面板，如圖6-9所示。（一）嵌入聲音文件（1）在HTML文檔的“設(shè)計(jì)”視圖中，將光標(biāo)放置到要嵌入聲音文件的位置，然后點(diǎn)擊“插入”菜單，選擇“媒體”命令，在彈出的子菜單中選擇“插件”項(xiàng)。（2）彈出“選擇文件”對話框。（3）選擇好音頻文件后，點(diǎn)擊“確定”按鈕。（4）音頻文件已插入到頁面中指定的位置上。三、嵌入聲音（二）鏈接到聲音文件鏈接到聲音文件是將聲音添加到網(wǎng)頁的一種簡單而有效的方法。這種方法可以使訪問者選擇是否要收聽該文件，并且使文件可用于最廣泛的聽眾。下面是創(chuàng)建聲音文件鏈接的方法：（1）選擇要用于鏈接到聲音文件的文本或圖片。（2）在屬性面板中，在“鏈接”文本框中輸入文件名稱和路徑，或者點(diǎn)擊右邊的“文件夾”圖標(biāo)選取一個(gè)聲音文件。三、嵌入聲音四、插入視頻（一）插入視頻在網(wǎng)頁中，可以插入的視頻文件格式很多，插入視頻的方法有兩種。（1）選擇要用作指向視頻文件鏈接的文本或圖像。本任務(wù)選中文本“點(diǎn)擊播放影片”。（2）在“屬性”面板的“鏈接”文本框中鍵入視頻文件的路徑和名稱，或者單擊文件夾圖標(biāo)來直接選擇文件“MOTO.mpg”，如圖6-14所示。（3）按F12鍵打開瀏覽器查看實(shí)際效果，如圖6-15所示。光標(biāo)放在文字上變成手形，單擊文字將播放視頻。或者單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“目標(biāo)另存為”命令，可將視頻文件下載到本地。四、插入視頻（二）常用的視頻格式MPEG或MPG：中文為“運(yùn)動圖像專家組”，是一種壓縮比率較大的活動圖像和聲音的視頻壓縮標(biāo)準(zhǔn)，它也是VCD光盤所使用的標(biāo)準(zhǔn)。AVI：是一種MicrosoftWindows操作系統(tǒng)使用的多媒體文件格式。WMＶ：是一種Ｗindows操作系統(tǒng)自帶的媒體播放器WindowsMediaPlayer使用的多媒體文件格式。RM：是Real公司推廣的一種多媒體文件格式，具有非常好的壓縮比率，是網(wǎng)絡(luò)傳播中應(yīng)用最廣泛的格式之一。MOV：是Apple公司推出的一種多媒體文件格式。32145四、插入視頻（三）插入視頻的方法在網(wǎng)頁中插入視頻的方法有兩種。1.鏈接到視頻文件這種方法將視頻文件鏈接到網(wǎng)頁中，用戶可選擇在線播放或是下載該視頻文件到本地。2.嵌入視頻文件嵌入視頻文件可以將視頻直接嵌入到頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時(shí)具有所選視頻文件的適當(dāng)插件后，視頻才可以播放。如果希望在頁面上顯示播放器的外觀，包括播放、暫