dreamweaver 基礎(chǔ)教程3 多媒體ppt課件

1、Dreamweaver 網(wǎng)頁設(shè)計第7章運用多媒體元素.【學(xué)習(xí)概述】 在網(wǎng)頁中運用多媒體效果當(dāng)前非常普遍，例如大量運用Flash動畫、視頻、聲音、Java Applet等使網(wǎng)頁動感十足，變化多端。本章內(nèi)容包括插入Flash元素、插入背景音樂、插入視頻、插入圖像查看器等內(nèi)容。本章的重點是插入Flash元素，難點是插入圖像查看器。.7.1【課堂講解】多媒體根底7.1.1什么是FlashFlash 是由macromedia公司推出的交互式矢量圖和 Web 動畫的規(guī)范。網(wǎng)頁設(shè)計者運用 Flash 創(chuàng)作出既美麗又可改動尺寸的導(dǎo)航界面以及其他奇特的效果。并且它是矢量的，所以即使放大也不會出現(xiàn)變形和模糊。這種

2、動畫文件體積小，效果華美，還具有極強(qiáng)地的互動效果，甚至有人利用這種技術(shù)制造功能非常強(qiáng)大的游戲。Flash的源文件擴(kuò)展名為“.fla，生成的用于網(wǎng)絡(luò)上傳輸?shù)腇lash格式為“.swf。7.1.2視頻格式 視頻格式有很多種，但是在網(wǎng)絡(luò)上運用的視頻格式多為：avi、wmv、asf、 mpeg、rm、rmvb、mov、Flv等。7.1.3音頻格式 在網(wǎng)絡(luò)上運用的音頻格式多為：wav、mp3、aif、midi、ra、ram、rpm等。.7.1.4插入多媒體要在網(wǎng)頁中添加以上多媒體文件，可以執(zhí)行【插入】-【媒體】下的子菜單命令如圖7-1所示或在“插入工具欄的“常用類別中，選擇“媒體，然后單擊所需的媒體圖標(biāo)

3、按鈕如圖7-2所示。圖 7-1【媒體】子菜單 圖7-2 插入媒體 .7.2【典例分析】一多媒體網(wǎng)頁效果7.2.1插入Flash動畫目前flash動畫備受世人矚目，flash動畫被大量地用于網(wǎng)頁。這種動畫文件體積小，效果華美，還具有極強(qiáng)地的互動效果，甚至有人制造功能非常強(qiáng)大的游戲。新建站點“dmt站點稱號為“多媒體，創(chuàng)建網(wǎng)頁文檔“dmt.htm。然后創(chuàng)建一個1行2列的表格，如圖7-4所示。圖7-4 一個1行2列的表格.插入Flash動畫步驟如下：1在第二個單元格內(nèi)定位光標(biāo)。執(zhí)行【插入】-【媒體】-【Flash】命令或在“插入工具欄的“常用類別中，選擇“媒體，然后單擊“插入 Flash圖標(biāo)按扭。顯

4、示“選擇文件對話框，如圖7-5所示。2選擇Flash文件本例為本章目錄下的“banner.swf文件。圖7-5 “選擇文件對話框.3單擊“確定按鈕，顯示“對象標(biāo)簽輔助功能屬性對話框，如圖7-6所示。各個屬性如下：標(biāo)題：媒體對象的標(biāo)題。 快捷鍵：輸入等效的鍵盤鍵一個字母。例如，您輸入A作為快捷鍵，那么運用“Ctrl+A鍵在閱讀器中選擇該對象。Tab鍵索引：輸入一個數(shù)字以指定該對象的Tab鍵順序。 設(shè)置各個選項如圖。圖7-6 “對象標(biāo)簽輔助功能屬性對話框.4單擊“確定按鈕，文檔中效果如圖7-7所示。圖7-7 文檔中Flash效果5選擇該動畫，單擊Flash屬性面板中的播放按鈕。Flash動畫就可以

5、在文檔中直接播放了，如圖7-8所示。圖7-8 在文檔中播放Flash .7.2.2設(shè)置Flash動畫的屬性選擇Flash動畫后，顯示Flash屬性面板，如圖7-9所示。在這里讀者可以設(shè)置Flash動畫的屬性。圖7-9設(shè)置Flash動畫屬性稱號：標(biāo)識影片的稱號，比如命名為“banner。寬：以像素為單位指定影片的寬度。高：以像素為單位指定影片的高度。文件： Flash文件的途徑。單擊文件夾圖標(biāo)可以選擇一個文件，或者直接鍵入文件途徑。源文件：指定 Flash 源文檔后綴名為.FLA的途徑。編輯：啟動 Flash軟件以編輯FLA文件。重設(shè)大小：重新設(shè)置選定影片的大小。.循環(huán)：假設(shè)選中該選項時影片將延

