圖像和其它媒體

1、第5章 圖像和其它媒體一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字組成的，現(xiàn)實(shí)上，在網(wǎng)頁(yè)中還大量地運(yùn)用圖像、聲音、動(dòng)畫和視頻等多媒體元素，并且這些元素在網(wǎng)頁(yè)設(shè)計(jì)中的位置日益重要。本章將引見如何在網(wǎng)頁(yè)中插入圖像、聲音、動(dòng)畫、視頻等多媒體元素。 5.1 插入圖像圖像本身是一種重要的信息載體。在文檔中適當(dāng)放入一些圖像，不僅可以使文檔明晰直觀，而且使得文檔更具吸引力，更好地表現(xiàn)主題。當(dāng)然，圖像的添加也會(huì)使網(wǎng)頁(yè)的下載時(shí)間大大添加，所以設(shè)計(jì)網(wǎng)頁(yè)時(shí)要整體思索要運(yùn)用的圖像數(shù)目和大小。5.1 插入圖像5.1.1 在Web中運(yùn)用的圖像格式在Web中，通常運(yùn)用的有GIF、JPEG/JPG、PNG三種圖像文件格式。1.GIF格式

2、GIF是Internet上運(yùn)用最廣泛的圖像文件格式之一。它的特點(diǎn)是體積小，支持小型翻頁(yè)型動(dòng)畫，GIF圖像最多可以運(yùn)用256種顏色，最適宜制造徽標(biāo)、圖標(biāo)、按鈕和其他顏色、風(fēng)格比較單一的圖片。5.1 插入圖像2.JPEG/JPG格式JPEG/JPG也是Internet上運(yùn)用最廣泛的圖像文件格式之一，它可以保管上百萬(wàn)種顏色，采用有損緊縮方式，緊縮比高，最適宜用來(lái)保管照片。3.PNG格式PNG是一種新興的網(wǎng)絡(luò)圖像格式，兼有GIF和JPG的優(yōu)點(diǎn)。它的顯示速度很快，只需下載1/64的圖像信息就可以顯示出低分辨率的預(yù)覽圖像。5.1 插入圖像5.1.2 圖像的插入在制造網(wǎng)頁(yè)時(shí)，為了保證圖像文件所在目錄的正確性

3、，插入的圖像應(yīng)該和網(wǎng)頁(yè)位于同一個(gè)站點(diǎn)內(nèi)，假設(shè)圖像不在當(dāng)前站點(diǎn)，Dreamweaver會(huì)提示用戶將文件復(fù)制到當(dāng)前站點(diǎn)的文件夾中。插入圖像時(shí)，將光標(biāo)放置在文檔窗口需求插入圖像的位置，然后單擊插入工具欄“常用類別中的“插入圖像按鈕 (如圖5.1所示)，或者選擇主菜單【插入】|【圖像】命令。5.1 插入圖像在彈出的“選擇圖像源文件對(duì)話框中，選擇需求的圖像文件(如圖5.2所示)。單擊“確定按鈕，彈出圖5.3所示“圖像標(biāo)簽輔助功能屬性對(duì)話框，該對(duì)話框允許為此圖片定義“交換文本和“詳細(xì)闡明，交換文本用于提供對(duì)該圖像的文字描畫。當(dāng)圖像不能正常顯示時(shí)，該交換文本將顯示在圖像應(yīng)該顯示的位置。對(duì)于較長(zhǎng)的描畫，可以在

4、“詳細(xì)闡明文本框中提供鏈接，指向提供該圖像更多信息的文件。設(shè)置完成后單擊“確定按鈕，圖片就會(huì)插入到文檔中。 5.1 插入圖像留意：假設(shè)在插入圖片的時(shí)候，沒(méi)有將圖片保管在站點(diǎn)根目錄下，會(huì)彈出對(duì)話框，提示用戶要把圖片保管在站點(diǎn)內(nèi)部，這時(shí)單擊“是按鈕，然后選擇本地站點(diǎn)的途徑將圖片保管。5.1 插入圖像5.1.3 圖像的屬性面板在文檔中，單擊一個(gè)圖像即可將其選中，被選中的圖像周圍會(huì)出現(xiàn)選擇框和三個(gè)控制點(diǎn)。經(jīng)過(guò)拖動(dòng)三個(gè)控制點(diǎn)可以改動(dòng)圖像的大小。按著shift鍵，再拖動(dòng)角上的控制點(diǎn)，可以使圖像在拉伸過(guò)程中堅(jiān)持寬高比例不變。普通來(lái)說(shuō)，在插入圖像之前，應(yīng)該利用其它圖像處置軟件對(duì)圖像進(jìn)展效果處置，并根據(jù)其在網(wǎng)頁(yè)

