第6課為網頁加入動態元素本課要點具體要求本課導讀上機練習第6課為網頁加入動態元素本課要點本課要點插入Flash媒體元素插入其他媒體元素本課要點插入Flash媒體元素具體要求插入Flash動畫插入Flash按鈕插入Flash文本插入FlashPaper插入Flash視頻插入Shockwave影片插入背景音樂具體要求插入Flash動畫本課導讀

網頁中只有圖像和文本，表現力畢竟有限，如果在網頁中加入一些動感十足的Flash動畫，可以吸引更多瀏覽者的注意。如果再加上背景音樂，那就能創建圖像、文本、動畫和音樂四位一體的多媒體效果了。本課導讀 網頁中只有圖像和文本，表現力畢竟有限，如果在網頁中6.1插入Flash媒體元素

在網頁中添加動態元素可使網頁看起來更吸引人。Flash動畫是網頁中最常見的動態元素。 Flash動畫是一種矢量動畫，它具有生成的動畫文件較小、效果好、并能夠實現交互等優點。要制作Flash動畫，可以使用Macromedia公司出品的Flash軟件。6.1插入Flash媒體元素 在網頁中添加動態元素可使網6.1插入Flash媒體元素6.1.1

知識講解6.1.2

典型案例——為網頁添加Flash元素6.1插入Flash媒體元素6.1.1知識講解6.1.1知識講解

在Dreamweaver8中可以直接插入發布后的Flash動畫（.swf文件），可插入的Flash動畫包括Flash動畫文件、Flash按鈕和Flash文本等。6.1.1知識講解 在Dreamweaver8中可以直6.1.1知識講解1.了解Flash文件格式2.插入Flash動畫3.插入Flash按鈕4.插入Flash文本5.插入FlashPaper6.插入Flash視頻7.設置Flash背景透明

6.1.1知識講解1.了解Flash文件格式1.了解Flash文件格式

Flash文件主要有以下三種文件類型。.swf：該類文件是Flash電影文件，是運用于網絡中的最佳格式文件，是一種壓縮 格式的Flash文件。fla：該類文件是Flash的源文件，在Flash應用程序中創建并且只能在Flash應用程序中打開。.swt：該類文件是Flash庫文件，這種類型的文件允許修改Flash動畫文件中的信息，這類文件常用于Flash按鈕對象中。

1.了解Flash文件格式 Flash文件主要有以下三種文2.插入Flash動畫具體操作如下：（1）將光標插入點定位到需插入Flash動畫文件的位置。（2）選擇【插入】→【媒體】→【Flash】命令，打開【選擇文件】對話框。（3）在該對話框的【查找范圍】下拉列表框中選擇文件所在的位置，然后在文件列表框中選中要插入的Flash文件。（4）單擊【確定】按鈕，完成Flash動畫文件的插入。

2.插入Flash動畫具體操作如下：3.插入Flash按鈕

在Dreamweaver8中集成了許多精美的Flash按鈕，這為增加網頁動態效果提供了方便。在制作網頁時可以將自己制作的Flash按鈕插入到網頁中，也可插入Dreamweaver8集成的按鈕。 具體操作步驟請教師參照書中步驟進行講解。3.插入Flash按鈕 在Dreamweaver8中集成4.插入Flash文本

在網頁中還可以插入Flash文本，Flash文本是Dreamweaver8中集成的文本動畫，通過【插入Flash文本】對話框創建。 具體操作步驟請教師參照書中步驟進行講解。4.插入Flash文本在網頁中還可以插入Flash文5.插入FlashPaper

