dreamweaver-基礎(chǔ)教程3-多媒體

1、Dreamweaver 網(wǎng)頁(wn y)設(shè)計第7章應(yīng)用(yngyng)多媒體元素第一頁，共十八頁?！緦W(xué)習(xí)(xux)概述】 在網(wǎng)頁中應(yīng)用多媒體效果當(dāng)前十分普遍，例如大量使用Flash動畫、視頻、聲音(shngyn)、Java Applet等使網(wǎng)頁動感十足，變化多端。本章內(nèi)容包括插入Flash元素、插入背景音樂、插入視頻、插入圖像查看器等內(nèi)容。本章的重點(diǎn)是插入Flash元素，難點(diǎn)是插入圖像查看器。第二頁，共十八頁。7.1【課堂(ktng)講解】多媒體根底7.1.1什么是FlashFlash 是由macromedia公司推出的交互式矢量圖和 Web 動畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計者使用 Flash 創(chuàng)作出既漂

2、亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。并且它是矢量的，所以即使放大也不會出現(xiàn)變形和模糊。這種動畫文件體積小，效果華美，還具有極強(qiáng)地的互動效果，甚至有人利用這種技術(shù)制作功能非常強(qiáng)大的游戲。Flash的源文件擴(kuò)展名為“.fla，生成的用于網(wǎng)絡(luò)(wnglu)上傳輸?shù)腇lash格式為“.swf。7.1.2視頻格式 視頻格式有很多種，但是在網(wǎng)絡(luò)上應(yīng)用的視頻格式多為：avi、wmv、asf、 mpeg、rm、rmvb、mov、Flv等。7.1.3音頻格式 在網(wǎng)絡(luò)上應(yīng)用的音頻格式多為：wav、mp3、aif、midi、ra、ram、rpm等。第三頁，共十八頁。7.1.4插入多媒體要在網(wǎng)頁中添加以上多媒

3、體文件，可以執(zhí)行【插入】-【媒體】下的子菜單命令如圖7-1所示或在“插入工具欄的“常用類別中，選擇(xunz)“媒體，然后單擊所需的媒體圖標(biāo)按鈕如圖7-2所示。圖 7-1【媒體】子菜單(ci dn) 圖7-2 插入(ch r)媒體 第四頁，共十八頁。7.2【典例剖析(pux)】一多媒體網(wǎng)頁效果7.2.1插入Flash動畫目前flash動畫備受世人矚目(zhm)，flash動畫被大量地用于網(wǎng)頁。這種動畫文件體積小，效果華美，還具有極強(qiáng)地的互動效果，甚至有人制作功能非常強(qiáng)大的游戲。新建站點(diǎn)“dmt站點(diǎn)名稱為“多媒體，創(chuàng)立網(wǎng)頁文檔“dmt.htm。然后創(chuàng)立一個1行2列的表格，如圖7-4所示。圖7-4

4、 一個(y )1行2列的表格第五頁，共十八頁。插入Flash動畫步驟如下：1在第二個單元格內(nèi)定位光標(biāo)(un bio)。執(zhí)行【插入】-【媒體】-【Flash】命令或在“插入工具欄的“常用類別中，選擇“媒體，然后單擊“插入 Flash圖標(biāo)按扭。顯示“選擇文件對話框，如圖7-5所示。2選擇Flash文件本例為本章目錄下的“banner.swf文件。圖7-5 “選擇(xunz)文件對話框第六頁，共十八頁。3單擊“確定按鈕，顯示“對象標(biāo)簽輔助功能屬性對話框，如圖7-6所示。各個屬性如下：標(biāo)題：媒體對象的標(biāo)題。 快捷鍵：輸入等效的鍵盤鍵一個字母。例如，您輸入A作為快捷鍵，那么使用“Ctrl+A鍵在瀏覽器中

5、選擇該對象。Tab鍵索引(suyn)：輸入一個數(shù)字以指定該對象的Tab鍵順序。 設(shè)置各個選項如圖。圖7-6 “對象標(biāo)簽(bioqin)輔助功能屬性對話框第七頁，共十八頁。4單擊“確定(qudng)按鈕，文檔中效果如圖7-7所示。圖7-7 文檔中Flash效果(xiogu)5選擇該動畫，單擊Flash屬性(shxng)面板中的播放按鈕。Flash動畫就可以在文檔中直接播放了，如圖7-8所示。圖7-8 在文檔中播放Flash 第八頁，共十八頁。7.2.2設(shè)置Flash動畫的屬性選擇Flash動畫后，顯示(xinsh)Flash屬性面板，如圖7-9所示。在這里讀者可以設(shè)置Flash動畫的屬性。圖7-

6、9設(shè)置(shzh)Flash動畫屬性名稱：標(biāo)識影片的名稱，比方命名為“banner。寬：以像素為單位指定影片的寬度。高：以像素為單位指定影片的高度。文件： Flash文件的路徑。單擊文件夾圖標(biāo)可以選擇一個文件，或者(huzh)直接鍵入文件路徑。源文件：指定 Flash 源文檔后綴名為.FLA的路徑。編輯：啟動 Flash軟件以編輯FLA文件。重設(shè)大?。褐匦略O(shè)置選定影片的大小。第九頁，共十八頁。循環(huán)：假設(shè)選中該選項時影片將連續(xù)播放；假設(shè)沒有選中該選項，那么影片在播放一次后即停止播放。自動播放：假設(shè)選中該選項，那么在加載頁面時自動播放影片，一般要選中此項。垂直邊距：指定影片上、下空白的像素數(shù)。水平