5、中所占位置的寬度和高度進(jìn)展裁切或緊縮，不引薦在Dreamweaver中縮放圖像。5.1 插入圖像選中圖像后，在屬性面板中顯示出圖像的屬性，如圖5.4所示。在屬性面板的左上角，顯示當(dāng)前圖像的縮略圖，同時(shí)顯示圖像文件的大小。在縮略圖右側(cè)有一個(gè)文本框，在其中可以輸入圖像的標(biāo)志稱號(hào)(id)，在運(yùn)用Dreamweaver的行為(例如交換圖像)或編寫腳本代碼時(shí)可以經(jīng)過(guò)id援用該圖像。屬性面板中有圖像寬度和高度，假設(shè)圖像大小與原圖不一致的話，這里的數(shù)字會(huì)用粗體顯示；當(dāng)然也可以經(jīng)過(guò)修正這里的數(shù)值對(duì)圖片進(jìn)展縮放。 5.1 插入圖像點(diǎn)擊高度和寬度后面 的按鈕可以恢復(fù)圖像的原始大小。【源文件】用于顯示當(dāng)前圖像源文件

6、的途徑。單擊其后的閱讀文件按鈕 可以更改源文件。【鏈接】用于指定圖像的鏈接，有關(guān)鏈接的設(shè)置參見第6章?！窘粨Q】用于顯示和修正交換文本?！揪庉嫛恐笥辛鶄€(gè)按鈕，其中 (編輯)按鈕用來(lái)啟動(dòng)在主菜單【編輯】|【首選參數(shù)】中指定的外部編輯器，并翻開選定的圖像進(jìn)展編輯 (運(yùn)用Fireworks最 5.1 插入圖像 優(yōu)化)按鈕可以從Dreamweaver中啟動(dòng)Fireworks對(duì)放置的Fireworks圖像和動(dòng)畫進(jìn)展快速的導(dǎo)出更改。 (裁切)按鈕用來(lái)修剪圖像的大小，從所選圖像中刪除不需求的區(qū)域。 (重新取樣)按鈕用來(lái)對(duì)曾經(jīng)調(diào)整大小的圖像進(jìn)展重新取樣，提高圖片在新的大小和外形下的質(zhì)量。 (亮度和對(duì)比度)按鈕

7、用來(lái)修正圖像中像素的亮度和對(duì)比度。 (銳化)按鈕用來(lái)調(diào)整圖像的明晰度。5.1 插入圖像【地圖】項(xiàng)可以利用其下面熱點(diǎn)工具在圖像中繪制熱點(diǎn)，在文本框中為熱點(diǎn)區(qū)域命名。有關(guān)“圖像地圖的運(yùn)用參見第6章。【垂直邊距】和【程度邊距】項(xiàng)可以為圖像的周圍添加邊距，以像素為單位?！灸康摹宽?xiàng)與【鏈接】項(xiàng)相關(guān)，為鏈接目的選擇翻開方式。【邊框】用于為圖片設(shè)置邊框?qū)挾?，以像素為單位?.1 插入圖像5.1.4 圖像的對(duì)齊方式單擊屬性面板中的 按鈕，可以分別將圖像設(shè)置為在閱讀器窗口或其所處容器中居左、居中或居右。在屬性面板中，“對(duì)齊下拉列表用來(lái)設(shè)置圖像與文本的相互對(duì)齊方式，共有10個(gè)選項(xiàng)。經(jīng)過(guò)它可以將文字對(duì)齊到圖像的上端

