項(xiàng)目6 多媒體元素

第6章多媒體元素

課前復(fù)習(xí)什么是超級(jí)連接?超級(jí)鏈接的類型?如何創(chuàng)建超級(jí)鏈接?命名錨記?有何作用?如何創(chuàng)建命名錨記?從屬性檢查器的“目標(biāo)”彈出菜單:_blank

_parent

_self

_top的含義5.如何創(chuàng)建電子郵件鏈接?本章要點(diǎn)Flash對(duì)象的類型插入Flash按鈕插入Flash文本插入Flash視頻插入Shockwave影片插入音頻5.1關(guān)于Flash1）Flash文件（.fla）

Flash文件是在Flash中創(chuàng)建并編輯的源文件。這種類型的文件只能在Flash中打開(kāi)，而不能使用Dreamweavercs3或?yàn)g覽器中打開(kāi)。用戶可以先在Flash中打開(kāi)Flash文件，然后導(dǎo)出為.swf文件或.swt文件，以便在瀏覽器中使用。2）Flash動(dòng)畫影片文件（.swf）

Flash影片文件是使用Flash（.fla）文件的壓縮版本，它專門為網(wǎng)絡(luò)進(jìn)行了優(yōu)化處理。這種類型的文件可以在瀏覽器中播放，也Dreamweavercs3中預(yù)覽。但是不能在Flash軟件中繼續(xù)編輯。3）Flash模板文件（.swt）

Flash模板文件允許用戶在Flash動(dòng)畫文件中進(jìn)行修改和替換信息。這種文件格式用于Flash按鈕對(duì)象，允許用戶修改模板，以使按鈕具有自定義的文字標(biāo)題以及鏈接屬性，然后再創(chuàng)建自定義的SWF文件并插入文檔中。4）Flash元素文件(.swc)

Flash元素文件是一個(gè)FlashSWF文件，通過(guò)將此類文件合并到Web頁(yè)，可以創(chuàng)建豐富的Internet應(yīng)用程序。5）Flash視頻文件格式(.flv)是一種視頻文件，它包含經(jīng)過(guò)編碼的音頻和視頻數(shù)據(jù)，用于通過(guò)FlashPlayer傳送。5.2插入Flash按鈕1．創(chuàng)建和插入Flash按鈕1)在文檔窗口中將插入點(diǎn)光標(biāo)定位到要插入Flash按鈕對(duì)象的位置。2)單擊“插入”菜單中的“媒體”，選擇“Flash按鈕”?；蜻x擇”插入欄”>”常用”類別>”媒體”>＂Flash按鈕＂。3)打開(kāi)了＂插入Flash按鈕＂對(duì)話框例5_1插入Flash按鈕(5_1.thml)2．設(shè)置Flash對(duì)象的屬性對(duì)于插入的Flash按鈕對(duì)象可以隨時(shí)修改其屬性以及內(nèi)容3．在文檔中預(yù)覽Flash按鈕在屬性檢查器中單擊“播放”。4．按F12鍵，瀏覽網(wǎng)頁(yè)5.3插入Flash文本1)在文檔窗口中將光標(biāo)定位到要插入Flash文本對(duì)象的位置。2)單擊＂插入＂菜單中的＂媒體＂，選擇＂Flash文本＂?；蜻x擇”插入欄”>”常用”類別>”媒體”>＂Flash文本＂。3)打開(kāi)了“插入Flash文本”對(duì)話框5.4插入Flash動(dòng)畫1）在文檔窗口中將光標(biāo)定位到要插入Flash動(dòng)畫的位置。2）＂插入＂菜單>＂媒體＂>＂Flash(F)＂?；蜻x擇”插入欄”>”常用”類別>”媒體”>＂Flash(F)＂。3）打開(kāi)了＂選擇文件＂的對(duì)話框，選擇打開(kāi)Flash動(dòng)畫SWF文件，確定。5.5插入Flash視頻1)選擇“插入”>“媒體”>“Flash視頻”?；蜻x擇”插入欄”>”常用”類別>”媒體”>＂“Flash視頻＂。2)在“插入Flash視頻”對(duì)話框中，從“視頻類型”彈出式菜單中選擇“累進(jìn)式下載視頻”或“流視頻”。5.6插入插件

