多媒體應(yīng)用、模板及庫

1、$ 知識目的 掌握在Dreamweaver8中插入音頻文件的方法掌握在Dreamweaver8中插入Flash文件的方法掌握在Dreamweaver8中嵌入視頻文件的方法8 才干目的掌握在網(wǎng)頁中插入各種音頻文件的操作掌握在網(wǎng)頁中插入Flash文件的操作掌握在網(wǎng)頁插入視頻文件的操作第10章 網(wǎng)頁中的多媒體運用10.1 在網(wǎng)頁中插入音頻10.2 在網(wǎng)頁中插入Flash動畫10.3 在網(wǎng)頁中插入視頻本章小結(jié)第10章 網(wǎng)頁中的多媒體運用10.1 在網(wǎng)頁中插入音頻10.1.1 鏈接到音頻文件10.1.2 在網(wǎng)頁中嵌入音頻文件10.1.3 在網(wǎng)頁參與背景音樂1翻開網(wǎng)頁文檔，選擇鏈接到音頻文件的鏈接載體。2

2、在“屬性檢查器中單擊“鏈接后的“閱讀按鈕 ，翻開選擇文件對話框，如下圖。3選擇要鏈接的音頻文件,如yxdchb.wam4單擊“確定，退出對話框，文字參與了音頻鏈接。5保管并在閱讀器中預(yù)覽網(wǎng)頁，播放音頻文件。10.1.1 鏈接到音頻文件10.1 在網(wǎng)頁中插入音頻1翻開要嵌入音頻文件的網(wǎng)頁，定位光標(biāo)在要插入音頻的位置。如左圖所示。2單擊菜單欄中“插入|“媒體|“插件命令，翻開選擇文件對話框，選擇要插入的音頻文件，在網(wǎng)頁插入相應(yīng)的音頻文件，如右圖所示。10.1.2 在網(wǎng)頁中嵌入音頻文件10.1 在網(wǎng)頁中插入音頻3保管并在閱讀器中預(yù)覽網(wǎng)頁，播放器沒有完全顯示出來，如左圖所示。4前往Dreamweave

3、r8，選擇插件，在屬性面板中設(shè)置高度和寬度值，到播放器完全顯示，閱讀者可以對音頻文件的播放進展控制。如右圖所示。10.1.2 在網(wǎng)頁中嵌入音頻文件10.1 在網(wǎng)頁中插入音頻1翻開要參與背景音樂的網(wǎng)頁，定位光標(biāo)在網(wǎng)頁起始位置，如下圖。2單擊菜單欄中“插入|“媒體|“插件命令，翻開選擇文件對話框。3在“選擇文件對話框，選擇要插入的音頻文件，單擊“確定，網(wǎng)頁中插入了音頻插件。10.1.3 在網(wǎng)頁參與背景音樂10.1 在網(wǎng)頁中插入音頻4選擇音頻插件，單擊“屬性檢查器中的“參數(shù)按鈕，翻開參數(shù)對話框，如下圖。5在對話框中,“+可以添加參數(shù),輸入以下參數(shù)和值:參數(shù)“hidden，值為“true;參數(shù)“aut

4、ostart，值為“true;參數(shù)“l(fā)oop，值為“infinite。6單擊“確定，為網(wǎng)頁添加了背景音樂。7保管并在閱讀器中預(yù)覽網(wǎng)頁，觀看效果。10.1.3 在網(wǎng)頁參與背景音樂10.1 在網(wǎng)頁中插入音頻10.2 在網(wǎng)頁中插入Flash動畫10.2.1 插入Flash文本10.2.2 插入Flash按鈕10.2.3 插入Flash動畫1新建并保管網(wǎng)頁,定位光標(biāo)在插入Flash文本的位置.2執(zhí)行以下操作之一：單擊菜單欄中“插入|“媒體|“Flash 文本命令。在“插入欄的“常用類別中，選擇“媒體，單擊“Flash 文本如下圖。10.2.1 插入Flash文本10.2 在網(wǎng)頁中插入Flash動畫3翻

5、開插入Flash文本對話框，如下圖。10.2.1 插入Flash文本10.2 在網(wǎng)頁中插入Flash動畫4對話框主要設(shè)置如下：“字體:設(shè)置Flash文本的字體,設(shè)為“華文新魏?！按笮?設(shè)置Flash文本的字號大小，設(shè)為“18。“顏色：設(shè)置Flash文本的顏色。“轉(zhuǎn)滾顏色:設(shè)置當(dāng)鼠標(biāo)經(jīng)過文本時，文本的顏色?！拔谋荆狠斎胛谋緝?nèi)容?！版溄樱涸O(shè)置Flash文本的鏈接目的?！氨筹L(fēng)光：設(shè)置Flash文本的背景顏色?！傲泶鏋椋罕９懿迦氲腇lash文本的文件，單擊閱讀可以選擇文件的存放位置。10.2.1 插入Flash文本10.2 在網(wǎng)頁中插入Flash動畫5對話框設(shè)置完成，單擊“確定按鈕，在網(wǎng)頁插入了Fla

