Dreamweaver CS3網(wǎng)頁設(shè)計培訓(xùn)教程電子教案

第7課經(jīng)過多媒體元素豐富網(wǎng)頁本課要點(diǎn)詳細(xì)要求本課導(dǎo)讀上機(jī)練習(xí)本課要點(diǎn)插入Flash媒體元素插入其他媒體元素詳細(xì)要求掌握插入Flash動畫、按鈕和文本的方法掌握插入FlashPaper的方法掌握插入Flash視頻的方法掌握設(shè)置Flash背景透明的方法了解插入Shockwave影片的方法了解插入JavaApplet的方法熟習(xí)插入背景音樂的方法熟習(xí)插入插件的方法本課導(dǎo)讀 網(wǎng)頁中假設(shè)只需圖像和文本，那么表現(xiàn)力畢竟有限。假設(shè)在網(wǎng)頁中參與一些動感十足的Flash動畫，那么可以吸引更多閱讀者的留意。假設(shè)再加上背景音樂，那么就更能創(chuàng)建圖像、文本、動畫和音樂四位一體的多媒體效果了。7.1插入Flash媒體元素在網(wǎng)頁中添加動態(tài)元素可使網(wǎng)頁更具動感、更吸引人。Flash動畫是網(wǎng)頁中最常見的動態(tài)元素。Flash動畫是一種矢量動畫，它具有動畫文件小、效果好并可以實現(xiàn)交互等優(yōu)點(diǎn)。要制造Flash動畫，可以運(yùn)用Adobe公司最新推出的FlashCS3軟件。7.1插入Flash媒體元素 7.1.1知識講解 7.1.2典型案例——制造“江南旅游〞網(wǎng)首頁7.1.1知識講解 在DreamweaverCS3中，可以直接插入發(fā)布后的Flash動畫文件〔.swf文件〕?？刹迦氲腇lash媒體元素包括Flash動畫、Flash按鈕和Flash文本等。7.1.1知識講解 1.了解Flash文件格式 2.插入Flash動畫 3.插入Flash按鈕 4.插入Flash文本 5.插入FlashPaper 6.插入Flash視頻 7.設(shè)置Flash動畫背景透明1.了解Flash文件格式要想在網(wǎng)頁中插入適宜的Flash媒體元素，首先得了解其文件格式。Flash文件主要有以下3種文件類型：.swf.fla.swt2.插入Flash動畫 制造網(wǎng)頁時必需思索到網(wǎng)絡(luò)的下載速度，所以在插入Flash動畫文件之前最好將其緊縮為.swf格式。在網(wǎng)頁中插入Flash動畫后，可在【屬性】面板中對其進(jìn)展大小調(diào)整和預(yù)覽等操作。插入Flash動畫的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。3.插入Flash按鈕 DreamweaverCS3中集成了許多精巧的Flash按鈕，這為添加網(wǎng)頁動態(tài)效果提供了方便。在制造網(wǎng)頁時，也可以將本人制造的Flash按鈕插入到網(wǎng)頁中。插入Flash按鈕的方法與插入Flash動畫類似，這里主要講解插入DreamweaverCS3中集成按鈕的方法。詳細(xì)操作請教師參照教材進(jìn)展講解。4.插入Flash文本 在網(wǎng)頁中還可以插入Flash文本，插入Flash文本的方法與插入Flash按鈕的方法類似。Flash文本是DreamweaverCS3中集成的文本動畫，可以經(jīng)過【插入Flash文本】對話框插入。在網(wǎng)頁中插入Flash文本的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。5.插入FlashPaper FlashPaper是一種特殊的Flash動畫文件，可以經(jīng)過FlashPaper軟件制造。制造網(wǎng)頁時，可以利用插入FlashPaper功能在網(wǎng)頁中插入FlashPaper文檔。這樣，在閱讀器中翻開包含F(xiàn)lashPaper文檔的網(wǎng)頁時，用戶就可以閱讀FlashPaper文檔中的一切頁面，而無須加載新的網(wǎng)頁；用戶也可以搜索、打印和縮放該文檔。在網(wǎng)頁中插入FlashPaper的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。6.插入Flash視頻 插入Flash視頻也是目前網(wǎng)頁制造中常用的方法。在DreamweaverCS3中，可以輕松地在網(wǎng)頁中插入Flash視頻。插入Flash視頻的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。7.設(shè)置Flash動畫背景透明 有時，為了優(yōu)化網(wǎng)頁視覺效果，可在表格的單元格中插入背景圖像，然后再在該單元格中插入Flash動畫，這時需求將Flash動畫設(shè)置為背景透明，否那么就看不見下面的背景圖像了。設(shè)置Flash動畫背景透明的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。7.1.2典型案例——制造“江南旅游〞網(wǎng)首頁案例目的 本案例將制造一個網(wǎng)站的首頁，主要練習(xí)插入Flash動畫、Flash文本和Flash按鈕。7.1.2典型案例——制造“江南旅游〞網(wǎng)首頁操作思緒〔1〕設(shè)置頁面屬性，并插入圖像?！?〕插入Flash動畫?！?〕設(shè)置Flash動畫背景透明?！?〕插入Flash文本?！?〕插入Flash按鈕。7.1.2典型案例——制造“江南旅游〞網(wǎng)首頁操作步驟 詳細(xì)操作步驟請教師參照軟件和書中內(nèi)容進(jìn)展講解。7.1.2典型案例——制造“江南旅游〞網(wǎng)首頁案例小結(jié) 本案例練習(xí)了添加Flash動畫、Flash文本、Flash按鈕和設(shè)置Flash動畫背景透明等。為了使Dreamweaver能正常插入Flash文本和Flash按鈕，網(wǎng)頁的保管途徑中不能包含中文，而且Flash文本和Flash按鈕的保管途徑中也不能包含中文；假設(shè)網(wǎng)站文件夾稱號中由于某些要素一定要包含中文，那么可在不包含中文的途徑下創(chuàng)建新頁面，在此頁面中插入Flash文本或Flash按鈕，此時，Dreamweaver能正常創(chuàng)建所需的Flash文本或Flash按鈕，并生成.swf文件，然后將生成的.swf文件復(fù)制到網(wǎng)站所需目錄中，運(yùn)用插入Flash的方法插入該文件，便可實現(xiàn)相對應(yīng)的同種功能。7.2插入其他媒體元素 在DreamweaverCS3中，除了可以插入Flash媒體元素外，還可添加其他媒體元素，如Shockwave影片、JavaApplet及背景音樂等。7.2插入其他媒體元素 7.2.1知識講解 7.2.2典型案例——在線影院7.2.1知識講解 下面講解在DreamweaverCS3中插入Shockwave影片、JavaApplet及背景音樂等的方法。7.2.1知識講解 1.插入Shockwave影片 2.插入JavaApplet 3.插入背景音樂 4.插入插件 1.插入Shockwave影片 Shockwave影片具有文件小、下載速度快、被目前主流的閱讀器所支持等優(yōu)點(diǎn)，廣泛運(yùn)用于網(wǎng)頁制造中。它是運(yùn)用Director制造的多媒體影片文件。在DreamweaverCS3中插入Shockwave影片的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。2.插入JavaAppletJavaApplet是Java的運(yùn)用程序，是一種動態(tài)、平安和跨平臺的網(wǎng)絡(luò)運(yùn)用程序，它能在網(wǎng)頁中實現(xiàn)一些特殊效果，如下雪、水紋和下雨等。JavaApplet常被嵌入到HTML言語中，可以實現(xiàn)較為復(fù)雜的控制和動態(tài)效果?？梢詮木W(wǎng)站上下載JavaApplet，如httpjava/zh等網(wǎng)站。在網(wǎng)頁中插入JavaApplet的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。3.插入背景音樂 在DreamweaverCS3中，可以為網(wǎng)頁添加背景音樂。背景音樂是在網(wǎng)頁后臺播放的音樂，在制造時可以采用在源代碼中添加代碼的方法來添加背景音樂，詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。

4.插入插件 假設(shè)想在閱讀器中訪問更多類型的媒體對象，就必需借助插件。利用插件可以在網(wǎng)頁中插入各種類型的媒體元素。插件包括的范圍很廣，如視頻文件、音樂文件和動畫文件等。前面引見的Shockwave影片就是插件中的一員。插入插件的詳細(xì)操作請教師參照軟件和書中內(nèi)容進(jìn)展講解。

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