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

本章學習目標插入FLASH對象9.1插入SHOCKWAVE影片9.2添加視頻9.3插入NetscapeNavigator插件內(nèi)容

9.5向頁面添加聲音9.4插入ActiveX控件

9.69.1插入FLASH對象

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

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

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

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

視頻可被下載給用戶，或者可以對視頻進行流式處理以便在下載它的同時播放它。Web上用于視頻文件傳輸?shù)淖畛Ｒ娏魇教幚砀袷接蠷ealMedia、QuickTime和WindowsMedia。您必須下載輔助應用程序以查看這些格式。使用這些格式，您可以同時對音頻和視頻進行流式處理。

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

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

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

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

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

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

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

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