FlashPaper是一種特殊的Flash動畫文件，可以通過FlashPaper軟件制作。制作網頁時，可以利用插入FlashPaper功能在網頁中插入MacromediaFlashPaper文檔。這樣在瀏覽器中打開包含FlashPaper文檔的網頁時，用戶就可瀏覽FlashPaper文檔中的所有頁面，而無須加載新的網頁。用戶也可以搜索、打印和縮放該文檔。 具體操作步驟請教師參照書中步驟進行講解。5.插入FlashPaperFlashPaper是一6.插入Flash視頻插入Flash視頻也是目前網頁制作中常用的方法。用Dreamweaver8可以輕松地在網頁中插入Flash視頻內容，這是Dreamweaver8新增的功能。 具體操作步驟請教師參照書中步驟進行講解。6.插入Flash視頻插入Flash視頻也是目前網頁7.設置Flash背景透明有時為了提高網頁視覺效果，可在表格的單元格中插入背景圖像，然后再在該單元格中插入Flash影片，這時需要將Flash影片設置為背景透明，否則就看不見下面的背景圖像。 具體操作步驟請教師參照書中步驟進行講解。7.設置Flash背景透明有時為了提高網頁視覺效果，6.1.2典型案例——為網頁添加 Flash元素

案例目標 本案例將在“天府美食”網頁中插入一些Flash動畫，主要練習插入Flash動畫、Flash按鈕和Flash文本的操作，最終效果如圖6.17所示。 素材位置：【\第6課\素材\6.1.2\】 效果圖位置：【\第6課\源文件\6.1.2\index1.html】6.1.2典型案例——為網頁添加 F6.1.2典型案例——為網頁添加 Flash元素

操作思路（1）插入Flash文本。（2）插入4個Flash按鈕用來制作導航條。（3）插入一個Flash動畫文件。6.1.2典型案例——為網頁添加 F6.1.2典型案例——為網頁添加 Flash元素

操作步驟

具體操作步驟請教師參照軟件和書中內容進行講解。6.1.2典型案例——為網頁添加 F6.1.2典型案例——為網頁添加 Flash元素

案例小結

本案例是在一個已有的框架網頁中插入Flash媒體文件，在制作時主要是為這個網頁添加Flash文本、Flash按鈕和Flash動畫文件，使整個頁面看起更加生動、協調。6.1.2典型案例——為網頁添加 F6.2插入其他媒體元素

在Dreamweaver8中除了可以插入Flash媒體元素外還可添加其他媒體元素，如Shockwave影片、JavaApplet及背景音樂等。6.2插入其他媒體元素 在Dreamweaver8中除6.2插入其他媒體元素 6.2.1

知識講解 6.2.2

典型案例——在“天府美食”網頁插入插件6.2插入其他媒體元素 6.2.1知識講解6.2.1知識講解

下面講解在Dreamweaver8中插入Shockwave影片、JavaApplet以及背景音樂的方法。6.2.1知識講解 下面講解在Dreamweaver86.2.1知識講解1.插入Shockwave影片2.插入JavaApplet3.插入背景音樂4.插入插件6.2.1知識講解1.插入Shockwave影片1.插入Shockwave影片

Shockwave影片具有文件小、下載速度快、被目前主流的瀏覽器所支持等優點，所以被廣泛應用于網頁制作中，它是使用MacromediaDirector制作的多媒體影片文件。具體操作請教師參照軟件和書中內容進行講解。1.插入Shockwave影片 Shockwave影片具有2.插入JavaApplet

JavaApplet是Java的應用程序，是一種動態、安全、跨平臺的網絡應用程序。它能在網頁中實現一些特殊效果，如下雪、水紋、下雨等。JavaApplet常被嵌入到HTML語言中，可以實現較為復雜的控制和各種動態效果。具體操作請教師參照軟件和書中內容進行講解。2.插入JavaApplet JavaApplet是J3.插入背景音樂

在Dreamweaver8中，可以為網頁添加背景音樂，背景音樂是在網頁后臺播放的音樂，在制作時可以采用在源代碼中添加代碼的方法來添加背景音樂。具體操作請教師參照軟件和書中內容進行講解。3.插入背景音樂 在Dreamweaver8中，可以為網頁4.插入插件

