1、Dreamweaver 網頁設計第7章應用多媒體元素【學習概概述】在網頁中中應用多多媒體效效果當前前十分普普遍，例例如大量量使用Flash動畫畫、視頻頻、聲音音、JavaApplet等使網網頁動感感十足，變化多多端。本本章內容容包括插插入Flash元素、插入背背景音樂樂、插入入視頻、插入圖圖像查看看器等內內容。本本章的重重點是插插入Flash元素，難點是是插入圖圖像查看看器。7.1【課堂堂講解】多媒體體基礎7.1.1什什么是FlashFlash是是由macromedia公公司推出出的交互互式矢量量圖和Web 動畫畫的標準準。網頁頁設計者者使用Flash創創作出出既漂亮亮又可改改變尺寸寸的導航航

2、界面以以及其他他奇特的的效果。并且它它是矢量量的，所所以即使使放大也也不會出出現變形形和模糊糊。這種種動畫文文件體積積小，效效果華麗麗，還具具有極強強地的互互動效果果，甚至至有人利利用這種種技術制制作功能能非常強強大的游游戲。Flash的源源文件擴擴展名為為“.fla”，生成成的用于于網絡上上傳輸的的Flash格格式為“.swf”。7.1.2視視頻格式式視頻格式式有很多多種，但但是在網網絡上應應用的視視頻格式式多為：avi、wmv、asf、 mpeg、rm、rmvb、mov、Flv等。7.1.3音音頻格式式在網絡上上應用的的音頻格格式多為為：wav、mp3、aif、midi、ra、ram、rp

3、m等。7.1.4插插入多媒媒體要在網頁頁中添加加以上多多媒體文文件，可可以執行行【插入入】-【媒體體】下的的子菜單單命令如如圖7-1所示示或在“插入”工具欄欄的“常常用”類類別中，選擇“媒體”，然后后單擊所所需的媒媒體圖標標按鈕如如圖7-2所示示。圖 7-1【媒媒體】子子菜單圖7-2 插入入媒體7.2【典例例剖析】一多媒媒體網頁頁效果7.2.1插插入Flash動畫目前flash動畫備備受世人人矚目，flash動動畫被大大量地用用于網頁頁。這種種動畫文文件體積積小，效效果華麗麗，還具具有極強強地的互互動效果果，甚至至有人制制作功能能非常強強大的游游戲。新建站點點“dmt”（站點名名稱為“多媒體體

4、”），創建網網頁文檔檔“dmt.htm”。然后后創建一一個1行行2列的的表格，如圖7-4所所示。圖7-4 一個個1行2列的表表格插入Flash動畫步步驟如下下：（1）在在第二個個單元格格內定位位光標。執行【插入】-【媒體】-【Flash】命令或或在“插插入”工工具欄的的“常用用”類別別中，選選擇“媒媒體”，然后單單擊“插插入Flash”圖圖標按扭扭。顯示示“選擇擇文件”對話框框，如圖圖7-5所示。（2）選選擇Flash文件（本例為為本章目目錄下的的“banner.swf”文件）。圖7-5 “選選擇文件件”對話話框（3）單單擊“確確定”按按鈕，顯顯示“對對象標簽簽輔助功功能屬性性”對話話框，如如

5、圖7-6所示示。各個個屬性如如下：標題題：媒體體對象的的標題。快捷捷鍵：輸輸入等效效的鍵盤盤鍵（一一個字母母）。例例如，您您輸入A作為快快捷鍵，則使用用“Ctrl+A”鍵鍵在瀏覽覽器中選選擇該對對象。Tab鍵索索引：輸輸入一個個數字以以指定該該對象的的Tab鍵順序序。設置各個個選項如如圖。圖7-6 “對對象標簽簽輔助功功能屬性性”對話話框（4）單單擊“確確定”按按鈕，文文檔中效效果如圖圖7-7所示。圖7-7 文檔檔中Flash效果（5）選選擇該動動畫，單單擊Flash屬性面面板中的的播放按按鈕。Flash動畫畫就可以以在文檔檔中直接接播放了了，如圖圖7-8所示。圖7-8 在文文檔中播播放Fla

6、sh7.2.2設設置Flash動畫的的屬性選擇Flash動畫后后，顯示示Flash屬屬性面板板，如圖圖7-9所示。在這里里讀者可可以設置置Flash動動畫的屬屬性。圖7-9設置Flash動畫畫屬性名稱：標標識影片片的名稱稱，比如如命名為為“banner”。寬：以像像素為單單位指定定影片的的寬度。高：以像像素為單單位指定定影片的的高度。文件：Flash文文件的路路徑。單單擊文件件夾圖標標可以選選擇一個個文件，或者直直接鍵入入文件路路徑。源文件：指定Flash源源文檔檔（后綴綴名為.FLA）的路路徑。編輯：啟啟動Flash軟件件以編輯輯FLA文件。重設大小小：重新新設置選選定影片片的大小小。循環：