6、sh文本，如下圖。6保管并在閱讀器中預(yù)覽網(wǎng)頁，觀看效果。10.2.1 插入Flash文本10.2 在網(wǎng)頁中插入Flash動畫1新建并保管網(wǎng)頁，定位光標(biāo)在要插入Flash按鈕的位置。2執(zhí)行以下操作之一：單擊菜單欄中“插入|“媒體|“Flash按鈕命令。在“插入欄的“常用類別中，選擇“媒體，單擊“Flash按鈕。10.2.2 插入Flash按鈕10.2 在網(wǎng)頁中插入Flash動畫3翻開插入Flash按鈕對話框，如下圖。10.2.2 插入Flash按鈕10.2 在網(wǎng)頁中插入Flash動畫4對話框主要設(shè)置如下：“款式：在下拉列表中選擇Flash按鈕的款式，如選擇“Diamond Spinner。“范例

7、：預(yù)覽選擇的款式?！鞍粹o文本：輸入Flash按鈕上的文本，如輸入“前往首頁。“字體：設(shè)置Flash按鈕上文本的字體，如設(shè)置為“華文行楷?！按笮。涸O(shè)置Flash按鈕上文本的字號大小，如設(shè)置為“16?！版溄樱涸O(shè)置Flash按鈕的鏈接目的?！氨筹L(fēng)光：用于設(shè)置Flash按鈕的背景顏色?！傲泶鏋椋罕９懿迦氲腇lash按鈕的文件，單擊閱讀可以選擇文件的存放位置。10.2.2 插入Flash按鈕10.2 在網(wǎng)頁中插入Flash動畫5對話框設(shè)置完成，單擊“確定按鈕，在網(wǎng)頁插入了Flash按鈕，如下圖。6保管并在閱讀器中預(yù)覽網(wǎng)頁，觀看效果。10.2.2 插入Flash按鈕10.2 在網(wǎng)頁中插入Flash動畫1新

8、建并保管網(wǎng)頁，定位光標(biāo)在要插入Flash動畫的位置。2執(zhí)行以下操作之一：單擊菜單欄中“插入|“媒體|“Flash命令。在“插入欄的“常用類別中，選擇“媒體，單擊“Flash。3翻開選擇文件對話框。選擇要插入的Flash文件，如選擇“huanyin.swf。10.2.3 插入Flash動畫10.2 在網(wǎng)頁中插入Flash動畫4單擊“確定按鈕，那么Flash動畫插入了網(wǎng)頁中。5選中插入的Flash動畫，單擊屬性檢查器上的“播放按鈕，播放動畫觀看效果，也可以在閱讀器中觀看。10.2.3 插入Flash動畫10.2 在網(wǎng)頁中插入Flash動畫10.3 在網(wǎng)頁中插入視頻10.3.1 鏈接到視頻文件10.

9、3.2 在網(wǎng)頁中嵌入視頻文件鏈接到視頻文件與鏈接到音頻文件是一樣的，是一種超鏈接，鏈接的目的是一個視頻文件。鏈接到視頻文件的操作與鏈接到音頻文件是一樣，只在選擇文件時，選擇視頻文件就可以了。10.3.1 鏈接到視頻文件10.3 在網(wǎng)頁中插入視頻嵌入視頻是將視頻直接插入到頁面中，頁面帶有播放器，閱讀者可以控制播放。但只需在訪問者具有所嵌入視頻文件的播放器時，才可以播放。嵌入音頻文件的操作與嵌入音頻文件的操作一樣，在“選擇文件對話框，選擇要嵌入的視頻文件就可以了。10.3.2 在網(wǎng)頁中嵌入視頻文件10.3 在網(wǎng)頁中插入視頻本章小結(jié)第10章 網(wǎng)頁中的多媒體運用網(wǎng)頁中的多媒體運用網(wǎng)頁中插入音頻網(wǎng)頁中插

