《Dreamweaver 8案例教程》課件第9章

本章學(xué)習(xí)目標(biāo)插入FLASH對(duì)象9.1插入SHOCKWAVE影片9.2添加視頻9.3插入NetscapeNavigator插件內(nèi)容

9.5向頁(yè)面添加聲音9.4插入ActiveX控件

9.69.1插入FLASH對(duì)象

插入FLASH對(duì)象包括:插入FLASH按鈕對(duì)象，插入FLASH文本，插入FLASH影片。9.1.1插入FLASH按鈕對(duì)象操作步驟：1．在文檔窗口中，將插入點(diǎn)放置要插入Flash按鈕的地方。2．執(zhí)行“插入”→“媒體”→“Flash按鈕”?！安迦隖lash按鈕”對(duì)話框隨即顯示，9.1.1插入FLASH按鈕對(duì)象3.從“樣式”列表中選擇所需的按鈕樣式。4.在“按鈕文本”域中（可選），鍵入要顯示的文本“FLASH”。5.在“字體”彈出式菜單中，選擇要使用的字體。6.在“大小”域中，輸入字體大小的數(shù)字值。7.在“鏈接”域中（可選），輸入該按鈕的文檔相對(duì)或絕對(duì)鏈接。8.在“目標(biāo)”域中（可選），指定鏈接的文檔將在其中打開(kāi)的位置。可以在彈出式菜單中選擇框架或窗口選項(xiàng)。只有在框架頁(yè)中編輯Flash對(duì)象時(shí)，才列出框架名稱。9.在“背景顏色”域中（可選），設(shè)置Flash影片的背景顏色。使用顏色選擇器或鍵入Web十六進(jìn)制值（例如#FFFFFF）。10.在“另存為”域中，輸入用來(lái)保存此新SWF文件的文件名?？墒褂媚J(rèn)文件名（例如button1.swf）或鍵入新文件名。11.單擊“獲取更多樣式”以轉(zhuǎn)到MacromediaExchange站點(diǎn)并下載更多按鈕樣式。12.單擊“應(yīng)用”或“確定”以將Flash按鈕插入到文檔窗口中。9.1.2插入FLASH文本操作步驟：1.在文檔窗口中，將插入點(diǎn)放置在您要插入Flash文本的地方。2.執(zhí)行“插入”→“媒體”→“Flash文本”?！安迦隖lash文本”對(duì)話框隨即顯示。9.1.2插入FLASH文本3.從“字體”彈出式菜單中選擇一種字體。4.在“大小”域中輸入字體大??；這些字體大小是以點(diǎn)為單位的。

通過(guò)單擊適當(dāng)?shù)臉邮桨粹o，指定樣式屬性（例如粗體或斜體）和文本對(duì)齊方式。5.在“顏色”域中，通過(guò)使用顏色選擇器或輸入Web十六進(jìn)制值(例如#FFFFFF)，設(shè)置文本的顏色。6.在“轉(zhuǎn)滾顏色”域中，設(shè)置當(dāng)鼠標(biāo)指針經(jīng)過(guò)Flash文本對(duì)象時(shí)顯示的顏色。使用顏色選擇器或輸入Web十六進(jìn)制值（例如#FFFFFF）。此處選擇紅色。7.在“文本”域中輸入您所需的文本。若要查看在“文本”域中顯示的字體樣式，請(qǐng)選擇“顯示字體。8.如果想要將一個(gè)鏈接與Flash文本對(duì)象關(guān)聯(lián)，在“鏈接”域中輸入文檔相對(duì)或絕對(duì)鏈接。9.在“另存為”域中，輸入文件的名稱?？梢允褂媚J(rèn)文件名（例如tex1.swf）或鍵入新名稱。如果文件包含文檔相對(duì)鏈接，則您必須將該文件保存到與當(dāng)前HTML文檔相同的目錄中，以保持文檔相對(duì)鏈接的有效性。10.單擊“應(yīng)用”或“確定”可以將Flash文本插入文檔窗口中。9.1.3插入FLASH影片操作步驟：1．在文檔窗口中，將插入點(diǎn)放置在您要插入Flash的地方。2．執(zhí)行“插入”→“媒體”→“Flash”。彈出選擇文件對(duì)話框，在此處請(qǐng)選擇你所要插入的Flash文件。3.在文檔編輯區(qū)中出現(xiàn)Flash占位符。4.當(dāng)在文檔編輯窗口中插入Flash影片時(shí)，在Dreamweaver8的代碼編輯區(qū)中同是時(shí)使用object標(biāo)記（由MicrosoftinternetExplorer為ActiveX控件定義的）和embed標(biāo)記（由NetscapeNavigator為ActiveX控件定義的),當(dāng)修改Flash影片時(shí)，object標(biāo)記和embed標(biāo)記中的參數(shù)也會(huì)隨之更改。若要在文檔窗口中預(yù)覽Flash影片，可執(zhí)行以下操作：

在“文檔”窗口中，單擊Flash占位符以選擇您要預(yù)覽的Flash影片。

在屬性檢查器中，單擊“播放”按鈕。單擊“停止”可以結(jié)束預(yù)覽。您還可以通過(guò)按F12鍵在瀏覽器中預(yù)覽Flash影片。9.2插入SHOCKWAVE影片播放Shockwave影片的軟件既可作為NetscapeNavigator插件提供，也可作為ActiveX控件提供。當(dāng)您插入Shockwave影片時(shí)，Dreamweaver同時(shí)使用object標(biāo)記（用于ActiveX控件）和embed標(biāo)記（用于插件）以在所有瀏覽器中都獲得最佳效果。在屬性檢查器中對(duì)影片進(jìn)行更改時(shí)，Dreamweaver會(huì)將采用的各項(xiàng)映射為object和embed標(biāo)記的適當(dāng)參數(shù)。插入Shockwave影片，具體操作如下：1.執(zhí)行“插入”→“媒體”→“shockwave”。2.在顯示的對(duì)話框中，選擇一個(gè)影片文件。3.在屬性檢查器中，在“寬”和“高”框中分別輸入影片的寬度和高度。9.3添加視頻

視頻可被下載給用戶，或者可以對(duì)視頻進(jìn)行流式處理以便在下載它的同時(shí)播放它。Web上用于視頻文件傳輸?shù)淖畛Ｒ?jiàn)流式處理格式有RealMedia、QuickTime和WindowsMedia。您必須下載輔助應(yīng)用程序以查看這些格式。使用這些格式，您可以同時(shí)對(duì)音頻和視頻進(jìn)行流式處理。