7、若若選中該該選項時時影片將將連續播播放；若若沒有選選中該選選項，則則影片在在播放一一次后即即停止播播放。自動播放放：若選選中該選選項，則則在加載載頁面時時自動播播放影片片，一般般要選中中此項。垂直邊距距：指定定影片上上、下空空白的像像素數。水平邊距距：指定定影片左左、右空空白的像像素數。品質：設設置影片片播放期期間的質質量。設設置越高高，影片片的觀看看效果就就越好，但速度度慢。設設置越低低，速度度快但影影片的觀觀看效果果就越差差，“高高品質”選項是是注重外外觀而非非速度。“自動動低品質質”選項項是首先先注重速速度，然然后才是是外觀。“自動動高品質質”選項項是首先先注重品品質，然然后才是是速度。

8、比例：影影片如何何適合在在寬度和和高度文文本框中中設置的的尺寸。默認值值設置顯顯示整個個影片。有“無無邊框”和“嚴嚴格匹配配”兩選選項。對齊：設設置影片片在頁面面上的對對齊方式式。背景顏色色：設置置影片的的背景顏顏色。參數：影影片的附附加參數數。單擊擊“參數數”按鈕鈕，顯示示“參數數”對話話框，如如圖7-10所所示。在在對話框框中可以以設置多多種“參參數值值”。圖7-10“參數”對話框框7.2.3插插入Flash文本在Dreamweaver中中可以直直接制作作并插入入Flash文文本。Flash文本本是動態態效果的的文本。插入Flash文本本的步驟驟如下：（1）在在上面制制作的表表格中第第一個

9、單單元格內內定位鼠鼠標光標標。（2）在在“插入入”欄的的“常用用”類別別中，選選擇“媒媒體”，然后單單擊“Flash文本本”圖標標 按扭扭，或執執行【插插入】-【媒媒體】-【Flash文本本】命令令。（3）顯顯示“插插入Flash文文本”對對話框，對話框框中各項項屬性設設置如圖圖7-11所示示。圖7-11“插入Flash文文本”對話框框（4）單單擊“確確定”按按鈕，顯顯示“對象標簽簽輔助功功能屬性性”對話話框，對對話框中中各項屬屬性設置置如圖7-12所示。圖7-12“對象標標簽輔助助功能屬屬性”對對話框（5）單單擊“確確定”按按鈕。單單擊屬性性面板中中的“播播放”按按鈕，播播放效果果如圖7-1

10、3所示，當鼠標標移動到到該Flash文本上上時，效效果如圖圖7-14所示示。圖7-13文文檔中中播放效效果圖7-14鼠鼠標移動動到文本本效果7.2.4插插入Flash按鈕Dreamweaver可以以快速創創建動態態Flash按按鈕，步步驟如下下：（1）在在文檔中中創建表表格并定定位光標標，如圖圖7-15所示示。圖7-15創建建表格并并定位光光標（2）在在“插入入”欄的的“常用用”類別別中，選選擇“媒媒體”，然后單單擊“Flash按按鈕”圖圖標或執執行【插插入】-【媒媒體】-【Flash按按鈕】命命令。顯顯示“插入Flash按按鈕”對話框框，如圖圖7-16所示示。圖7-16“插插入Flash按按

11、鈕”對對話框（3）設設置完成成后，單單擊確定定按鈕。文檔中中效果如如圖7-17所所示。（4）然然后再連連續插入入幾個按按鈕，按按快捷鍵鍵【F12】預預覽如圖圖7-18所示示。圖7-17文文檔中Flash圖7-18預覽覽Flash按按鈕7.2.5插插入Flash VideoFlashVideo現在在在網站站上非常常流行。Flash視視頻文文件后綴綴名為“.FLV”。插入Flash視頻頻是Dreamweaver 8版版本新增增加的功功能。插插入Flash 視頻頻步驟如如下。（1）在在文檔“dmt.htm”右右邊的空空白單元元格內定定位鼠標標。（2）在在“插入入”欄的的“常用用”類別別中，選選擇“媒

12、媒體”，然后單單擊“Flashvideo”圖圖標或執執行【插插入】-【媒媒體】-【Flash視頻頻】命令令，顯示示“插入入Flash視視頻”對對話框。（3）在在“插入入Flash視視頻”對對話框中中，從“視頻類類型”彈彈出式菜菜單中選選擇“累累進式下下載視頻頻”或“流視頻頻”。若若選擇“累進式式下載視視頻”；將Flash視視頻文件件下載到到站點訪訪問者的的硬盤上上，然后后播放。若選擇擇“流視視頻”；對Flash視頻內內容進行行流式處處理，邊邊緩沖邊邊播放該該內容。（4）比比如“視視頻類型型”選擇擇“累進進式下載載視頻”選項：URL：指指定FLV文件件的路徑徑。外觀觀：指定定Flash視視頻組件件的外觀觀。寬度度：以像像素為單單位指定定FLV文件的的寬度。高度度：以像像素為單單位指定定FLV文件的的高度。自動動播放：當網頁頁打開時時是否播播放視頻頻。自動動重新播播放：指指定播放放控件在在視頻播播放完之之后是否否返回起起始位置置。（5）如如果必要要，提示示用戶下下載Flas