10、入Flash動畫在網(wǎng)頁中插入視頻鏈接到音頻文件在網(wǎng)頁中嵌入音頻文件在網(wǎng)頁參與背景音樂插入Flash文本插入Flash按鈕插入Flash動畫鏈接到視頻文件在網(wǎng)頁中嵌入視頻文件$ 知識目的 了解Dreamweaver8模板和庫的作用熟習(xí)Dreamweaver8模板和庫的操作方法8 才干目的掌握模板和庫工程的創(chuàng)建操作可以運用模板和庫設(shè)計網(wǎng)頁掌握利用模板和庫更新頁面的方法第11章 模板和庫11.1 模板11.2 庫本章小結(jié)第11章 模板和庫11.1 模板11.1.1 創(chuàng)建模板11.1.2 刪除模板11.1.3. 編輯模板11.1.4 由模板創(chuàng)建網(wǎng)頁11.1.5 更新模板一創(chuàng)建空白模板1單擊菜單欄中“窗

11、口|“資源命令，翻開“資源面板。2單擊“資源面板左邊的“模板按鈕 ，顯示“模板類別，如下圖。11.1.1 創(chuàng)建模板11.1 模板一創(chuàng)建空白模板3單擊面板底部的“新建 按鈕，面板中出現(xiàn)一個未命名的模板，如下圖。4輸入新的模板名字，那么新建一個空白模板。11.1.1 創(chuàng)建模板11.1 模板二將己有網(wǎng)頁文件保管為模板1翻開己編輯好的要保管為模板的網(wǎng)頁文件。2單擊菜單欄中的“文件|“另存為模板命令。3翻開“另存為模板對話框，如下圖。4各項設(shè)置如下：“站點：下拉列表中選擇模板存放的站點?！傲泶鏋椋何谋究蛑休斎肽０宓姆Q號?！艾F(xiàn)存模板：顯示當(dāng)前系統(tǒng)中己有的模板文件。5單擊“保管按鈕，新增的模板出如今“資源面

12、板的模板列表中。11.1.1 創(chuàng)建模板11.1 模板對于沒用的模板可以刪除，刪除模板的操作為：1翻開“資源面板，選擇“模板類別。2選擇要刪除的模板。3單擊“刪除按鈕 ，即可刪除所選模板。11.1.2 刪除模板11.1 模板一設(shè)計模板以以下圖所示的模板為例設(shè)計模板的操作為：11.1.3 編輯模板11.1 模板1在“資源面板的“模板類別中，雙擊新建的“index模板，翻開模板文件。2輸入“長春引見，設(shè)置字體字號。3插入程度線，寬度設(shè)為85%，高度為“3，無陰影。4插入“導(dǎo)航條。5輸入“長春是個具有歐洲田園城市規(guī)劃特點的城市，等文本，并排版。6添加網(wǎng)頁背景圖像“snow.gif7單擊菜單欄中“文件|

13、“保管命令，保管己設(shè)計好的模板。11.1.3 編輯模板11.1 模板二設(shè)置可編輯區(qū)域?qū)⑸厦娼⒌哪０逯小俺潭染€和“導(dǎo)航條以外的部分設(shè)置為可編輯區(qū)域，設(shè)置可編輯區(qū)域的操作為：1翻開己設(shè)計的模板文件index.dwt。2選擇“長春引見。3單擊菜單欄中“插入|模板對象|可編輯區(qū)域命令4翻開新建可編輯區(qū)域?qū)υ捒?，如下圖。11.1.3 編輯模板11.1 模板5在“稱號文本框輸入可編輯區(qū)域稱號。6單擊“確定，退出“可編輯區(qū)域?qū)υ捒颍⒌摹翱删庉媴^(qū)域為綠色框線區(qū)域，如下圖。 7用一樣的操作將“長春是個具有歐洲田園城市規(guī)劃特點的城市，等文本設(shè)置為可編輯區(qū)域。8完成的模板頁如下圖。11.1.3 編輯模板11.

14、1 模板三刪除可編輯區(qū)域1翻開模板文件，單擊選擇模板中的可編輯區(qū)域左上角的稱號，選中可編輯區(qū)域，如下圖。 2單擊菜單欄中“修正|“模板|“刪除模板標(biāo)志命令，即可刪除可編輯區(qū)域。11.1.3 編輯模板11.1 模板一由模板創(chuàng)建網(wǎng)頁1單擊菜單欄中“文件|“新建命令。2翻開新建文檔對話框，單擊模板選項卡，如下圖。3選擇要運用的模板，單擊“創(chuàng)建那么由模板創(chuàng)建了一個新網(wǎng)頁。4由模板創(chuàng)建的網(wǎng)頁，只可對模板中“可編輯區(qū)域進展編輯。11.1.4 由模板創(chuàng)建網(wǎng)頁11.1 模板二將己有網(wǎng)頁運用模板除了可以由模板創(chuàng)建網(wǎng)頁，也可以將網(wǎng)頁運用己有的模板，運用模板的操作為：1翻開要運用模板的網(wǎng)頁文件。2執(zhí)行以下操作之一：