8、、下端、左邊和右邊等，從而可以靈敏的實(shí)現(xiàn)文字與圖片的混排效果。5.1 插入圖像【默許值】通常指定基線對(duì)齊?！净€】和【底部】將文本(或同一段落中的其它元素)的基線與選定對(duì)象的底部對(duì)齊。【頂端】將圖像的頂端與當(dāng)前行中最高項(xiàng)(圖像或文本)的頂端對(duì)齊。【居中】將圖像的中部與當(dāng)前行的基線對(duì)齊。【文本上方】將圖像的頂端與文本行中最高字符的頂端對(duì)齊。【絕對(duì)居中】將圖像的中部與當(dāng)前行中文本的中部對(duì)齊。5.1 插入圖像【絕對(duì)底部】將圖像的底部與文本行的底部對(duì)齊?！咀髮?duì)齊】將所選圖像放置在左邊，文本在圖像的右側(cè)換行。假設(shè)左對(duì)齊文本在行上處于對(duì)象之前，它通常強(qiáng)迫左對(duì)齊對(duì)象換到一個(gè)新行。【右對(duì)齊】將圖像放置在右邊，

9、文本在對(duì)象的左側(cè)換行。假設(shè)右對(duì)齊文本在行上處于對(duì)象之前，它通常強(qiáng)迫右對(duì)齊對(duì)象換到一個(gè)新行。圖5.5、圖5.6和圖5.7分別顯示了其中三種比較常用的對(duì)齊方式。5.1 插入圖像5.1.5 將圖像設(shè)置為背景圖片設(shè)置為背景包括兩種情況，一種是將圖片設(shè)置為頁(yè)面背景，另一種是將圖片設(shè)置為具有容器特性的元素的背景，如表格、單元格等。1將圖片設(shè)置為網(wǎng)頁(yè)的背景圖像按照3.1.4節(jié)所述方法進(jìn)入頁(yè)面屬性的設(shè)置對(duì)話框，在“外觀選項(xiàng)有“背景圖像項(xiàng)，如圖5.8所示.5.1 插入圖像直接在“背景圖像文本框中輸入圖像文件稱號(hào)及途徑，或者單擊“閱讀按鈕，彈出如圖5.9所示的對(duì)話框進(jìn)展背景圖片的選擇。在圖5.8的“背景圖像下面有

10、“反復(fù)項(xiàng)，可以選擇圖像在網(wǎng)頁(yè)中的平鋪方式。留意：挑選的背景圖像要能表達(dá)網(wǎng)站的整體風(fēng)格和特征，與網(wǎng)頁(yè)內(nèi)容要調(diào)和一致。5.1 插入圖像2將圖片設(shè)置為表格的背景圖像在表格的屬性面板(圖5.10)和單元格的屬性面板(圖5.11)中均有“背景圖像項(xiàng)，經(jīng)過(guò)此項(xiàng)可以為表格或者單元格設(shè)置背景圖像。5.1 插入圖像5.1.6 創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像可以在頁(yè)面中插入鼠標(biāo)經(jīng)過(guò)圖像。在閱讀器中閱讀，鼠標(biāo)經(jīng)過(guò)這種圖像時(shí)，圖像會(huì)發(fā)生變化。鼠標(biāo)經(jīng)過(guò)圖像實(shí)踐上由兩個(gè)圖像組成，原始圖像(當(dāng)初次載入頁(yè)時(shí)顯示的圖像)和鼠標(biāo)經(jīng)過(guò)圖像(當(dāng)鼠標(biāo)指針移到原始圖像時(shí)顯示的圖像)。這兩張圖像普通要大小一致，假設(shè)不一致，Dreamweaver會(huì)自動(dòng)調(diào)

