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

1、第7課 通過多媒體元素豐富網(wǎng)頁 本課要點(diǎn)具體要求本課導(dǎo)讀上機(jī)練習(xí)本課要點(diǎn)點(diǎn)插入Flash媒體元元素插入其他他媒體元元素具體要求求掌握插入入Flash動(dòng)畫、按按鈕和文文本的方方法掌握插入入FlashPaper的方法掌握插入入Flash視頻的方方法掌握設(shè)置置Flash背景透明明的方法法了解插入入Shockwave影片的方方法了解插入入Java Applet的方法熟悉插入入背景音音樂的方方法熟悉插入入插件的的方法本課導(dǎo)讀讀網(wǎng)頁中如如果只有有圖像和和文本，那么表表現(xiàn)力畢畢竟有限限。如果果在網(wǎng)頁頁中加入入一些動(dòng)動(dòng)感十足足的Flash動(dòng)畫，則則可以吸吸引更多多瀏覽者者的注意意。如果果再加上上背景音音樂，那

2、那么就更更能創(chuàng)建建圖像、文本、動(dòng)畫和和音樂四四位一體體的多媒媒體效果果了。7.1插入Flash媒體元素素在網(wǎng)頁中中添加動(dòng)動(dòng)態(tài)元素素可使網(wǎng)網(wǎng)頁更具具動(dòng)感、更吸引引人。Flash動(dòng)畫是網(wǎng)網(wǎng)頁中最最常見的的動(dòng)態(tài)元元素。Flash動(dòng)畫是一一種矢量量動(dòng)畫，它具有有動(dòng)畫文文件小、效果好好并能夠夠?qū)崿F(xiàn)交交互等優(yōu)優(yōu)點(diǎn)。要要制作Flash動(dòng)畫，可可以使用用Adobe公司最新新推出的的FlashCS3軟件。7.1插入Flash媒體元素素7.1.1知識講解解7.1.2典型案例例制作“江江南旅游游”網(wǎng)首首頁7.1.1知識講解解在DreamweaverCS3中，可以以直接插插入發(fā)布布后的Flash動(dòng)畫文件件（.swf文

3、件）?？刹迦肴氲腇lash媒體元素素包括Flash動(dòng)畫、Flash按鈕和Flash文本等。7.1.1知識講解解1.了解Flash文件格式式2.插入Flash動(dòng)畫3.插入Flash按鈕4.插入Flash文本5.插入FlashPaper6.插入Flash視頻7.設(shè)置Flash動(dòng)畫背景景透明1.了解Flash文件格式式要想在網(wǎng)網(wǎng)頁中插插入合適適的Flash媒體元素素，首先先得了解解其文件件格式。Flash文件主要要有以下下3種文件類類型：.swf.fla.swt2.插入Flash動(dòng)畫制作網(wǎng)頁頁時(shí)必須須考慮到到網(wǎng)絡(luò)的的下載速速度，所所以在插插入Flash動(dòng)畫文件件之前最最好將其其壓縮為為.swf格式。

4、在在網(wǎng)頁中中插入Flash動(dòng)畫后，可在【屬性】面板中對對其進(jìn)行行大小調(diào)調(diào)整和預(yù)預(yù)覽等操操作。插插入Flash動(dòng)畫的具具體操作作請教師師參照軟軟件和書書中內(nèi)容容進(jìn)行講講解。3.插入Flash按鈕DreamweaverCS3中集成了了許多精精美的Flash按鈕，這這為增加加網(wǎng)頁動(dòng)動(dòng)態(tài)效果果提供了了方便。在制作作網(wǎng)頁時(shí)時(shí)，也可可以將自自己制作作的Flash按鈕插入入到網(wǎng)頁頁中。插插入Flash按鈕的方方法與插插入Flash動(dòng)畫類似似，這里里主要講講解插入入DreamweaverCS3中集成按按鈕的方方法。具具體操作作請教師師參照教教材進(jìn)行行講解。4.插入Flash文本在網(wǎng)頁中中還可以以插入Flash