有時(shí)用戶要插入的對(duì)象不是Flash、Shockwave、Applet或ActiveX對(duì)象，如視頻的引入、文字特效的制作、背景音樂(lè)等，這時(shí)可使用Macromedia公司提供的補(bǔ)充工具——“插件”，它是通過(guò)安裝在Macromedia擴(kuò)展管理器上來(lái)對(duì)Dreamweaver進(jìn)行功能補(bǔ)充的。通過(guò)插件，可以在網(wǎng)頁(yè)制作中輕松實(shí)現(xiàn)一些Dreamweaver很難或不能實(shí)現(xiàn)的功能，如網(wǎng)頁(yè)中播放或顯示各種媒體文件，典型的插件有RealPlayer、SliderMenu(制作動(dòng)態(tài)下拉菜單插件)、Marquee(文字滾動(dòng)插件)等。當(dāng)用戶創(chuàng)建了Navigator插件元素后，就可以使用Dreamweaver8將這些元素插入到HTML文檔中，并使用embed標(biāo)記來(lái)標(biāo)明元素文件的參數(shù)。1）安裝Macromedia擴(kuò)展管理器在安裝DreamweaverCS3時(shí)同時(shí)安裝。2）安裝插件在＂命令＂菜單中，單擊＂擴(kuò)展管理＂，單擊＂文件＂菜單＞安裝擴(kuò)展＞找到插件所在位置＞單擊＂安裝＂?；蜻x擇”插入欄”>”常用”類別>＂插件＂。5.7為頁(yè)面設(shè)置聲音1．常見(jiàn)的幾種聲音文件格式.midi或.mid(MusicalInstrumentDigitalInterface)：用于模擬器樂(lè)效果的文件，.midi文件能夠被多數(shù)瀏覽器所支持，并且不需要插件程序，但這種聲音文件會(huì)受到用戶聲卡的影響。.wav(WaveformExtension)：這種格式的文件具有非常好的播放質(zhì)量，可以被多數(shù)瀏覽器所支持，并且同樣不需要插件。用戶可以通過(guò)CD、磁帶或麥克風(fēng)等來(lái)錄制自己的WAV文件，但文件較大，要在網(wǎng)絡(luò)中應(yīng)用就必須限制聲音文件的長(zhǎng)度。.aif(AudioInterchangeFileFormat或AIFF)：能夠提供很好的聲音質(zhì)量，并可以在多數(shù)瀏覽器中播放，不需要插件，與WAV文件相似。.mp3(MotionPictureExpertsGroupAudio或MPEG-AudioLayer-3)：這是一種壓縮聲音文件格式，文件很小，但聲音質(zhì)量仍然很好。要播放MP3文件，用戶必須安裝相應(yīng)的幫助程序或插件，如QuickTime，WindowsMediaPlayer或RealPlayer。.ra，.ram，.rpm或RealAudio：這種文件具有比MP3文件還要高的壓縮比，節(jié)省下載時(shí)間，聲音質(zhì)量不如MP3文件，但現(xiàn)在不斷更新的播放器在和壓縮算法正逐步改進(jìn)聲音質(zhì)量。要播放這種聲音文件，用戶必須下載和安裝RealPlayer幫助程序或插件。為頁(yè)面設(shè)置聲音文件1)將聲音文件鏈接到頁(yè)面中（1）選擇要設(shè)置鏈接的文字或圖像。（2）在屬性面板中，單擊文件夾圖標(biāo)以瀏覽到音頻文件，或者在＂鏈接＂文本框中鍵入文件的路徑和名稱。（3）在瀏覽器中預(yù)覽頁(yè)面效果，單擊鏈接文字，系統(tǒng)將打開(kāi)媒體播放器或其他設(shè)置好的關(guān)聯(lián)程序播放聲音文件。2）添加背景音樂(lè)可以使用兩種方法完成，一是輸入代碼方法，二是插入插件命令方法。插入代碼：<bgsoundsrc="music/不想長(zhǎng)大.wma"loop="-1"/>插入插件：【插入】|【媒體】|【插件】5.8插入Shockwave影片1）在“文檔”窗口中，將插入點(diǎn)放置在要插入Shockwave影片的地方，然后執(zhí)行以下操作之一：在“插入”欄的“常用”類別中，單擊“媒體”按鈕，然后從菜單中選擇“Shockwave”圖標(biāo)。選擇“插入”>“媒體”>“Shockwave”（*.avi）。2）在顯示的對(duì)話框中，選擇一個(gè)影片文件。3）在屬性檢查器中，在“寬”和“高”文本框中分別輸入影片的寬度(200)和高度(200)。其他參數(shù)設(shè)置與Flash對(duì)象設(shè)置相似。