6、續(xù)播放；假設(shè)沒有選中該選項，那么影片在播放一次后即停頓播放。自動播放：假設(shè)選中該選項，那么在加載頁面時自動播放影片，普通要選中此項。垂直邊距：指定影片上、下空白的像素數(shù)。程度邊距：指定影片左、右空白的像素數(shù)。質(zhì)量：設(shè)置影片播放期間的質(zhì)量。設(shè)置越高，影片的觀看效果就越好，但速度慢。設(shè)置越低，速度快但影片的觀看效果就越差，“高質(zhì)量選項是注重外觀而非速度?！白詣拥唾|(zhì)量選項是首先注重速度，然后才是外觀?！白詣痈哔|(zhì)量選項是首先注重質(zhì)量，然后才是速度。比例：影片如何適宜在寬度和高度文本框中設(shè)置的尺寸。默許值設(shè)置顯示整個影片。有“無邊框和“嚴(yán)厲匹配兩選項。對齊：設(shè)置影片在頁面上的對齊方式。背景顏色：設(shè)置影片

7、的背景顏色。參數(shù)：影片的附加參數(shù)。單擊“參數(shù)按鈕，顯示“參數(shù)對話框，如圖7-10所示。在對話框中可以設(shè)置多種“參數(shù)值。圖7-10 “參數(shù)對話框.7.2.3插入Flash文本在Dreamweaver中可以直接制造并插入Flash文本。Flash文本是動態(tài)效果的文本。插入Flash文本的步驟如下：1在上面制造的表格中第一個單元格內(nèi)定位鼠標(biāo)光標(biāo)。2在“插入欄的“常用類別中，選擇“媒體，然后單擊“Flash文本圖標(biāo) 按扭，或執(zhí)行【插入】-【媒體】-【Flash文本】命令。 3顯示“插入 Flash 文本對話框，對話框中各項屬性設(shè)置如圖7-11所示。圖7-11 “插入 Flash 文本對話框.4單擊“確

8、定按鈕，顯示“對象標(biāo)簽輔助功能屬性對話框，對話框中各項屬性設(shè)置如圖7-12所示。圖7-12 “對象標(biāo)簽輔助功能屬性對話框5單擊“確定按鈕。單擊屬性面板中的“播放按鈕，播放效果如圖7-13所示，當(dāng)鼠標(biāo)挪動到該Flash文本上時，效果如圖7-14所示。 圖7-13 文檔中播放效果 圖7-14 鼠標(biāo)挪動到文本效果 .7.2.4插入Flash按鈕Dreamweaver可以快速創(chuàng)建動態(tài)Flash按鈕，步驟如下：1在文檔中創(chuàng)建表格并定位光標(biāo)，如圖7-15所示。圖7-15創(chuàng)建表格并定位光標(biāo)2在“插入欄的“常用類別中，選擇“媒體，然后單擊“Flash 按鈕圖標(biāo)或執(zhí)行【插入】-【媒體】-【Flash 按鈕】命令

9、。 顯示“插入 Flash 按鈕對話框，如圖7-16所示。圖7-16“插入 Flash 按鈕對話框.3設(shè)置完成后，單擊確定按鈕。文檔中效果如圖7-17所示。4然后再延續(xù)插入幾個按鈕，按快捷鍵【F12】預(yù)覽如圖7-18所示。圖7-17 文檔中Flash 圖7-18預(yù)覽Flash 按鈕.7.2.5插入Flash VideoFlash Video如今在網(wǎng)站上非常流行。Flash 視頻文件后綴名為“.FLV。插入Flash視頻是Dreamweaver 8版本新添加的功能。插入Flash 視頻步驟如下。1在文檔“dmt.htm右邊的空白單元格內(nèi)定位鼠標(biāo)。2在“插入欄的“常用類別中，選擇“媒體，然后單擊“

10、Flash video圖標(biāo)或執(zhí)行【插入】-【媒體】-【Flash視頻】命令，顯示“插入Flash視頻對話框。3在“插入Flash視頻對話框中，從“視頻類型彈出式菜單中選擇“累進(jìn)式下載視頻或“流視頻。假設(shè)選擇“累進(jìn)式下載視頻；將 Flash 視頻文件下載到站點訪問者的硬盤上，然后播放。假設(shè)選擇“流視頻；對Flash視頻內(nèi)容進(jìn)展流式處置，邊緩沖邊播放該內(nèi)容。4比如“視頻類型選擇“累進(jìn)式下載視頻選項：URL：指定FLV文件的途徑。外觀：指定Flash視頻組件的外觀。寬度：以像素為單位指定FLV文件的寬度。高度：以像素為單位指定FLV文件的高度。自動播放：當(dāng)網(wǎng)頁翻開時能否播放視頻。自動重新播放：指定播放控件在視頻播放完之后能否前往起始位置。.5假設(shè)必要，提示用戶下載 Flash Player：在頁面中插入代碼，該