11、整鼠標(biāo)經(jīng)過(guò)圖像的大小使其與原始圖像一致。5.1 插入圖像假設(shè)要?jiǎng)?chuàng)建鼠標(biāo)經(jīng)過(guò)圖像，在文檔窗口中，將插入點(diǎn)放置在要顯示鼠標(biāo)經(jīng)過(guò)圖像的位置。選擇主菜單【插入】|【圖像對(duì)象】|【鼠標(biāo)經(jīng)過(guò)圖像】。彈出“插入鼠標(biāo)經(jīng)過(guò)圖像對(duì)話框，如圖5.12所示。在對(duì)話框中分別輸入兩個(gè)圖像文件的途徑，即完成鼠標(biāo)經(jīng)過(guò)圖像的創(chuàng)建。鼠標(biāo)經(jīng)過(guò)圖像的閱讀效果如圖5.13所示。當(dāng)鼠標(biāo)指針移到圖像上時(shí)，圖像變成另外一幅。5.2 插入聲音5.2.1 網(wǎng)頁(yè)中的聲音聲音能極好的烘托網(wǎng)頁(yè)頁(yè)面的氣氛，網(wǎng)頁(yè)中常見的聲音格式有MIDI、WAV、AIF、MP3、RA等格式。.midi或.mid(樂(lè)器數(shù)字接口)格式用于器樂(lè)。許多閱讀器都支持MIDI文件，

12、并且不需求插件。很小的MIDI文件就可以提供較長(zhǎng)時(shí)間的聲音剪輯。MIDI文件不能被錄制并且必需運(yùn)用特殊的硬件和軟件在計(jì)算機(jī)上合成。5.2 插入聲音.wav(Waveform)格式文件具有較好的聲音質(zhì)量，許多閱讀器都支持此類格式文件并且不要求插件?？梢詮腃D、磁帶、麥克風(fēng)等錄制本人的WAV文件。但是，其較大的文件大小嚴(yán)厲限制了可以在Web頁(yè)面上運(yùn)用的聲音剪輯的長(zhǎng)度。.aif(音頻交換文件格式，或AIFF)格式與WAV格式類似，也具有較好的聲音質(zhì)量，大多數(shù)閱讀器都可以播放它并且不要求插件；同樣其較大的文件大小嚴(yán)厲限制了可以在Web頁(yè)面上運(yùn)用的聲音剪輯的長(zhǎng)度。5.2 插入聲音.mp3(運(yùn)動(dòng)圖像專家組

13、音頻，即MPEG-音頻層-3)格式是一種緊縮格式，它可使聲音文件明顯減少。其聲音質(zhì)量非常好，假設(shè)正確錄制和緊縮MP3文件，其質(zhì)量甚至可以和CD質(zhì)量相媲美。MP3技術(shù)可以對(duì)文件進(jìn)展“流式處置，以便訪問(wèn)者不用等待整個(gè)文件下載完成即可收聽該文件。假設(shè)要播放MP3文件，訪問(wèn)者必需下載并安裝輔助運(yùn)用程序或插件，例如QuickTime、Windows Media Player或RealPlayer。 5.2 插入聲音.ra、.ram、.rpm或Real Audio格式具有非常高的緊縮比，文件大小要小于MP3。全部歌曲文件可以在合理的時(shí)間范圍內(nèi)下載。由于可以在普通的Web效力器上對(duì)這些文件進(jìn)展“流式處置，所

14、以訪問(wèn)者在文件完全下載完之前就可聽到聲音。訪問(wèn)者必需下載并安裝RealPlayer輔助運(yùn)用程序或插件才可以播放這些文件。5.2 插入聲音.qt、.qtm、.mov和QuickTime是由Apple Computer開發(fā)的音頻和視頻格式。Apple Macintosh操作系統(tǒng)中包含了QuickTime，并且大多數(shù)運(yùn)用音頻、視頻或動(dòng)畫的Macintosh運(yùn)用程序都運(yùn)用QuickTime。PC也可播放QuickTime格式的文件，但是要求特殊的QuickTime驅(qū)動(dòng)程序。5.2 插入聲音5.2.2 聲音的插入1添加背景音樂(lè)在頁(yè)面中可以嵌入背景音樂(lè)。這種音樂(lè)多以MP3，MIDI文件為主，在Dreamw

