制作多媒體效果網(wǎng)頁ppt課件_第1頁
制作多媒體效果網(wǎng)頁ppt課件_第2頁
制作多媒體效果網(wǎng)頁ppt課件_第3頁
制作多媒體效果網(wǎng)頁ppt課件_第4頁
制作多媒體效果網(wǎng)頁ppt課件_第5頁
已閱讀5頁,還剩13頁未讀 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

.,第十二講制作多媒體效果網(wǎng)頁(二),任務一創(chuàng)建網(wǎng)頁滾動廣告任務二創(chuàng)建網(wǎng)頁視頻,.,【知識點】嵌套表格、代碼視圖【重點/難點】代碼的添加【范例分析】本實例在設計制作時,通過添加Javascript代碼為輸入的公告文字創(chuàng)建滾動效果,從而完成本例的制作。,任務一創(chuàng)建網(wǎng)頁滾動廣告,.,【主要步驟】,啟動Dreamweaver,新建一個網(wǎng)頁文件,將其命名為“index.htm”,打開“頁面屬性”,設置“字體”為12pix,“文本顏色”為#FFFFFF,上邊距為0pix;在“分類”列表框中選擇“鏈接”選項,鏈接字體“大小”設置為9pit,鏈接顏色為#4893DD,將“變換圖像鏈接”顏色設置為“#1AA663”,在”下劃線樣式”下拉列表框中選擇“始終無下劃線”。在網(wǎng)頁插入三大寬為778pix、居中對齊且“填充”和“間距”均為0的表格;其中第一個表格11;第二個表格13且“表格ID”文本框中輸入“01”;第三個表格11,背景色設置為“#EFDCEF”。,.,在第一個表格中再插入一15,寬度為100%的嵌套表格,分別在各列插入相應的圖像;(關鍵步驟)在第二個表格“01”的第一列中插入光標,將其背景顏色設置為“#DE80A5”,1)在其中插入一11,寬為253pix,邊框粗細、單元格邊距和單元格間距均為“0”的嵌套表格,并將表格ID設置為“01-1”,在其中插入相應的圖像;2)將光標移至表格“01-1”之外的第一列中,再插入一個11的表格“01-2”,設置同“01-1”;將光標移至“01-2”中,為其設置一背景圖像;課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)將光標移至表格“01-2”中,插入一11、寬為214pix(高為160pix)、單元格邊距和單元格間距均為“0”的嵌套表格“01-2-1”,將光標移至表格中,為其設置一背景圖像,并將垂直對齊設置為“底部對齊”;課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)在“01-2-1”表格中再插入一個11、寬為214pix、單元格邊距和單元格間距均為“0”的嵌套表格“01-2-1-1“;課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)在表格“01-2-1-1“中,將垂直對齊方式設置為“頂端”對齊,然后在表格中輸入滾動公告文字,并為文字設置空鏈接;課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)在“代碼視圖”中,在顯示的文字前后添加代碼(見上部);,.,(關鍵步驟)3)將光標移至表格“01-2”外,插入一41、寬為253pix、單元格邊距和單元格間距均為“0”的表格;在第1、3行中插入相應的圖像,在第2、4行單元格中輸入相應文字;將“01”表格中間和右側的單元格合并,然后將合并后的單元格背景顏色設置為灰色;將光標移至合并后的單元格中,在其中插入一個44、寬度為98%、單元格和單元格間距均為“0”的嵌套表格。a)將嵌套表格的第一行單元格合并,并將其背景顏色設置為白色,然后在該單元格中插入相應圖像;b)在其余各單元格中插入相應圖像;在網(wǎng)頁中插入第三個11的大表格,寬為778pix,單元格邊距和單元格間距均為“0”,別經(jīng)顏色為“#EFDCEF”、居中對齊,并在表格中輸入相應文字。,.,【為網(wǎng)頁添加背景音樂的方法】,切換到“代碼視圖”,在之間輸入其中“11.mp3”為歌曲的名稱,“l(fā)oop=-1”表示音樂無限循環(huán)播放。,.,【重要知識問答】,本例中輸入的代碼的含義?代碼表示在表格中使輸入的文字滾動顯示;(計選取框,用于創(chuàng)建一個滾動的文本字幕)標簽表示對文字進行滾動設置;其中“scrollamount”屬性是對“滾動的速度”進行設置,默認為6“direction”是對滾動方向進行設置,(默認為“l(fā)eft”);“scrolldelay”用于設定兩次滾動操作之間的間隔時間,(該時間以毫秒為單位;此屬性不是必須使用的,默認為0)?!癶eight”表示運動區(qū)域的高度,(默認width=100%height為標簽內元素的高度)。,.,為網(wǎng)頁添加背景音樂的注意事項?本例中添加背景音樂的方法是最常用的一種方法。對于背景音樂的格式現(xiàn)在大多數(shù)的主流音樂格式,如wav、mid和mp3等。需要注意的是,如果考慮較低的原因,則可以使用Mid音效作為網(wǎng)頁的背景音樂,因為Mid音樂文件小,這樣在網(wǎng)頁打開的過程中能很快加載并播放,但是Mid只能存放音樂的旋律,沒有悅耳的和聲和唱詞。如果網(wǎng)速較快,或是認為Mid音樂單點的話,則可添加MP3格式的音樂。,.,【知識點】插件、參數(shù)設置【重點/難點】插入插件與設置插件【范例分析】本實例在設計制作時,在網(wǎng)頁中插入插件,然后選擇視頻文件,最后為插件設置參數(shù),使視頻能夠在網(wǎng)頁中順利播放。,任務二創(chuàng)建網(wǎng)頁視頻,.,在第一個大表格(31)第三行圖像中的相關菜單處設置矩形熱點區(qū)域,并設置空鏈接;插入的第二個大表格為122,寬為760pix,將左側的單元格全部合并,然后選擇菜單“插入”“媒體”“插件”/“ActiveX”。,【網(wǎng)頁制作說明】,.,【重要知識問答】,網(wǎng)頁中常用的視頻格式有哪些?有rm、rmvb、mov、swf等,這些都是符合流媒體播放方式的視頻格式,其中最新的swf播放插件可以支持flv視頻,它以速度快、畫質佳和使用方便等特點逐漸成為播客(有聲博客)們的最愛。什么是流媒體?流媒體是指在Internet/Intranet中使用流式傳播技術播放的連續(xù)時基媒體。流媒體在播放前不用下載完整的文件,只需將開始部分內容存入內存即可播放,在播放過程中可以繼續(xù)下載后面的內容,節(jié)約了用戶等待的時間。,.,1.制作一滾動公告牌;2.為網(wǎng)頁添加一視頻文件;,【上機操作】,.,【ActiveX】,ActiveX是一個打開的集成平臺,為開發(fā)人員、用戶和Web生產(chǎn)商提供了一個快速而簡便的在Internet和Intranet創(chuàng)建程序集成和內容的方法。使用ActiveX,可輕松方便的在Web頁中插入多媒體效果、交互式對象、以及復雜程序,創(chuàng)建用戶體驗相當?shù)母哔|量多媒體CD-ROM。,.,【rm】,RealNetworks公司所制定的音頻視頻壓縮規(guī)范稱為RealMedia,用戶可以使用RealPlayer或RealOnePlayer對符合RealMedia技術規(guī)范的網(wǎng)絡音頻/視頻資源進行實況轉播并且RealMedia可以根據(jù)不同的網(wǎng)絡傳輸速率制定出不同的壓縮比率,從而實現(xiàn)在低速率的網(wǎng)絡上進行影像數(shù)據(jù)實時傳送和播放。,.,【rmvb】,RMVB是一種視頻文件格式,RMVB中的VB指VBR,VariableBitRate(可改變之比特率),較上一代rm格式畫面要清晰了很多,原因是降低了靜態(tài)畫面下的比特率,可以用RealPlayer播放軟件來播放。,.,【mov】,MOV即QuickTime影片格式,它是Apple公司開發(fā)的一種音頻、視頻文件格式,用于存儲常用數(shù)字媒體類型,如音頻和視頻。當選擇QuickTime(*.mov)作為“保存類型”時,動畫將保存為.mov文件。QuickTime用于保存音頻和視頻信息,現(xiàn)在它被包括AppleMacOS,MicrosoftWindows95/98/NT/2003/XP/VISTA在內的所有主流電腦平臺支持。,.,【swf】,swf是Macromedia公司(現(xiàn)已被ADOBE公司收購)的動畫設計軟件Flash的專用格式,是一種支持矢量和點陣

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論