如果您想要包括可被下載而不是被流式處理的簡(jiǎn)短的剪輯，則您可以鏈接到該剪輯或?qū)⒃摷糨嬊度氲侥捻?yè)面中。這些剪輯通常采用AVI或MPEG文件格式。

可以使用Director創(chuàng)建Shockwave影片或Flash，從而創(chuàng)建用于Web的交互式、低帶寬的多媒體演示。使用Flash，文件大小將非常小，并且該技術(shù)可以在許多平臺(tái)上采用。（當(dāng)然，用戶在查看這些文件前必須先下載免費(fèi)的播放器插件）。

下面描述了較為常見(jiàn)的音頻文件格式以及每一種格式在Web設(shè)計(jì)上的一些優(yōu)缺點(diǎn)。1.midi或.mid（樂(lè)器數(shù)字接口）格式用于器樂(lè)。許多瀏覽器都支持MIDI文件并且不要求插件。盡管其聲音品質(zhì)非常好，但根據(jù)訪問(wèn)者的聲卡的不同，聲音效果也會(huì)有所不同。很小的MIDI文件也可以提供較長(zhǎng)時(shí)間的聲音剪輯。MIDI文件不能被錄制并且必須使用特殊的硬件和軟件在計(jì)算機(jī)上合成。2.wav（Waveform擴(kuò)展名）格式文件具有較好的聲音品質(zhì)，許多瀏覽器都支持此類(lèi)格式文件并且不要求插件。您可以從CD、磁帶、麥克風(fēng)等錄制您自己的WAV文件。但是，其較大的文件大小嚴(yán)格限制了可以在您的Web頁(yè)面上使用的聲音剪輯的長(zhǎng)度。3.aif（音頻交換文件格式，即AIFF）格式與WAV格式類(lèi)似，也具有較好的聲音品質(zhì)，大多數(shù)瀏覽器都可以播放它并且不要求插件；您還可以從CD、磁帶、麥克風(fēng)等錄制AIFF文件。但是，其較大的文件大小嚴(yán)格限制了您可以在您的Web頁(yè)面上使用的聲音剪輯的長(zhǎng)度。9.4.1關(guān)于音頻文件格式9.4.1關(guān)于音頻文件格式4.mp3（運(yùn)動(dòng)圖像專家組音頻，即MPEG-音頻層-3）格式是一種壓縮格式，它可令聲音文件明顯縮小。其聲音品質(zhì)非常好：如果正確錄制和壓縮MP3文件，其質(zhì)量甚至可以和CD質(zhì)量相媲美。這一新技術(shù)使您可以對(duì)文件進(jìn)行“流式處理”，以便訪問(wèn)者不必等待整個(gè)文件下載完成即可收聽(tīng)該文件。但是，其文件大小要大于RealAudio文件，因此通過(guò)普通電話線連接下載整首歌曲可能仍要花較長(zhǎng)的時(shí)間。若要播放MP3文件，訪問(wèn)者必須下載并安裝輔助應(yīng)用程序或插件，例如QuickTime、WindowsMediaPlayer或RealPlayer。5.ra、.ram、.rpm或RealAudio格式具有非常高的壓縮程度，文件大小要小于MP3。全部歌曲文件可以在合理的時(shí)間范圍內(nèi)下載。因?yàn)榭梢栽谄胀ǖ腤eb服務(wù)器上對(duì)這些文件進(jìn)行“流式處理”，所以訪問(wèn)者在文件完全下載完之前即可聽(tīng)到聲音。其聲音品質(zhì)比MP3文件聲音品質(zhì)要差，但新推出的播放器和編碼器在聲音品質(zhì)方面已有顯著改善。訪問(wèn)者必須下載并安裝RealPlayer輔助應(yīng)用程序或插件才可以播放這些文件。9.4.2鏈接到音頻文件

