項目6 多媒體元素

第6章多媒體元素

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

_parent

_self

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

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

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

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

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

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

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

-------環(huán)繞滾動（默認）SLIDE---------滾動一次ALTERNATE-----來回滾動3）次數：LOOP當LOOP=-1或LOOP=INFINITE時，則表明文字滾動是無限循環(huán)（默認）4）速度：SCROLLDELAY任意自然整數5）對齊：ALIGNTOP---------對齊上方MIDDLE------對齊中部BOTTOM------對齊下方6）鼠標的劃過與離開onMouseOver=this.stop();

onMouseOut=this.start();劃過停止?jié)L動。離開，繼續(xù)滾動例5-9制作出一個logo圖片的任意滾動方式<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>很容易對照出。這是一個滾動速度為120MM，從下到上碰壁即返回并對齊中間，鼠標劃過圖標即停止，點擊圖標來回滾動。本章小結

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