5、文本，插插入Flash文本的方方法與插插入Flash按鈕的方方法類似似。Flash文本是DreamweaverCS3中集成的的文本動(dòng)動(dòng)畫，可可以通過過【插入Flash文本】對話框插插入。在在網(wǎng)頁中中插入Flash文本的具具體操作作請教師師參照軟軟件和書書中內(nèi)容容進(jìn)行講講解。5.插入FlashPaperFlashPaper是一種特特殊的Flash動(dòng)畫文件件，可以以通過FlashPaper軟件制作作。制作作網(wǎng)頁時(shí)時(shí)，可以以利用插插入FlashPaper功能在網(wǎng)網(wǎng)頁中插插入FlashPaper文檔。這這樣，在在瀏覽器器中打開開包含F(xiàn)lashPaper文檔的網(wǎng)網(wǎng)頁時(shí)，用戶就就可以瀏瀏覽FlashPap

6、er文檔中的的所有頁頁面，而而無須加加載新的的網(wǎng)頁；用戶也也可以搜搜索、打打印和縮縮放該文文檔。在在網(wǎng)頁中中插入FlashPaper的具體操操作請教教師參照照軟件和和書中內(nèi)內(nèi)容進(jìn)行行講解。6.插入Flash視頻插入Flash視頻也是是目前網(wǎng)網(wǎng)頁制作作中常用用的方法法。在DreamweaverCS3中，可以以輕松地地在網(wǎng)頁頁中插入入Flash視頻。插插入Flash視頻的具具體操作作請教師師參照軟軟件和書書中內(nèi)容容進(jìn)行講講解。7.設(shè)置Flash動(dòng)畫背景景透明有時(shí)，為為了優(yōu)化化網(wǎng)頁視視覺效果果，可在在表格的的單元格格中插入入背景圖圖像，然然后再在在該單元元格中插插入Flash動(dòng)畫，這這時(shí)需要要將Fl

7、ash動(dòng)畫設(shè)置置為背景景透明，否則就就看不見見下面的的背景圖圖像了。設(shè)置Flash動(dòng)畫背景景透明的的具體操操作請教教師參照照軟件和和書中內(nèi)內(nèi)容進(jìn)行行講解。7.1.2典型案例例制作“江江南旅游游”網(wǎng)首首頁案例目標(biāo)標(biāo)本案例將將制作一一個(gè)網(wǎng)站站的首頁頁，主要要練習(xí)插插入Flash動(dòng)畫、Flash文本和Flash按鈕。7.1.2典型案例例制作“江江南旅游游”網(wǎng)首首頁操作思路路（1）設(shè)置頁頁面屬性性，并插插入圖像像。（2）插入Flash動(dòng)畫。（3）設(shè)置Flash動(dòng)畫背景景透明。（4）插入Flash文本。（5）插入Flash按鈕。7.1.2典型案例例制作“江江南旅游游”網(wǎng)首首頁操作步驟驟具體操作作步驟請請

8、教師參參照軟件件和書中中內(nèi)容進(jìn)進(jìn)行講解解。7.1.2典型案例例制作“江江南旅游游”網(wǎng)首首頁案例小結(jié)結(jié)本案例練練習(xí)了添添加Flash動(dòng)畫、Flash文本、Flash按鈕和設(shè)設(shè)置Flash動(dòng)畫背景景透明等等。為了了使Dreamweaver能正常插插入Flash文本和Flash按鈕，網(wǎng)網(wǎng)頁的保保存路徑徑中不能能包含中中文，而而且Flash文本和Flash按鈕的保保存路徑徑中也不不能包含含中文；如果網(wǎng)網(wǎng)站文件件夾名稱稱中由于于某些因因素一定定要包含含中文，則可在在不包含含中文的的路徑下下創(chuàng)建新新頁面，在此頁頁面中插插入Flash文本或Flash按鈕，此此時(shí)，Dreamweaver能正常創(chuàng)創(chuàng)建所需需的F

