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

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

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

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

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