第7課通過多媒體元素豐富網頁

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

知識講解

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

1.了解Flash文件格式 2.插入Flash動畫

3.插入Flash按鈕

4.插入Flash文本

5.插入FlashPaper

6.插入Flash視頻

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