9、lash文本或Flash按鈕，并并生成.swf文件，然然后將生生成的.swf文件復(fù)制制到網(wǎng)站站所需目目錄中，使用插插入Flash的方法插插入該文文件，便便可實(shí)現(xiàn)現(xiàn)相對應(yīng)應(yīng)的同種種功能。7.2插入其他他媒體元元素在DreamweaverCS3中，除了了可以插插入Flash媒體元素素外，還還可添加加其他媒媒體元素素，如Shockwave影片、Java Applet及背景音音樂等。7.2插入其他他媒體元元素7.2.1知識講解解7.2.2典型案例例在線影院院7.2.1知識講解解下面講解解在DreamweaverCS3中插入Shockwave影片、Java Applet及背景音音樂等的的方法。7.2.1

10、知識講解解1.插入Shockwave影片2.插入Java Applet3.插入背景景音樂4.插入插件件1.插入Shockwave影片Shockwave影片具有有文件小小、下載載速度快快、被目目前主流流的瀏覽覽器所支支持等優(yōu)優(yōu)點(diǎn)，廣廣泛應(yīng)用用于網(wǎng)頁頁制作中中。它是是使用Director制作的多多媒體影影片文件件。在DreamweaverCS3中插入Shockwave影片的具具體操作作請教師師參照軟軟件和書書中內(nèi)容容進(jìn)行講講解。2.插入Java Applet3.插入背景景音樂在DreamweaverCS3中，可以以為網(wǎng)頁頁添加背背景音樂樂。背景景音樂是是在網(wǎng)頁頁后臺(tái)播播放的音音樂，在在制作時(shí)時(shí)可以

11、采采用在源源代碼中中添加代代碼的方方法來添添加背景景音樂，具體操操作請教教師參照照軟件和和書中內(nèi)內(nèi)容進(jìn)行行講解。4.插入插件件如果想在在瀏覽器器中訪問問更多類類型的媒媒體對象象，就必必須借助助插件。利用插插件可以以在網(wǎng)頁頁中插入入各種類類型的媒媒體元素素。插件件包括的的范圍很很廣，如如視頻文文件、音音樂文件件和動(dòng)畫畫文件等等。前面面介紹的的Shockwave影片就是是插件中中的一員員。插入插件件的具體體操作請請教師參參照軟件件和書中中內(nèi)容進(jìn)進(jìn)行講解解。7.2.2典型案例例在線影院院案例目標(biāo)標(biāo)本案例將將在網(wǎng)頁頁中插入入一個(gè)插插件，以以豐富網(wǎng)網(wǎng)頁內(nèi)容容，主要要練習(xí)插插入插件件的操作作。7.2.2典

12、型案例例在線影院院操作思路路（1）插入插插件。（2）設(shè)置插插件屬性性。7.2.2典型案例例在線影院院操作步驟驟具體操作作步驟請請教師參參照軟件件和書中中內(nèi)容進(jìn)進(jìn)行講解解。7.2.2典型案例例在線影院院案例小結(jié)結(jié)本案例在在“在線線影院”網(wǎng)頁中中插入了了一個(gè)插插件，在在制作過過程中主主要練習(xí)習(xí)了插入入插件以以及設(shè)置置插件屬屬性等操操作。制制作本案案例主要要是為了了讓讀者者靈活掌掌握插入入插件的的方法，從而學(xué)學(xué)會(huì)在網(wǎng)網(wǎng)頁制作作過程中中插入其其他媒體體元素。7.3上機(jī)練習(xí)習(xí)7.3.1個(gè)人主頁頁7.3.2MTV欣賞7.3.1個(gè)人主頁頁本練習(xí)將將制作一一個(gè)個(gè)人人主頁，主要練練習(xí)插入入Flash動(dòng)畫、設(shè)設(shè)置Flash動(dòng)畫背景景透明以以及添加加背景音音樂。7.3