15、eaver中，添加背景音樂(lè)有兩種方法，一種是經(jīng)過(guò)手寫代碼實(shí)現(xiàn)，還有一種是經(jīng)過(guò)行為實(shí)現(xiàn)。5.2 插入聲音在HTML言語(yǔ)中，經(jīng)過(guò)這個(gè)標(biāo)志可以嵌入多種格式的音樂(lè)文件，詳細(xì)步驟是：圖5.15 媒體菜單切換到Dreamweaver的代碼視圖，將插入點(diǎn)定位到之前的位置，寫下這段代碼：，如圖5.14所示。5.2 插入聲音在閱讀器中預(yù)覽效果，就可以聽見背景音樂(lè)聲。這里假設(shè)曾經(jīng)將01.mid音樂(lè)文件存放在站點(diǎn)中的med文件夾里。假設(shè)希望循環(huán)播放音樂(lè)，源代碼修正為：即可。5.2 插入聲音2. 嵌入音樂(lè)可以采用嵌入播放器的方式將聲音直接插入頁(yè)面中，但只需閱讀者在閱讀網(wǎng)頁(yè)時(shí)具有所選聲音文件的適當(dāng)插件，聲音才可以播放。

16、假設(shè)希望在頁(yè)面顯示播放器的外觀，可以運(yùn)用以下方法。5.2 插入聲音翻開網(wǎng)頁(yè)，將插入點(diǎn)放置于預(yù)備顯示播放器的位置。在插入工具欄選擇“常用類別，單擊“媒體按鈕右側(cè)的下拉按鈕，從下拉菜單中選擇【插件】(如圖5.15所示)，或選擇主菜單【插入】|【媒體】|【插件】命令，彈出“選擇文件對(duì)話框。在對(duì)話框中選擇音頻文件，單擊確定按鈕后，插入的插件在文檔窗口中顯示圖標(biāo)。選中該圖標(biāo)，在屬性面板中可以對(duì)播放器的屬性(圖5.16)進(jìn)展設(shè)置：5.2 插入聲音要實(shí)現(xiàn)循環(huán)播放音樂(lè)的效果，單擊屬性面板中的“參數(shù)按鈕，彈出對(duì)話框(如圖5.17所示)，在對(duì)話框中，單擊“按鈕，在“參數(shù)列中輸入loop，并在“值列中輸入true。

17、假設(shè)要實(shí)現(xiàn)自動(dòng)播放，再單擊“按鈕，添加一行“autostart、“true，單擊“確定按鈕完成添加。這個(gè)頁(yè)面即實(shí)現(xiàn)了嵌入音樂(lè)的效果。翻開閱讀器預(yù)覽，在閱讀器里會(huì)顯示播放插件(圖5.18)。5.3 插入動(dòng)畫和視頻除了聲音和圖像以外，在網(wǎng)頁(yè)中還可以添加動(dòng)畫和視頻來(lái)加強(qiáng)網(wǎng)頁(yè)的表現(xiàn)力，豐富文檔的顯示效果。可以向網(wǎng)頁(yè)添加Flash動(dòng)畫、Shockwave影片和視頻等多媒體內(nèi)容。5.3 插入動(dòng)畫和視頻5.3.1 插入Flash動(dòng)畫插入Flash動(dòng)畫時(shí)，先將插入點(diǎn)置于欲插入動(dòng)畫的位置，翻開媒體菜單(參見圖5.15)，選擇【Flash】，彈出“選擇文件對(duì)話框，在對(duì)話框中選擇Flash動(dòng)畫文件后，緊接著將彈出如

18、圖5.19所示的“對(duì)象標(biāo)簽輔助功能屬性對(duì)話框，在對(duì)話框的“標(biāo)題文本框中輸入媒體對(duì)象的標(biāo)題，單擊“確定，該動(dòng)畫即插入到文檔中，插入的Flash動(dòng)畫以一個(gè)帶有字母F的灰色框來(lái)表示。5.3 插入動(dòng)畫和視頻在文檔窗口選中這個(gè)Flash動(dòng)畫，就可以在屬性面板(圖5.20)中設(shè)置它的屬性了。在屬性面板最左側(cè)的未標(biāo)志文本框中可以為對(duì)象輸入ID，以方便進(jìn)展腳本撰寫?！緦挕亢汀靖摺恳韵袼貫閱挝恢付▌?dòng)畫的寬度和高度?！疚募匡@示Flash文件的途徑?！驹次募恐付‵lash源文檔(FLA)的途徑?！揪庉嫛吭试S用戶啟動(dòng)Flash以更新FLA文件。假設(shè)計(jì)算機(jī)上沒(méi)有安裝Flash，此按鈕將被禁用。5.3 插入動(dòng)畫和視頻

