Dreamweaver網(wǎng)頁設計第7章 應用多媒體元素【學習概述】在網(wǎng)頁中應用多媒體效果當前十分普遍，例如大量使用Flash動畫、視頻、聲音、JavaApplet等使網(wǎng)頁動感十足，變化多端。本章內(nèi)容包括插入Flash元素、插入背景音樂、插入視頻、插入圖像查看器等內(nèi)容。本章的重點是插入Flash元素，難點是插入圖像查看器。7.1 【課堂講解】多媒體基礎7.1.1 什么是FlashFlash是由macromedia公司推出的交互式矢量圖和Web動畫的標準。網(wǎng)頁設計者使用Flash創(chuàng)作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。并且它是矢量的，所以即使放大也不會出現(xiàn)變形和模糊。這種動畫文件體積小，效果華麗，還具有極強地的互動效果，甚至有人利用這種技術(shù)制作功能非常強大的游戲。Flash的源文件擴展名為“.fla”，生成的用于網(wǎng)絡上傳輸?shù)腇lash格式為“.swf”。7.1.2 視頻格式視頻格式有很多種，但是在網(wǎng)絡上應用的視頻格式多為：avi、wmv、asf、mpeg、rm、rmvb、mov、Flv等。7.1.3 音頻格式在網(wǎng)絡上應用的音頻格式多為：wav、mp3、aif、midi、ra、ram、rpm等。7.1.4 插入多媒體要在網(wǎng)頁中添加以上多媒體文件，可以執(zhí)行【插入】->【媒體】下的子菜單命令如圖7-1所示或在“插入”工具欄的“常用”類別中，選擇“媒體”，然后單擊所需的媒體圖標按鈕如圖7-2所示。圖7-1【媒體】子菜單圖7-2插入媒體7.2 【典例剖析】一多媒體網(wǎng)頁效果7.2.1 插入Flash動畫目前flash動畫備受世人矚目，flash動畫被大量地用于網(wǎng)頁。這種動畫文件體積小，效果華麗，還具有極強地的互動效果，甚至有人制作功能非常強大的游戲。新建站點“dmt”（站點名稱為“多媒體”），創(chuàng)建網(wǎng)頁文檔“dmt.htm”。然后創(chuàng)建一個1行2列的表格，如圖7-4所示。圖7-4一個1行2列的表格插入Flash動畫步驟如下：（1）在第二個單元格內(nèi)定位光標。執(zhí)行【插入】->【媒體】->【Flash】命令或在“插入”工具欄的“常用”類別中，選擇“媒體”，然后單擊“插入Flash”圖標按扭。顯示“選擇文件”對話框，如圖7-5所示。（2）選擇Flash文件（本例為本章目錄下的“banner.swf”文件）。圖7-5“選擇文件”對話框（3）單擊“確定”按鈕，顯示“對象標簽輔助功能屬性”對話框，如圖7-6所示。各個屬性如下： 標題：媒體對象的標題。 快捷鍵：輸入等效的鍵盤鍵（一個字母）。例如，您輸入A作為快捷鍵，則使用“Ctrl+A”鍵在瀏覽器中選擇該對象。 Tab鍵索引：輸入一個數(shù)字以指定該對象的Tab鍵順序。設置各個選項如圖。圖7-6“對象標簽輔助功能屬性”對話框（4）單擊“確定”按鈕，文檔中效果如圖7-7所示。圖7-7文檔中Flash效果（5）選擇該動畫，單擊Flash屬性面板中的播放按鈕。Flash動畫就可以在文檔中直接播放了，如圖7-8所示。圖7-8在文檔中播放Flash7.2.2 設置Flash動畫的屬性選擇Flash動畫后，顯示Flash屬性面板，如圖7-9所示。在這里讀者可以設置Flash動畫的屬性。圖7-9設置Flash動畫屬性名稱：標識影片的名稱，比如命名為“banner”。寬：以像素為單位指定影片的寬度。高：以像素為單位指定影片的高度。文件：Flash文件的路徑。單擊文件夾圖標可以選擇一個文件，或者直接鍵入文件路徑。源文件：指定Flash源文檔（后綴名為.FLA）的路徑。編輯：啟動Flash軟件以編輯FLA文件。重設大?。褐匦略O置選定影片的大小。循環(huán)：若選中該選項時影片將連續(xù)播放；若沒有選中該選項，則影片在播放一次后即停止播放。自動播放：若選中該選項，則在加載頁面時自動播放影片，一般要選中此項。垂直邊距：指定影片上、下空白的像素數(shù)。水平邊距：指定影片左、右空白的像素數(shù)。品質(zhì)：設置影片播放期間的質(zhì)量。設置越高，影片的觀看效果就越好，但速度慢。設置越低，速度快但影片的觀看效果就越差，“高品質(zhì)”選項是注重外觀而非速度。“自動低品質(zhì)”選項是首先注重速度，然后才是外觀?！白詣痈咂焚|(zhì)”選項是首先注重品質(zhì)，然后才是速度。比例：影片如何適合在寬度和高度文本框中設置的尺寸。默認值設置顯示整個影片。有“無邊框”和“嚴格匹配”兩選項。對齊：設置影片在頁面上的對齊方式。背景顏色：設置影片的背景顏色。參數(shù)：影片的附加參數(shù)。單擊“參數(shù)”按鈕，顯示“參數(shù)”對話框，如圖7-10所示。在對話框中可以設置多種“參數(shù)—值”。圖7-10“參數(shù)”對話框插插入入Flash文文本本在Dreamweaver中中可可以以直直接接制制作作并并插插入入Flash文文本本。。Flash文文本本是是動動態(tài)態(tài)效效果果的的文文本本。。插插入入Flash文文本本的的步步驟驟如如下下：：（1））在在上上面面制制作作的的表表格格中中第第一一個個單單元元格格內(nèi)內(nèi)定定位位鼠鼠標標光光標標。。（2））在在““插插入入””欄欄的的““常常用用””類類別別中中，，選選擇擇““媒媒體體””，，然然后后單單擊擊““Flash文文本本””圖圖標標按按扭扭，，或或執(zhí)執(zhí)行行【【插插入入】】->【【媒媒體體】】->【【Flash文文本本】】命命令令。。（3））顯顯示示““插插入入Flash文文本本””對對話話框框，，對對話話框框中中各各項項屬屬性性設設置置如如圖圖7-11所所示示。。圖7-11““插插入入Flash文文本本””對對話話框框（4））單單擊擊““確確定定””按按鈕鈕，，顯顯示示““對象象標標簽簽輔輔助助功功能能屬屬性性””對對話話框框，，對對話話框框中中各各項項屬屬性性設設置置如如圖圖7-12所所示示。。圖7-12““對對象象標標簽簽輔輔助助功功能能屬屬性性””對對話話框框（5））單單擊擊““確確定定””按按鈕鈕。。單單擊擊屬屬性性面面板板中中的的““播播放放””按按鈕鈕，，播播放放效效果果如如圖圖7-13所所示示，，當當鼠鼠標標移移動動到到該該Flash文文本本上上時時，，效效果果如如圖圖7-14所所示示。。圖7-13文文檔檔中中播播放放效效果果圖7-14鼠鼠標標移移動動到到文文本本效效果果插插入入Flash按按鈕鈕Dreamweaver可可以以快快速速創(chuàng)創(chuàng)建建動動態(tài)態(tài)Flash按按鈕鈕，，步步驟驟如如下下：：（1））在在文文檔檔中中創(chuàng)創(chuàng)建建表表格格并并定定位位光光標標，，如如圖圖7-15所所示示。。圖7-15創(chuàng)創(chuàng)建建表表格格并并定定位位光光標標（2））在在““插插入入””欄欄的的““常常用用””類類別別中中，，選選擇擇““媒媒體體””，，然然后后單單擊擊““Flash按按鈕鈕””圖圖標標或或執(zhí)執(zhí)行行【【插插入入】】->【【媒媒體體】】->【【Flash按按鈕鈕】】命命令令。。顯顯示示““插插入入Flash按按鈕鈕””對對話話框框，，如如圖圖7-16所所示示。。圖7-16““插插入入Flash按按鈕鈕””對對話話框框（3））設設置置完完成成后后，，單單擊擊確確定定按按鈕鈕。。文文檔檔中中效效果果如如圖圖7-17所所示示。。（4）然然后再連連續(xù)插入入幾個按按鈕，按按快捷鍵鍵【F12】預預覽如圖圖7-18所示示。圖7-17文文檔中Flash圖7-18預覽覽Flash按按鈕插插入FlashVideoFlashVideo現(xiàn)在在在網(wǎng)站站上非常常流行。。Flash視視頻文文件后綴綴名為““.FLV”。。插入Flash視頻頻是Dreamweaver8版版本新增增加的功功能。插插入Flash視頻頻步驟如如下。（1）在在文檔““dmt.htm”右右邊的空空白單元元格內(nèi)定定位鼠標標。（2）在在“插入入”欄的的“常用用”類別別中，選選擇“媒媒體”，，然后單單擊“Flashvideo”圖圖標或執(zhí)執(zhí)行【插插入】->【媒媒體】->【Flash視頻頻】命令令，顯示示“插入入Flash視視頻”對對話框。。（3）在在“插入入Flash視視頻”對對話框中中，從““視頻類類型”彈彈出式菜菜單中選選擇“累累進式下下載視頻頻”或““流視頻頻”。若若選擇““累進式式下載視視頻”；；將Flash視視頻文件件下載到到站點訪訪問者的的硬盤上上，然后后播放。。若選擇擇“流視視頻”；；對Flash視頻內(nèi)內(nèi)容進行行流式處處理，邊邊緩沖邊邊播放該該內(nèi)容。。（4）比比如“視視頻類型型”選擇擇“累進進式下載載視頻””選項：： URL：指指定FLV文件件的路徑徑。 外觀觀：指定定Flash視視頻組件件的外觀觀。 寬度度：以像像素為單單位指定定FLV文件的的寬度。。 高度度：以像像素為單單位指定定FLV文件的的高度。。 自動動播放：：當網(wǎng)頁頁打開時時是否播播放視頻頻。 自動動重新播播放：指指定播放放控件在在視頻播播放完之之后是否否返回起起始位置置。（5）如如果必要要，提示示用戶下下載FlashPlayer：：在頁面面中插入入代碼，，該代碼