DreamweaverCS網(wǎng)設(shè)計(jì)培訓(xùn)教程電子教案3

第7課通過多媒體元素豐富網(wǎng)頁

本課要點(diǎn)具體要求本課導(dǎo)讀上機(jī)練習(xí)本課要點(diǎn)插入Flash媒體元素插入其他媒體元素具體要求掌握插入Flash動(dòng)畫、按鈕和文本的方法掌握插入FlashPaper的方法掌握插入Flash視頻的方法掌握設(shè)置Flash背景透明的方法了解插入Shockwave影片的方法了解插入JavaApplet的方法熟悉插入背景音樂的方法熟悉插入插件的方法本課導(dǎo)讀 網(wǎng)頁中如果只有圖像和文本，那么表現(xiàn)力畢竟有限。如果在網(wǎng)頁中加入一些動(dòng)感十足的Flash動(dòng)畫，則可以吸引更多瀏覽者的注意。如果再加上背景音樂，那么就更能創(chuàng)建圖像、文本、動(dòng)畫和音樂四位一體的多媒體效果了。7.1插入Flash媒體元素在網(wǎng)頁中添加動(dòng)態(tài)元素可使網(wǎng)頁更具動(dòng)感、更吸引人。Flash動(dòng)畫是網(wǎng)頁中最常見的動(dòng)態(tài)元素。Flash動(dòng)畫是一種矢量動(dòng)畫，它具有動(dòng)畫文件小、效果好并能夠?qū)崿F(xiàn)交互等優(yōu)點(diǎn)。要制作Flash動(dòng)畫，可以使用Adobe公司最新推出的FlashCS3軟件。7.1插入Flash媒體元素

知識(shí)講解

典型案例——制作“江南旅游”網(wǎng)首頁知識(shí)講解 在DreamweaverCS3中，可以直接插入發(fā)布后的Flash動(dòng)畫文件（.swf文件）。可插入的Flash媒體元素包括Flash動(dòng)畫、Flash按鈕和Flash文本等。知識(shí)講解

1.了解Flash文件格式 2.插入Flash動(dòng)畫

3.插入Flash按鈕

4.插入Flash文本

5.插入FlashPaper

6.插入Flash視頻