7、邊距：指定影片左、右空白的像素數(shù)。品質(zhì)：設(shè)置影片播放期間的質(zhì)量。設(shè)置越高，影片的觀看效果就越好，但速度慢。設(shè)置越低，速度快但影片的觀看效果就越差，“高品質(zhì)選項是注重外觀而非速度?！白詣拥推焚|(zhì)選項是首先注重速度，然后才是外觀?！白詣痈咂焚|(zhì)選項是首先注重品質(zhì)，然后才是速度。比例(bl)：影片如何適合在寬度和高度文本框中設(shè)置的尺寸。默認(rèn)值設(shè)置顯示整個影片。有“無邊框和“嚴(yán)格匹配兩選項。對齊：設(shè)置影片在頁面上的對齊方式。背景顏色：設(shè)置影片的背景顏色。參數(shù)：影片的附加參數(shù)。單擊“參數(shù)按鈕，顯示“參數(shù)對話框，如圖7-10所示。在對話框中可以設(shè)置多種“參數(shù)值。圖7-10 “參數(shù)(cnsh)對話框第十頁，共十

8、八頁。7.2.3插入Flash文本在Dreamweaver中可以直接制作并插入Flash文本。Flash文本是動態(tài)效果的文本。插入Flash文本的步驟如下：1在上面制作的表格中第一個單元格內(nèi)定位鼠標(biāo)光標(biāo)。2在“插入欄的“常用類別(libi)中，選擇“媒體，然后單擊“Flash文本圖標(biāo) 按扭，或執(zhí)行【插入】-【媒體】-【Flash文本】命令。 3顯示“插入 Flash 文本對話框，對話框中各項屬性設(shè)置如圖7-11所示。圖7-11 “插入(ch r) Flash 文本對話框第十一頁，共十八頁。4單擊“確定按鈕，顯示“對象標(biāo)簽輔助功能屬性(shxng)對話框，對話框中各項屬性(shxng)設(shè)置如圖7

9、-12所示。圖7-12 “對象(duxing)標(biāo)簽輔助功能屬性對話框5單擊“確定按鈕。單擊屬性面板中的“播放按鈕，播放效果(xiogu)如圖7-13所示，當(dāng)鼠標(biāo)移動到該Flash文本上時，效果(xiogu)如圖7-14所示。 圖7-13 文檔中播放效果 圖7-14 鼠標(biāo)移動到文本效果 第十二頁，共十八頁。7.2.4插入Flash按鈕Dreamweaver可以快速創(chuàng)立動態(tài)Flash按鈕，步驟如下：1在文檔中創(chuàng)立表格(biog)并定位光標(biāo)，如圖7-15所示。圖7-15創(chuàng)立(chungl)表格并定位光標(biāo)2在“插入欄的“常用類別(libi)中，選擇“媒體，然后單擊“Flash 按鈕圖標(biāo)或執(zhí)行【插入】-

10、【媒體】-【Flash 按鈕】命令。 顯示“插入 Flash 按鈕對話框，如圖7-16所示。圖7-16“插入 Flash 按鈕對話框第十三頁，共十八頁。3設(shè)置(shzh)完成后，單擊確定按鈕。文檔中效果如圖7-17所示。4然后再連續(xù)插入幾個按鈕，按快捷鍵【F12】預(yù)覽如圖7-18所示。圖7-17 文檔中Flash 圖7-18預(yù)覽Flash 按鈕第十四頁，共十八頁。7.2.5插入Flash VideoFlash Video現(xiàn)在在網(wǎng)站上非常流行。Flash 視頻文件后綴名為“.FLV。插入Flash視頻是Dreamweaver 8版本新增加的功能(gngnng)。插入Flash 視頻步驟如下。1在

11、文檔“dmt.htm右邊的空白單元格內(nèi)定位鼠標(biāo)。2在“插入欄的“常用類別中，選擇“媒體，然后單擊“Flash video圖標(biāo)或執(zhí)行【插入】-【媒體】-【Flash視頻】命令，顯示“插入Flash視頻對話框。3在“插入Flash視頻對話框中，從“視頻類型彈出式菜單中選擇“累進(jìn)式下載視頻或“流視頻。假設(shè)選擇“累進(jìn)式下載視頻；將 Flash 視頻文件下載到站點(diǎn)訪問者的硬盤上，然后播放。假設(shè)選擇“流視頻；對Flash視頻內(nèi)容進(jìn)行流式處理，邊緩沖邊播放該內(nèi)容。4比方“視頻類型選擇“累進(jìn)式下載視頻選項：URL：指定FLV文件的路徑。外觀：指定Flash視頻組件的外觀。寬度：以像素為單位指定FLV文件的寬度

12、。高度：以像素為單位指定FLV文件的高度。自動播放：當(dāng)網(wǎng)頁翻開時是否播放視頻。自動重新播放：指定播放控件在視頻播放完之后是否返回起始位置。第十五頁，共十八頁。5如果必要，提示用戶下載 Flash Player：在頁面中插入代碼(di m)，該代碼(di m)將檢測查看Flash視頻所需的Flash Player版本，并在用戶沒有所需的版本時提示它們下載Flash Player的最新版本，設(shè)置各個選項如圖7-19所示。圖7-19 “插入(ch r)Flash 視頻對話框第十六頁，共十八頁。6單擊“確定按鈕，插入Flash 視頻(shpn)操作完成，如圖7-20所示。圖7-20 文檔中Flash Video效果(xiogu)第十七頁，共十八頁。內(nèi)容(nirng)總結(jié)Dreamwea