如果想在瀏覽器中訪問更多類型的媒體對象，就必須借助插件。利用插件功能可以在網頁中插入各種類型的媒體元素，插件包括的范圍很廣，如視頻文件、音樂文件、動畫文件等。前面介紹的Shockwave影片就是插件中的一員。具體操作請教師參照軟件和書中內容進行講解。4.插入插件 如果想在瀏覽器中訪問更多類型的媒體對象，就必

6.2.2典型案例——在“天府美食”網頁插入插件

案例目標 本案例將在“天府美食”網頁插入一個插件，使網頁內容更加豐富，主要練習插入插件的操作，其效果如圖6.28所示的右下角部分內容。 素材位置：【\第6課\素材\6.1.2\】 效果圖位置：【\第6課\源文件\6.1.2\index2.html】6.2.2典型案例——在“天府美食”網頁插入插件案

6.2.2典型案例——在“天府美食”網頁插入插件

操作思路（1）插入插件。（2）設置插件屬性。6.2.2典型案例——在“天府美食”網頁插入插件操

6.2.2典型案例——在“天府美食”網頁插入插件

操作步驟

具體操作步驟請教參照軟件和書中內容進行講解。6.2.2典型案例——在“天府美食”網頁插入插件操

6.2.2典型案例——在“天府美食”網頁插入插件

案例小結

本案例在“天府美食”網頁中插入一個插件，使網頁的內容更具觀賞性，在制作過程中主要練習了插入插件以及設置插件的屬性等操作。制作本案例主要是為了讓讀者靈活掌握插入插件的方法，從而鞏固在網頁制作過程中插入其他媒體元素的方法。6.2.2典型案例——在“天府美食”網頁插入插件案6.3上機練習6.3.1網上購物頁面的制作6.3.2在網頁中插入Shockwave影片6.3上機練習6.3.1網上購物頁面的制作6.3.1網上購物頁面的制作

本次練習將制作一個網上購物的網頁，主要練習插入Flash動畫和Flash按鈕。制作出的效果如圖6.31所示。 素材位置：【\第6課\素材\6.3.1\】 效果圖位置：【\第6課\源文件\6.3.1\shipinwangye1.html】6.3.1網上購物頁面的制作 本次練習將制作一個網上購物6.3.1網上購物頁面的制作

操作思路在網頁的頂部插入“音符.swf”。插入“音符.swf”插入Flash按鈕在左側插入5個Flash按鈕。6.3.1網上購物頁面的制作操作思路6.3.2在網頁中插入Shockwave影片 本次練習將在網上購物頁面中插入一個圖片欣賞效果，主要練習插入Shockwave影片的方法，其效果如圖6.32所示。 素材位置：【\第6課\素材\6.3.1\】 效果圖位置：【\第6課\源文件\6.3.1\shipinwangye2.html】6.3.2在網頁中插入Shockwave影片 本次練習將在網6.3.2在網頁中插入Shockwave影片操作思路在網頁左下角單元格中插入“圖片.dcr”。在【屬性】面板中設置其寬度為400像素，高度為300像素。6.3.2在網頁中插入Shockwave影片操作思路第6課為網頁加入動態元素本課要點具體要求本課導讀上機練習第6課為網頁加入動態元素本課要點本課要點插入Flash媒體元素插入其他媒體元素本課要點插入Flash媒體元素具體要求插入Flash動畫插入Flash按鈕插入Flash文本插入FlashPaper插入Flash視頻插入Shockwave影片插入背景音樂具體要求插入Flash動畫本課導讀

網頁中只有圖像和文本，表現力畢竟有限，如果在網頁中加入一些動感十足的Flash動畫，可以吸引更多瀏覽者的注意。如果再加上背景音樂，那就能創建圖像、文本、動畫和音樂四位一體的多媒體效果了。本課導讀 網頁中只有圖像和文本，表現力畢竟有限，如果在網頁中6.1插入Flash媒體元素