19、【重設(shè)大小】將選定動(dòng)畫前往到其初始大小?！狙h(huán)】，選中該選項(xiàng)時(shí)動(dòng)畫將延續(xù)播放；假設(shè)沒(méi)有選中該選項(xiàng)，那么動(dòng)畫在播放一次后即停頓播放。【自動(dòng)播放】，假設(shè)選中該選項(xiàng)，那么在加載頁(yè)面時(shí)自動(dòng)播放動(dòng)畫?！敬怪边吘唷亢汀境潭冗吘唷恐付▌?dòng)畫上、下、左、右空白的像素?cái)?shù)。5.3 插入動(dòng)畫和視頻【質(zhì)量】在動(dòng)畫播放期間控制抗失真。設(shè)置越高，影片的觀看效果就越好；但這要求更快的處置器以使動(dòng)畫在屏幕上正確顯示?！暗唾|(zhì)量設(shè)置更看重速度而不是效果；而“高質(zhì)量設(shè)置那么更看重效果而非速度；“自動(dòng)低質(zhì)量設(shè)置優(yōu)先看重速度，如有能夠那么改善效果；“自動(dòng)高質(zhì)量設(shè)置優(yōu)先看重效果，但有能夠會(huì)由于速度而影響效果。5.3 插入動(dòng)畫和視頻【比例】

20、確定動(dòng)畫如何匹配在寬度和高度文本框中設(shè)置的尺寸。“默許值設(shè)置顯示整個(gè)動(dòng)畫；“無(wú)邊框使動(dòng)畫適宜設(shè)定的尺寸，因此無(wú)邊框顯示并維持原始的縱橫比；“嚴(yán)厲匹配對(duì)動(dòng)畫進(jìn)展縮放以適宜設(shè)定的尺寸，而不論縱橫比如何?！緦?duì)齊】確定動(dòng)畫在頁(yè)面上的對(duì)齊方式?！颈尘邦伾恐付▌?dòng)畫區(qū)域的背景顏色。在不播放動(dòng)畫時(shí)(在加載時(shí)和在播放后)也顯示此顏色。5.3 插入動(dòng)畫和視頻【參數(shù)】用于翻開一個(gè)對(duì)話框，可在其中輸入傳送給動(dòng)畫的附加參數(shù)。比如為了使頁(yè)面的背景在Flash下可以烘托出來(lái)，可以在對(duì)話框中，設(shè)置參數(shù)為“wmode，值為“transparent。這樣在任何背景下，F(xiàn)lash動(dòng)畫都能實(shí)現(xiàn)透明背景的顯示。設(shè)置完成后，可以點(diǎn)擊【

21、播放】在Dreamweaver中播放Flash，觀看效果。如圖5.21所示。5.3 插入動(dòng)畫和視頻5.3.2 插入Shockwave影片Shockwave作為Web上用于交互式多媒體的Macromedia規(guī)范，是一種經(jīng)過(guò)緊縮的格式，可以在大多數(shù)閱讀器中播放。可以運(yùn)用Dreamweaver將Shockwave影片插入到文檔中。插入Shockwave影片的操作步驟如下：5.3 插入動(dòng)畫和視頻在文檔窗口中，將插入點(diǎn)定位在要插入Shockwave影片的地方，翻開媒體菜單(參見圖5.15)，選擇【Shockwave】，或者選擇主菜單【插入】|【媒體】|【Shockwave】。彈出“選擇文件對(duì)話框，在對(duì)話