5.9與FireworksCS3協(xié)同工作1．設(shè)置FirewoksCS3設(shè)置為圖像的外部編輯器“編輯”菜單>“首選參數(shù)”，打開(kāi)“首選參數(shù)”對(duì)話框。2.在“分類”中選擇“文件類型/編輯器”，單擊“擴(kuò)展名”上方的“+”按鈕，增加外部圖像處理程序編輯的文件格式，如PNG文件，同時(shí)單擊右邊“編輯器”上方的“+”按鈕指定文件的外部編輯器，如Fireworks.exe。如果有多個(gè)外部程序文件，則需要指定一個(gè)主程序。選擇Fireworks，單擊“設(shè)為主要”按鈕，將它指定為外部處理的主程序。選擇文件格式或程序文件，單擊“-”按鈕為刪除文件格式或程序文件。3．編輯Fireworks的圖像5.10設(shè)置文字和圖片滾動(dòng)1．格式：<marquee屬性名1=”屬性值1”屬性名2=”屬性值2”…>滾動(dòng)對(duì)象</marquee>2．說(shuō)明：<marquee＞滾動(dòng)開(kāi)始標(biāo)簽</marquee>滾動(dòng)結(jié)束標(biāo)簽3．滾動(dòng)參數(shù)：1）方向：DIRECTIONleft---左（默認(rèn)）right---右up------上down----下2）方式：BEHAVIORSCROLL

-------環(huán)繞滾動(dòng)（默認(rèn)）SLIDE---------滾動(dòng)一次ALTERNATE-----來(lái)回滾動(dòng)3）次數(shù)：LOOP當(dāng)LOOP=-1或LOOP=INFINITE時(shí)，則表明文字滾動(dòng)是無(wú)限循環(huán)（默認(rèn)）4）速度：SCROLLDELAY任意自然整數(shù)5）對(duì)齊：ALIGNTOP---------對(duì)齊上方MIDDLE------對(duì)齊中部BOTTOM------對(duì)齊下方6）鼠標(biāo)的劃過(guò)與離開(kāi)onMouseOver=this.stop();

onMouseOut=this.start();劃過(guò)停止?jié)L動(dòng)。離開(kāi)，繼續(xù)滾動(dòng)例5-9制作出一個(gè)logo圖片的任意滾動(dòng)方式<marquee

width=120

height=200

DIRECTION=up

BEHAVIOR=ALTERNATE

SCROLLDELAY=120

ALIGN=MIDDLE

onMouseOver=this.stop();

onMouseOut=this.start();><a

href=><img

src=/bbs/images/logo.gif

border=0></marquee>很容易對(duì)照出。這是一個(gè)滾動(dòng)速度為120MM，從下到上碰壁即返回并對(duì)齊中間，鼠標(biāo)劃過(guò)圖標(biāo)即停止，點(diǎn)擊圖標(biāo)來(lái)回滾動(dòng)。本章小結(jié)

在網(wǎng)頁(yè)中應(yīng)用多媒體效果當(dāng)前十分普遍，例如大量使用Flash動(dòng)畫、視頻、聲音、JavaApplet等使網(wǎng)頁(yè)動(dòng)感十足，變化多端，Dreamweaver8可以快速便捷地向Web站點(diǎn)添加動(dòng)畫、聲音和影片等多媒體文件，可以插