鏈接到音頻文件是將聲音添加到Web頁(yè)面的一種簡(jiǎn)單而有效的方法。這種集成聲音文件的方法可以使訪問(wèn)者能夠選擇他們是否要收聽(tīng)該文件，并且使文件可用于最廣范圍的觀眾。（某些瀏覽器可能不支持嵌入的聲音文件。）創(chuàng)建指向某一音頻文件的鏈接，具體操作如下：1.選擇要用作指向音頻文件的鏈接的文本或圖像。2.在屬性檢查器中，單擊文件夾圖標(biāo)以進(jìn)行瀏覽來(lái)找到音頻文件，或者在“鏈接”域中鍵入文件的路徑和名稱。9.4.3嵌入聲音文件

嵌入音頻將聲音播放器直接并入頁(yè)面中，但只有在訪問(wèn)站點(diǎn)的訪問(wèn)者具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。如果想要將聲音用作背景音樂(lè)，或者想要對(duì)聲音演示本身進(jìn)行更多控制，則可以嵌入文件。例如，可以設(shè)置音量、播放器在頁(yè)面上顯示的方式以及聲音文件的開(kāi)始點(diǎn)和結(jié)束點(diǎn)。9.5插入NetscapeNavigator插件內(nèi)容在創(chuàng)建Navigator插件的內(nèi)容后，可以使用Dreamweaver將該內(nèi)容插入HTML文檔。Dreamweaver使用embed標(biāo)記來(lái)標(biāo)記對(duì)該內(nèi)容文件的引用。插入Navigator插件內(nèi)容，具體操作如下：1.在文檔窗口的設(shè)計(jì)視圖中，將插入點(diǎn)放置在您要插入內(nèi)容的地方，然后執(zhí)行以下操作之一：（1）在插入欄中，選擇“媒體”，然后單擊“插件”圖標(biāo)。

（2）選擇“插入”→“媒體”→“插件”。2.在顯示的對(duì)話框中，為Navigator插件選擇內(nèi)容文件。9.6插入ActiveX控件ActiveX控件（以前稱作OLE控件）是可以充當(dāng)瀏覽器插件的可重復(fù)使用的組件，有些像微型的應(yīng)用程序。ActiveX控件在Windows系統(tǒng)上的InternetExplorer中運(yùn)行，但它們不在Macintosh系統(tǒng)上或NetscapeNavigator中運(yùn)行。Dreamweaver中的ActiveX對(duì)象使您可為訪問(wèn)者的瀏覽器中的ActiveX控件提供屬性和參數(shù)。Dreamweaver使用object標(biāo)記在頁(yè)面上標(biāo)記ActiveX控件將顯示的位置，并且為ActiveX控件提供參數(shù)。插入ActiveX控件內(nèi)容，具體操作如下：1.在文檔窗口中，將插入點(diǎn)放置在要插入內(nèi)容的地方，然后執(zhí)行以下操作之一：(1)在插入欄中，選擇“媒體”，然后單擊“ActiveX”圖標(biāo)。

(2)在插入欄中，選擇“媒體”，然后將“ActiveX”圖標(biāo)拖到文檔窗口（或者如果正處理代碼，則拖到代碼視圖窗口）。2.選擇“插入”→“媒體”→“ActiveX”。9.7插入JavaappletsJava是一種編程語(yǔ)言，通過(guò)它可以開(kāi)發(fā)可嵌入Web頁(yè)中的小型應(yīng)用程序（applets）。在創(chuàng)建了Javaapplets后，可以使用Dreamweaver將其插入HTML文檔中。Dreamweaver使用applet標(biāo)記來(lái)標(biāo)記對(duì)此applets文件的引用。插入Javaapplets，具體操作如下：1.在文檔窗口中，將插入點(diǎn)放置在要插入applets的地方，然后執(zhí)行以下操作之一：(1)在插入欄中，選擇“媒體”，然后單擊“applets”圖標(biāo)。

(2)在插入欄中，選擇“媒體”，然后將“applets”圖標(biāo)拖到文檔窗口（或者如果正處理代碼，