22、框中選擇Shockwave影片文件后，緊接著將彈出“對(duì)象標(biāo)簽輔助功能屬性對(duì)話框，在對(duì)話框的“標(biāo)題文本框中輸入媒體對(duì)象的標(biāo)題，單擊“確定，該影片即插入到文檔中。插入影片后，在屬性面板中，可以對(duì)其寬高、邊距、參數(shù)、背景顏色等屬性進(jìn)展設(shè)置。5.3 插入動(dòng)畫和視頻5.3.3 視頻的添加在Dreamweaver中，可以經(jīng)過(guò)不同方式將不同格式的視頻(AVI、MPEG、WMA等)添加到Web頁(yè)面。視頻可被下載給用戶，或者可以對(duì)視頻進(jìn)展流式處置以便在下載它的同時(shí)進(jìn)展播放。除了5.3.2中引見的經(jīng)過(guò)插入Shockwave影片的方法插入視頻以外，還可以經(jīng)過(guò)以下方法插入視頻。5.3 插入動(dòng)畫和視頻1.利用Activ

23、eX控件插入視頻ActiveX控件是可以充任閱讀器插件的可復(fù)用組件。在網(wǎng)頁(yè)中添加一些不同功能的ActiveX控件可以實(shí)現(xiàn)播放視頻、顯示計(jì)算表內(nèi)容等，只需閱讀者的閱讀器支持ActiveX控件的功能，就會(huì)自動(dòng)執(zhí)行它。在這里利用ActiveX控件來(lái)插入一個(gè)視頻文件。5.3 插入動(dòng)畫和視頻翻開媒體菜單(參見圖5.15)，選擇【ActiveX】，或者選擇主菜單【插入】|【媒體】|【ActiveX】，彈出“對(duì)象標(biāo)簽輔助功能屬性對(duì)話框，在對(duì)話框的“標(biāo)題文本框中輸入對(duì)象的標(biāo)題，單擊“確定，就會(huì)在文檔中插入一個(gè)ActiveX圖標(biāo)。選中該圖標(biāo)，在屬性面板中，設(shè)置寬高尺寸，選中“嵌入復(fù)選框，啟用“源文件，然后單擊后

24、面的“閱讀按鈕選擇視頻文件。接著單擊該面板中的“參數(shù)按鈕，翻開“參數(shù)對(duì)話框，可以在其中為該ActiveX對(duì)象設(shè)置一些參數(shù)，如圖5.22所示。5.3 插入動(dòng)畫和視頻設(shè)置完成后，在閱讀器中閱讀的效果如圖5.23所示。2.在代碼中插入視頻用標(biāo)簽可以在代碼中插入視頻。通常用來(lái)播放Windows Media Player支持的格式。也可以用它播放一些其它格式的視頻，只是要留意更多的細(xì)節(jié)。5.3 插入動(dòng)畫和視頻不用寫。便是embed最簡(jiǎn)約寫法，只需這樣寫就可以播放影音文件了，效果如圖5.24所示。寫入代碼后，在設(shè)計(jì)視圖中選擇此插件，即可在屬性面板中可以修正其寬高等參數(shù)。 5.4 其它多媒體元素的插入在Dr

25、eamweaver中，為了使網(wǎng)頁(yè)更富有動(dòng)感，可以插入Flash文本、Flash按鈕、FlashPaper、Flash video等多媒體元素。5.4 其它多媒體元素的插入1. 插入Flash按鈕Flash按鈕對(duì)象可以定制和插入一個(gè)曾經(jīng)設(shè)計(jì)好的Flash按鈕。即使不會(huì)運(yùn)用Flash軟件也可以在Dreamweaver中直接插入Flash動(dòng)畫格式的按鈕。留意，插入Flash按鈕的操作只能在曾經(jīng)保管過(guò)的網(wǎng)頁(yè)中進(jìn)展。5.4 其它多媒體元素的插入假設(shè)要插入Flash按鈕對(duì)象，將插入點(diǎn)放置在要插入按鈕的位置。翻開媒體菜單(參見圖5.15)，選擇【Flash按鈕】，或者選擇主菜單【插入】|【媒體】|【Flas