在網頁中添加動態元素可使網頁看起來更吸引人。Flash動畫是網頁中最常見的動態元素。 Flash動畫是一種矢量動畫，它具有生成的動畫文件較小、效果好、并能夠實現交互等優點。要制作Flash動畫，可以使用Macromedia公司出品的Flash軟件。6.1插入Flash媒體元素 在網頁中添加動態元素可使網6.1插入Flash媒體元素6.1.1

知識講解6.1.2

典型案例——為網頁添加Flash元素6.1插入Flash媒體元素6.1.1知識講解6.1.1知識講解

在Dreamweaver8中可以直接插入發布后的Flash動畫（.swf文件），可插入的Flash動畫包括Flash動畫文件、Flash按鈕和Flash文本等。6.1.1知識講解 在Dreamweaver8中可以直6.1.1知識講解1.了解Flash文件格式2.插入Flash動畫3.插入Flash按鈕4.插入Flash文本5.插入FlashPaper6.插入Flash視頻7.設置Flash背景透明

6.1.1知識講解1.了解Flash文件格式1.了解Flash文件格式

Flash文件主要有以下三種文件類型。.swf：該類文件是Flash電影文件，是運用于網絡中的最佳格式文件，是一種壓縮 格式的Flash文件。fla：該類文件是Flash的源文件，在Flash應用程序中創建并且只能在Flash應用程序中打開。.swt：該類文件是Flash庫文件，這種類型的文件允許修改Flash動畫文件中的信息，這類文件常用于Flash按鈕對象中。

1.了解Flash文件格式 Flash文件主要有以下三種文2.插入Flash動畫具體操作如下：（1）將光標插入點定位到需插入Flash動畫文件的位置。（2）選擇【插入】→【媒體】→【Flash】命令，打開【選擇文件】對話框。（3）在該對話框的【查找范圍】下拉列表框中選擇文件所在的位置，然后在文件列表框中選中要插入的Flash文件。（4）單擊【確定】按鈕，完成Flash動畫文件的插入。

2.插入Flash動畫具體操作如下：3.插入Flash按鈕

在Dreamweaver8中集成了許多精美的Flash按鈕，這為增加網頁動態效果提供了方便。在制作網頁時可以將自己制作的Flash按鈕插入到網頁中，也可插入Dreamweaver8集成的按鈕。 具體操作步驟請教師參照書中步驟進行講解。3.插入Flash按鈕 在Dreamweaver8中集成4.插入Flash文本

在網頁中還可以插入Flash文本，Flash文本是Dreamweaver8中集成的文本動畫，通過【插入Flash文本】對話框創建。 具體操作步驟請教師參照書中步驟進行講解。4.插入Flash文本在網頁中還可以插入Flash文5.插入FlashPaper

FlashPaper是一種特殊的Flash動畫文件，可以通過FlashPaper軟件制作。制作網頁時，可以利用插入FlashPaper功能在網頁中插入MacromediaFlashPaper文檔。這樣在瀏覽器中打開包含FlashPaper文檔的網頁時，用戶就可瀏覽FlashPaper文檔中的所有頁面，而無須加載新的網頁。用戶也可以搜索、打印和縮放該文檔。 具體操作步驟請教師參照書中步驟進行講解。5.插入FlashPaperFlashPaper是一6.插入Flash視頻插入Flash視頻也是目前網頁制作中常用的方法。用Dreamweaver8可以輕松地在網頁中插入Flash視頻內容，這是Dreamweaver8新增的功能。 具體操作步驟請教師參照書中步驟進行講解。6.插入Flash視頻插入Flash視頻也是目前網頁7.設置Flash背景透明有時為了提高網頁視覺效果，可在表格的單元格中插入背景圖像，然后再在該單元格中插入Flash影片，這時需要將Flash影片設置為背景透明，否則就看不見下面的背景圖像。 具體操作步驟請教師參照書中步驟進行講解。7.設置Flash背景透明有時為了提高網頁視覺效果，6.1.2典型案例——為網頁添加 Flash元素