15、單擊菜單欄中“修正|“模板|“套用模板到頁命令。在“資源面板中，選擇要運用的模板，單左下角的“運用按鈕。3網(wǎng)頁運用了所選模板。11.1.4 由模板創(chuàng)建網(wǎng)頁11.1 模板更新模板在Dreamweaver8中，當(dāng)模板被重新編輯或修正，保管模板后，會自動翻開“更新模板文件對話框如圖，單擊“更新按鈕，更新文檔。 11.1.5 更新模板11.1 模板更新模板手動更新的操作為：1執(zhí)行以下操作之一，翻開更新頁對話框圖在“資源面板中，右擊要更新的模板文件，在彈出的快捷菜單中選擇“更新站點。單擊菜單欄中“修正|“模板|“更新站點命令。11.1.5 更新模板11.1 模板更新模板2在“查看下拉列表中選擇更新的范圍

16、。有一個選項：選擇“整個站點，在右側(cè)可以選擇站點稱號，更新所選站點中的一切文件；選擇“文件運用，在右側(cè)右以選擇模板稱號，更新當(dāng)前站點中運用所選模板的一切頁面。3在“更新選項中，選擇“模板選項。4單擊“開場按鈕，開場更新站點或網(wǎng)頁。更新終了后，系統(tǒng)會給出一個更新報告。5更新終了，封鎖“更新頁面對話框即可。11.1.5 更新模板11.1 模板二將網(wǎng)頁從模板中分別由模板中創(chuàng)建的網(wǎng)頁與模板有鏈接關(guān)系，模板改動會影響網(wǎng)頁。如不希望網(wǎng)頁與模板有聯(lián)絡(luò)，可以將網(wǎng)頁從模板中分別，分別后的網(wǎng)頁不再受模板的影響。網(wǎng)頁從模板中分別的操作為：1翻開要分別的網(wǎng)頁。2單擊菜單欄中“修正|“模板|“從模板中分別命令，網(wǎng)頁從模

17、板中分別。11.1.5 更新模板11.1 模板11.2 庫11.2.1 創(chuàng)建庫工程11.2.2 刪除庫工程11.2.3 運用庫工程11.2.4 更新庫工程一創(chuàng)建空白庫工程1單擊菜單欄中的“窗口|“資源命令，翻開“資源面板,單擊左下角的庫按鈕,切換到“庫類別,如左圖所示2單擊面板底部的“新建 按鈕，面板中出現(xiàn)一個未命名的庫，如右圖所示。3輸入新的庫工程名字，那么新建一個空白庫工程。11.2.1 創(chuàng)建庫工程11.2 庫二為庫添加內(nèi)容1在“資源面板“庫類別中，雙擊要編輯的庫，將庫翻開。2除了不能設(shè)置頁面屬性外，編輯庫與編輯普通網(wǎng)頁一樣的操作是一樣的。 11.2.1 創(chuàng)建庫工程11.2 庫三基于選定內(nèi)

18、容創(chuàng)建庫工程以如把圖中版權(quán)信息內(nèi)容編輯為一個庫工程為例1選中作為庫工程的內(nèi)容。2執(zhí)行以下操作之一：單擊菜單欄中“修正|“庫|“添加對象到庫命令。拖動選中的內(nèi)容到“資源面板指向“庫類別 按鈕。11.2.1 創(chuàng)建庫工程11.2 庫三基于選定內(nèi)容創(chuàng)建庫工程3“資源面板“庫類別中，出現(xiàn)一個未命名的庫，如下圖。4為庫工程重新命名，如命名為“banquan。11.2.1 創(chuàng)建庫工程11.2 庫對于沒用的庫工程可以刪除，刪除庫工程的操作為：1翻開“資源面板，選擇“庫類別。2選擇要刪除的庫工程。3單擊“刪除按鈕 ，即可刪除所選庫工程。11.2.2 刪除庫工程11.2 庫一運用庫工程1翻開要運用庫工程的網(wǎng)頁，定位光標(biāo)在要插入庫工程位置，如下圖。2翻開“資源面板切換到“庫類別。3在列表中選擇要插入的庫工程，如選擇“banquan庫工程，單擊面板左下角的“插入按鈕。11.2.3 運用庫工程11.2 庫4庫工程插入到網(wǎng)頁中，庫工程內(nèi)容的背景會顯示為黃色，不能編輯，如下圖11.2.3 運用庫工程11.2 庫二從庫工程分別1選擇網(wǎng)頁中的庫工程,翻開“庫工程屬性如下圖2單擊“從源文件中分別按鈕,翻開提示對話框如下圖3單擊“確定按鈕，網(wǎng)頁中的庫工程與庫脫離，可以進展修正和編輯。11.2