7.設(shè)置Flash動(dòng)畫背景透明1.了解Flash文件格式要想在網(wǎng)頁中插入合適的Flash媒體元素，首先得了解其文件格式。Flash文件主要有以下3種文件類型：.swf.fla.swt2.插入Flash動(dòng)畫 制作網(wǎng)頁時(shí)必須考慮到網(wǎng)絡(luò)的下載速度，所以在插入Flash動(dòng)畫文件之前最好將其壓縮為.swf格式。在網(wǎng)頁中插入Flash動(dòng)畫后，可在【屬性】面板中對其進(jìn)行大小調(diào)整和預(yù)覽等操作。插入Flash動(dòng)畫的具體操作請教師參照軟件和書中內(nèi)容進(jìn)行講解。3.插入入Flash按鈕鈕DreamweaverCS3中集集成成了了許許多多精精美美的的Flash按鈕鈕，，這這為為增增加加網(wǎng)網(wǎng)頁頁動(dòng)動(dòng)態(tài)態(tài)效效果果提提供供了了方方便便。。在在制制作作網(wǎng)網(wǎng)頁頁時(shí)時(shí)，，也也可可以以將將自自己己制制作作的的Flash按鈕鈕插插入入到到網(wǎng)網(wǎng)頁頁中中。。插插入入Flash按鈕鈕的的方方法法與與插插入入Flash動(dòng)畫畫類類似似，，這這里里主主要要講講解解插插入入DreamweaverCS3中集集成成按按鈕鈕的的方方法法。。具具體體操操作作請請教教師師參參照照教教材材進(jìn)進(jìn)行行講講解解。。4.插入入Flash文本本在網(wǎng)網(wǎng)頁頁中中還還可可以以插插入入Flash文本本，，插插入入Flash文本本的的方方法法與與插插入入Flash按鈕鈕的的方方法法類類似似。。Flash文本本是是DreamweaverCS3中集集成成的的文文本本動(dòng)動(dòng)畫畫，，可可以以通通過過【插入入Flash文本本】對話話框框插插入入。。在在網(wǎng)網(wǎng)頁頁中中插插入入Flash文本本的的具具體體操操作作請請教教師師參參照照軟軟件件和和書書中中內(nèi)內(nèi)容容進(jìn)進(jìn)行行講講解解。。5.插入入FlashPaperFlashPaper是一一種種特特殊殊的的Flash動(dòng)畫畫文文件件，，可可以以通通過過FlashPaper軟件件制制作作。。制制作作網(wǎng)網(wǎng)頁頁時(shí)時(shí)，，可可以以利利用用插插入入FlashPaper功能能在在網(wǎng)網(wǎng)頁頁中中插插入入FlashPaper文檔檔。。這這樣樣，，在在瀏瀏覽覽器器中中打打開開包包含含F(xiàn)lashPaper文檔檔的的網(wǎng)網(wǎng)頁頁時(shí)時(shí)，，用用戶戶就就可可以以瀏瀏覽覽FlashPaper文檔中中的所所有頁頁面，，而無無須加加載新新的網(wǎng)網(wǎng)頁；；用戶戶也可可以搜搜索、、打印印和縮縮放該該文檔檔。在在網(wǎng)頁頁中插插入FlashPaper的具體體操作作請教教師參參照軟軟件和和書中中內(nèi)容容進(jìn)行行講解解。6.插入Flash視頻插入Flash視頻也也是目目前網(wǎng)網(wǎng)頁制制作中中常用用的方方法。。在DreamweaverCS3中，可可以輕輕松地地在網(wǎng)網(wǎng)頁中中插入入Flash視頻。。插入入Flash視頻的的具體體操作作請教教師參參照軟軟件和和書中中內(nèi)容容進(jìn)行行講解解。7.設(shè)置Flash動(dòng)畫背背景透透明有時(shí)，，為了了優(yōu)化化網(wǎng)頁頁視覺覺效果果，可可在表表格的的單元元格中中插入入背景景圖像像，然然后再再在該該單元元格中中插入入Flash動(dòng)畫，，這時(shí)時(shí)需要要將Flash動(dòng)畫設(shè)設(shè)置為為背景景透明明，否否則就就看不不見下下面的的背景景圖像像了。。設(shè)置置Flash動(dòng)畫背背景透透明的的具體體操作作請教教師參參照軟軟件和和書中中內(nèi)容容進(jìn)行行講解解。典型案案例——制作““江南南旅游游”網(wǎng)網(wǎng)首頁頁案例目目標(biāo)本案例例將制制作一一個(gè)網(wǎng)網(wǎng)站的的首頁頁，主主要練練習(xí)插插入Flash動(dòng)畫、、Flash文本和和Flash按鈕。。典型案案例——制作““江南南旅游游”網(wǎng)網(wǎng)首頁頁操作思思路（1）設(shè)置置頁面面屬性性，并并插入入圖像像。（2）插入入Flash動(dòng)畫。。（3）設(shè)置置Flash動(dòng)畫背背景透透明。。（4）插入入Flash文本。。（5）插入入Flash按鈕。。典型案案例——制作““江南南旅游游”網(wǎng)網(wǎng)首頁頁操作步步驟具體操操作步步驟請請教師師參照照軟件件和書書中內(nèi)內(nèi)容進(jìn)進(jìn)行講講解。。典型案案例——制作““江南南旅游游”網(wǎng)網(wǎng)首頁頁案例小小結(jié)本案例例練習(xí)習(xí)了添添加Flash動(dòng)畫、、Flash文本、、Flash按鈕和和設(shè)置置Flash動(dòng)畫背背景透透明等等。為為了使使Dreamweaver能正常常插入入Flash文本和和Flash按鈕，，網(wǎng)頁頁的保保存路路徑中中不能能包含含中文文，而而且Flash文本和和Flash按鈕的的保存存路徑徑中也也不能能包含含中文文；如如果網(wǎng)網(wǎng)站文文件夾夾名稱稱中由由于某某些因因素一一定要要包含含中文文，則則可在在不包包含中中文的的路徑徑下創(chuàng)創(chuàng)建新新頁面面，在在此頁頁面中中插入入Flash文本或或Flash按鈕，，此時(shí)時(shí)，Dreamweaver能正常常創(chuàng)建建所需需的Flash文本或或Flash按鈕，，并生生成.swf文件，，然后后將生生成的的.swf文件復(fù)復(fù)制到到網(wǎng)站站所需需目錄錄中，，使用用插入入Flash的方法法插入入該文文件，，便可可實(shí)現(xiàn)現(xiàn)相對對應(yīng)的的同種種功能能。7.2插入其其他媒媒體元元素在DreamweaverCS3中，除除了可可以插插入Flash媒體元元素外外，還還可添添加其其他媒媒體元元素，，如Shockwave影片、、JavaApplet及背景景音樂樂等。。7.2插入其其他媒媒體元元素知識(shí)講講解典型案案例——在線影影院知識(shí)講講解下面講講解在在DreamweaverCS3中插入入Shockwave影片、、JavaApplet及背景景音樂樂等的的方法法。知識(shí)講講解1.插入Shockwave影片2.插入JavaApplet3.插入背背景音音樂4.插入插插件1.插入Shockwave影片Shockwave影片具具有文文件小小、下下載速速度快快、被被目前前主流流的瀏瀏覽器器所支支持等等優(yōu)點(diǎn)點(diǎn)，廣廣泛應(yīng)應(yīng)用于于網(wǎng)頁頁制作作中。。它是是使用用Director制作的的多媒媒體影影片文文件。。在DreamweaverCS3中插入入Shockwave影片的的具體體操作作請教教師參參照軟軟件和和書中中內(nèi)容容進(jìn)行行講解解。2.插入JavaApplet3.插入背背景音音樂在DreamweaverCS3中，可可以為為網(wǎng)頁頁添加加背景景音樂樂。背背景音音樂是是在網(wǎng)網(wǎng)頁后后臺(tái)播播放的的音樂樂，在在制作作時(shí)可可以采采用在在源代代碼中中添加加代碼碼的方方法來來添加加背景景音樂樂，具具體操操作請請教師師參照照軟件件和書書中內(nèi)內(nèi)容進(jìn)進(jìn)行講講解。。4.插入插插件如果想想在瀏瀏覽器器中訪訪問更更多類類型的的媒體體對象象，就就必須須借助助插件件。利利用插插件可可以在在網(wǎng)頁頁中插插入各各種類類型的的媒體體元素素。插插件包包括的的范圍圍很廣廣，如如視頻頻文件件、音音樂文文件和和動(dòng)畫畫文件件等。。前面面介紹紹的Shockwave影片就就是插插件中中的一一員。。插入插插件的的具體體操作作請教教師參參照軟軟件和和書中中內(nèi)容容進(jìn)行行講解解。典型案例例——在線影院院案例目標(biāo)標(biāo)本案例將將在網(wǎng)頁頁中插入入一個(gè)插插件，以以豐富網(wǎng)網(wǎng)頁內(nèi)容容，主要要練習(xí)插插入插件件的操作作。典型案例例——在線影院院操作思路路（1）插入插插件。（2）設(shè)置插插件屬性性。典型案例例——在線影院院操作步驟驟具體操作作步驟請請教師參參照軟件件和書中中內(nèi)容進(jìn)進(jìn)行講解解。典型案例例——在線影院