26、h按鈕】命令，會(huì)出現(xiàn)“插入Flash按鈕對(duì)話框，如圖5.25所示。在對(duì)話框中選擇一種“款式，在“按鈕文本文本框中輸入要顯示的文本內(nèi)容，設(shè)置文本的字體和大小、Flash按鈕的鏈接目的、背風(fēng)光等工程后，點(diǎn)擊“確定，就將Flash按鈕插入到了文檔窗口中，效果如圖5.26所示。5.4 其它多媒體元素的插入插入Flash按鈕后，還可以對(duì)其進(jìn)展修正，選擇Flash按鈕后，在屬性面板中可以修正“寬、“高等參數(shù)(圖5.27)，也可以雙擊Flash按鈕，再次彈出圖5.25所示的對(duì)話框，對(duì)Flash按鈕進(jìn)展重新編輯。5.4 其它多媒體元素的插入2. 插入Flash文本圖5.28 插入Flash文本對(duì)話框利用添加F

27、lash文本功能可以運(yùn)用自選的字體、字型和字號(hào)來(lái)制造一個(gè)僅僅包含文本對(duì)象的Flash動(dòng)畫。將插入點(diǎn)放置在要插入Flash文本的位置。翻開媒體菜單(參見圖5.15)，選擇【Flash文本】，或者選擇主菜單【插入】|【媒體】|【Flash文本】命令，會(huì)出現(xiàn)“插入Flash文本對(duì)話框。如圖5.28所示。5.4 其它多媒體元素的插入在該對(duì)話框中設(shè)置文本的“字體、“大小、“顏色、“轉(zhuǎn)滾顏色，在“文本文本框中輸入想要的文字(比如“Flash文本這幾個(gè)字)，添加鏈接、背風(fēng)光等。完成“插入Flash文本對(duì)話框后，單擊“運(yùn)用或“確定，將Flash文本插入文檔窗口中。插入的Flash文本效果預(yù)覽如圖5.29所示。

28、5.4 其它多媒體元素的插入3. 插入FlashPaperFlashPaper是Macromedia推出的一款電子文檔類工具，經(jīng)過(guò)程序?qū)⑿枨蟮奈臋n進(jìn)展簡(jiǎn)單的設(shè)置轉(zhuǎn)換為SWF格式的Flash動(dòng)畫，原文檔的排版款式和字體顯示不會(huì)遭到影響，這樣做的益處是不論對(duì)方的平臺(tái)和言語(yǔ)版本是什么，都可以觀看所制造的電子文檔動(dòng)畫，并可以進(jìn)展放大、減少、打印、翻頁(yè)等操作，有利于文檔的傳播，而且由于Flash動(dòng)畫的普及性和可調(diào)理性，可以制造出非常美麗的電子文檔！5.4 其它多媒體元素的插入將插入點(diǎn)放置在要插入FlashPaper的位置。翻開媒體菜單(參見圖5.15)，選擇【FlashPaper】，或者選擇主菜單【插入

29、】|【媒體】|【FlashPaper】命令。會(huì)出現(xiàn)“插入FlashPaper對(duì)話框。在對(duì)話框中，閱讀到一個(gè)FlashPaper文檔并將其選定。假設(shè)需求，經(jīng)過(guò)輸入寬度和高度(以像素為單位)指定FlashPaper對(duì)象在Web頁(yè)上的尺寸。FlashPaper將縮放文檔以適宜寬度。單擊“確定在頁(yè)面中插入文檔。5.4 其它多媒體元素的插入由于FlashPaper文檔是Flash對(duì)象，因此頁(yè)面上將出現(xiàn)一個(gè)Flash占位符。假設(shè)要預(yù)覽FlashPaper文檔，可以單擊該占位符，然后單擊屬性面板中的“播放按鈕。單擊“停頓可以終了預(yù)覽。也可以在閱讀器中預(yù)覽該文檔。FlashPaper工具欄在閱讀器中具有全部功能。假設(shè)需求，在屬性面板中可以設(shè)置其他屬性。 5.4 其它多媒體元素的插入4.