《網(wǎng)頁設(shè)計與制作》課件-項目八 任務(wù)一 網(wǎng)頁中的多媒體元素（一）

Dreamweaver網(wǎng)頁制作基礎(chǔ)教程項目八網(wǎng)頁中的多媒體元素

核心技術(shù)網(wǎng)頁中Flash元素的應(yīng)用網(wǎng)頁中視頻的引用網(wǎng)頁中聲音的引用任務(wù)目標(biāo)任務(wù)一：為網(wǎng)頁添加Flash動畫任務(wù)二：為網(wǎng)頁添加背景音樂和視頻能力目標(biāo)

動畫的使用視頻的使用聲音的使用項目背景出于對學(xué)校的宣傳，需要為學(xué)校網(wǎng)站的網(wǎng)頁添加一些視頻信息、動畫元素和音頻信息。要求學(xué)校網(wǎng)站管理員根據(jù)實際需要，在網(wǎng)站中的一些網(wǎng)頁中引入相關(guān)的多媒體信息。項目分析網(wǎng)頁中涉及的多媒體元素一般包括圖片、聲音、視頻、動畫幾類。由于不同的媒體類型，格式都不相同，因而添加到網(wǎng)頁中的方式也各不相同。使用不同的媒體可以增加網(wǎng)頁的表現(xiàn)力，給訪問者留下深刻的印象。任務(wù)一網(wǎng)頁中的文本任務(wù)描述為學(xué)校網(wǎng)站注冊頁面添加制作好的Flash動畫，最終效果如圖8.1.1所示。知識準(zhǔn)備由于HTML語言的功能十分有限，無法達(dá)到人們的預(yù)期設(shè)計，以實現(xiàn)令人耳目一新的動態(tài)效果，所以在這種情況下，各種腳本語言應(yīng)運(yùn)而生，使網(wǎng)頁設(shè)計更加多樣化。然而，程序設(shè)計要求一定的編程能力，而人們更需要一種既簡單直觀又功能強(qiáng)大的動畫設(shè)計工具，而Flash的出現(xiàn)正好滿足了這種需求。Flash是美國的MacroMedia公司于1999年6月推出的網(wǎng)頁動畫設(shè)計軟件。它是一種交互式動畫設(shè)計工具，用它可以將音樂、聲效、動畫及富有新意的界面融合在一起，制作出高品質(zhì)的網(wǎng)頁動態(tài)效果。Flash動畫是一種矢量動畫格式，它是用MacroMedia公司的Flash軟件編輯而成的，具有體積小、兼容性好、直觀動感、互動性強(qiáng)、支持MP3音樂等諸多優(yōu)點，是當(dāng)今最流行的Web頁面動畫格式。任務(wù)準(zhǔn)備如果Dreamweaver中沒有站點，則利用Dreamweaver創(chuàng)建一個站點。將需要的素材“項目8”放入站點中。需要用到的圖片在“項目8\images”文件夾下。保存的文件名為“zhuce.html”。文件格式要求是HTML靜態(tài)頁面。任務(wù)實施圖8.1.1制作完成后的頁面步驟1：新建一個HTML網(wǎng)頁文件，保存為“zhuce.html”，或者打開素材庫中的zhuce.html。文件位置“項目8/zhuce.html”文件夾。將光標(biāo)定位在網(wǎng)頁最上面的單元格，如圖8.1.2所示。步驟2：選擇菜單“插入記錄”→“媒體”→“Flash”選項，如圖8.1.3所示。在“選擇文件”對話框內(nèi)選擇“項目8/media/banner.swf”文件，如圖8.1.4所示，然后單擊“確定”按鈕。圖8.1.3“Flash”選項圖8.1.4“選擇文件”對話框設(shè)置標(biāo)題為banner，如圖8.1.5所示。插入后的設(shè)計視圖如圖8.1.6所示。在瀏覽器中查看插入后的效果，原來靜態(tài)的圖片顯示為動態(tài)。插入的.swf文件可以在代碼窗口中修改寬度和高度屬性，如圖8.1.7所示。圖8.1.5設(shè)置標(biāo)題圖8.1.6設(shè)計視圖圖8.1.7設(shè)置Flash文件屬性知識拓展Flash的格式

.fla文件通常被稱為源文件，可以在Flash中打開、編輯和保存它，它在Flash中的地位就象.PSD文件在Photoshop中的地位一樣。所有的原始素材都保存在.fla文件中，由于它包含所需要的全部原始信息，所以體積較大。一般來說，.fla源文件不能直接用在網(wǎng)頁中，必須通過在Flash中生成可以執(zhí)行的.swf文件才能最終應(yīng)用在網(wǎng)頁中，但由于.swf文件的不可編輯性，因而需要保存好Flash源文件，以便動畫效果的下次修改。.swf文件全稱shackwavefile，是由.fla文件在Flash中編輯完成后輸出的成品文件，也就是人們通常在網(wǎng)絡(luò)上看見的Flash動畫。.swf文件可以由Flash插件來播放，也可以制成單獨的可執(zhí)行文件，這時無須插件即可播放。.swf文件只包含必需的最