案例目標 本案例將在“天府美食”網頁中插入一些Flash動畫，主要練習插入Flash動畫、Flash按鈕和Flash文本的操作，最終效果如圖6.17所示。 素材位置：【\第6課\素材\6.1.2\】 效果圖位置：【\第6課\源文件\6.1.2\index1.html】6.1.2典型案例——為網頁添加 F6.1.2典型案例——為網頁添加 Flash元素

操作思路（1）插入Flash文本。（2）插入4個Flash按鈕用來制作導航條。（3）插入一個Flash動畫文件。6.1.2典型案例——為網頁添加 F6.1.2典型案例——為網頁添加 Flash元素

操作步驟

具體操作步驟請教師參照軟件和書中內容進行講解。6.1.2典型案例——為網頁添加 F6.1.2典型案例——為網頁添加 Flash元素

案例小結

本案例是在一個已有的框架網頁中插入Flash媒體文件，在制作時主要是為這個網頁添加Flash文本、Flash按鈕和Flash動畫文件，使整個頁面看起更加生動、協調。6.1.2典型案例——為網頁添加 F6.2插入其他媒體元素

在Dreamweaver8中除了可以插入Flash媒體元素外還可添加其他媒體元素，如Shockwave影片、JavaApplet及背景音樂等。6.2插入其他媒體元素 在Dreamweaver8中除6.2插入其他媒體元素 6.2.1

知識講解 6.2.2

典型案例——在“天府美食”網頁插入插件6.2插入其他媒體元素 6.2.1知識講解6.2.1知識講解

下面講解在Dreamweaver8中插入Shockwave影片、JavaApplet以及背景音樂的方法。6.2.1知識講解 下面講解在Dreamweaver86.2.1知識講解1.插入Shockwave影片2.插入JavaApplet3.插入背景音樂4.插入插件6.2.1知識講解1.插入Shockwave影片1.插入Shockwave影片

Shockwave影片具有文件小、下載速度快、被目前主流的瀏覽器所支持等優點，所以被廣泛應用于網頁制作中，它是使用MacromediaDirector制作的多媒體影片文件。具體操作請教師參照軟件和書中內容進行講解。1.插入Shockwave影片 Shockwave影片具有2.插入JavaApplet

JavaApplet是Java的應用程序，是一種動態、安全、跨平臺的網絡應用程序。它能在網頁中實現一些特殊效果，如下雪、水紋、下雨等。JavaApplet常被嵌入到HTML語言中，可以實現較為復雜的控制和各種動態效果。具體操作請教師參照軟件和書中內容進行講解。2.插入JavaApplet JavaApplet是J3.插入背景音樂

在Dreamweaver8中，可以為網頁添加背景音樂，背景音樂是在網頁后臺播放的音樂，在制作時可以采用在源代碼中添加代碼的方法來添加背景音樂。具體操作請教師參照軟件和書中內容進行講解。3.插入背景音樂 在Dreamweaver8中，可以為網頁4.插入插件

如果想在瀏覽器中訪問更多類型的媒體對象，就必須借助插件。利用插件功能可以在網頁中插入各種類型的媒體元素，插件包括的范圍很廣，如視頻文件、音樂文件、動畫文件等。前面介紹的Shockwave影片就是插件中的一員。具體操作請教師參照軟件和書中內容進行講解。4.插入插件 如果想在瀏覽器中訪問更多類型的媒體對象，就必

6.2.2典型案例——在“天府美食”網頁插入插件

案例目標 本案例將在“天府美食”網頁插入一個插件，使網頁內容更加豐富，主要練習插入插件的操作，其效果如圖6.28所示的右下角部分內容。 素材位置：【\第6課\素材\6.1.2\】 效果圖位置：【\第6課\源文件\6.1.2\index2.html】6.2.2典型案例——在“天府美食”網頁插入插件案

6.2.2