多媒體技術(shù)課件

（盧芳亮）第四章、多媒體信息資源共享學(xué)習(xí)目的：

21世紀(jì)是一個信息時代，隨著電子技術(shù)、計算機(jī)技術(shù)、網(wǎng)絡(luò)通信技術(shù)的發(fā)展，網(wǎng)絡(luò)已經(jīng)稱為當(dāng)今社會的一個重要組成部分，并且現(xiàn)代網(wǎng)絡(luò)體系的最大特點就是資源共享。通過本章的學(xué)習(xí)，使同學(xué)們了解媒體信息資源的發(fā)布、共享，并進(jìn)一步學(xué)會設(shè)計靜態(tài)網(wǎng)站。

本章重點：制作與共享多媒體電影：①多媒體電影創(chuàng)作的基本過程②多媒體電影創(chuàng)作中信息的處理③多媒體電影的發(fā)布與共享④多媒體電影光盤的制作網(wǎng)頁設(shè)計與網(wǎng)站發(fā)布：①網(wǎng)站的規(guī)劃②頁面的設(shè)計與布局③網(wǎng)頁中多媒體資源的處理④網(wǎng)站的發(fā)布與共享本章難點：1、Adobepremierepro軟件的進(jìn)階操作1-1、路徑文本創(chuàng)建1-2、應(yīng)用photoshop創(chuàng)建半透明文本1-3、三點、四點編輯2、視頻文件的發(fā)布與共享3、Dreamweaver的具體操作分析，靜態(tài)網(wǎng)站建設(shè)4、網(wǎng)站發(fā)布與共享。本章目錄：?制作與共享多媒體電影?網(wǎng)頁設(shè)計與網(wǎng)站發(fā)布4.1多彩季節(jié)—制作與共享多媒體電影多媒體電影與傳統(tǒng)意義上的電影不同，它無論是在前期拍攝還是后期制作中都體現(xiàn)了現(xiàn)代科技在電影制作中所發(fā)揮的強(qiáng)大優(yōu)勢。

多媒體電影創(chuàng)作中的“多媒體”主要表現(xiàn)在兩個方面：一是使用設(shè)備的多媒體化，例如，數(shù)碼攝像機(jī)、數(shù)碼照相機(jī)還有最重要的多媒體計算機(jī)等；二是電影元素的多媒體化，各類多媒體資源在多媒體電影中被廣泛應(yīng)用。多媒體素材的采集4.1.2電影創(chuàng)作中多媒體資料編輯與處理1、設(shè)計字幕（1）教學(xué)活動項目使用模板創(chuàng)建字幕☆修改模板文本，選擇文本字體?！罾米煮w瀏覽器選擇字體?！钤O(shè)置字幕開始結(jié)束效果☆創(chuàng)建滾動字幕⑴設(shè)置滾動字幕背景。⑵設(shè)置滾動效果單擊字幕設(shè)計窗口內(nèi)字幕類型旁的【左滾/上飛選項】按鈕選中“EndOffScreen”復(fù)選框，即字幕最后完全從屏幕中移出⑶設(shè)置滾動字幕開始結(jié)束效果☆在路徑上創(chuàng)建字幕⑴鋼筆工具的使用

⑵路徑文本工具的使用（與鋼筆工具操作相同）2、在premiere中應(yīng)用photoshop文件創(chuàng)建半透明文本★首先在photoshop中創(chuàng)建斜面文本效果，并且在斜面文本之外創(chuàng)建alpha通道，當(dāng)文本加載到premiere中時，字體是半透明的，這樣就允許通過文本的高亮區(qū)域來顯示一部分背景圖像，為了在premiere中給文本創(chuàng)建顏色，要使用顏色遮光命令。PhotoshopCS創(chuàng)建Lab模式圖像

Lab模式既不依賴光線，也不依賴于顏料，它是CIE組織確定的一個理論上包括了人眼可以看見的所有色彩的色彩模式。Lab模式彌補(bǔ)了RGB和CMYK兩種色彩模式的不足。

Lab模式由三個通道組成，但不是R、G、B通道。它的一個通道是亮度，即L。另外兩個是色彩通道，用A和B來表示。A通道包括的顏色是從深綠色（底亮度值）到灰色（中亮度值）再到亮粉紅色（高亮度值）；B通道則是從亮藍(lán)色（底亮度值）到灰色（中亮度值）再到黃色（高亮度值）。因此，這種色彩混合后將產(chǎn)生明亮的色彩。

Lab模式所定義的色彩最多，且與光線及設(shè)備無關(guān)并且處理速度與RGB模式同樣快，比CMYK模式快很多。因此，可以放心大膽的在圖象編輯中使用Lab模式。而且，Lab模式在轉(zhuǎn)換成CMYK模式時色彩沒有丟失或被替換。因此，最佳避免色彩損失的方法是：應(yīng)用Lab模式編輯圖象，再轉(zhuǎn)換為CMYK模式打印輸出。

當(dāng)你將RGB模式轉(zhuǎn)換成CMYK模式時，Photoshop將自動將RGB模式轉(zhuǎn)換為Lab模式，再轉(zhuǎn)換為CMYK模式。

在表達(dá)色彩范圍上，處于第一位的是Lab模式，第二位的是RGB模式，第三位是CMYK模式。3、使用工具箱中的工具編輯視頻素材

在制作多媒體電影時,將兩個視頻素材連在一起后,可能希望通過更改第一段視頻素材的出點來很好地調(diào)整編輯效果。

如果需要一起編輯三段素材，則【滑動工具】和【幻燈片工具】提供了可編輯中間素材的入點或出點的快速方法。☆見書114~116頁關(guān)于各工具的具體介紹。4、創(chuàng)建三點或四點編輯（1）創(chuàng)建三點編輯

通常情況下，三點編輯用于完成用來源素材的一部分覆蓋或替換項目中的一部分。在進(jìn)行編輯之前，要指定三個至關(guān)重要的點?！粼此夭牡娜朦c?！繇椖績?nèi)素材的入點：希望源素材首先出現(xiàn)在時間軸中的視頻素材上的幀?！艄?jié)目內(nèi)素材的出點：希望源素材替換到結(jié)束的幀。

在學(xué)習(xí)了三點編輯后，希望同學(xué)們能根據(jù)有關(guān)四點編輯的說明和示意圖利用現(xiàn)有素材創(chuàng)建一個四點編輯。 在四點編輯中，要指定源素材的入點和出點，以及時間軸上素材的入點和出點，同樣利用【覆蓋】按鈕執(zhí)行四點編輯，應(yīng)用四點編輯后premiere會自動在時間軸上添加源素材。

☆詳見書119頁示意圖4-24、4-25☆在網(wǎng)上發(fā)布流媒體影片①在Web頁面上加載WMV格式視頻文件1、將WMV視頻文件上傳到媒體服務(wù)器的正確目錄中2、創(chuàng)建一個記事本文件，輸入鏈接內(nèi)容：<asx><entry><title>videotest</title><refhref=”mms://218.66.102.231/17173/movie/ro/RAGNAROK26.wmv”/></entry></asx>將該文件以”RAGNAROK26.asx”命名,保存到Web服務(wù)器中3、在Web頁面中編寫HTML代碼，以便創(chuàng)建到”RAGNAROK26.asx”文件的鏈接。代碼如下：<ahref=“RAGNAROK26.asx”>點擊播放</a>②加載rmvb格式視頻文件Rtsp://servername/path/movie.rmvb保存為movie.ram③加載mov格式視頻文件Rtsp://servername/path/movie.mov保存為movie.mov<ahref=“movie.mov”>點擊播放</a>☆創(chuàng)建DVD光盤4.2網(wǎng)上安家—網(wǎng)頁設(shè)計與網(wǎng)站發(fā)布4.2.1網(wǎng)站的規(guī)劃 利用網(wǎng)站發(fā)布信息一般要經(jīng)過●建立網(wǎng)站●制作網(wǎng)頁●上傳發(fā)布

3個環(huán)節(jié)。 在開始建設(shè)網(wǎng)站之前，必須對網(wǎng)站建設(shè)的基本要求、網(wǎng)站的類型、網(wǎng)站定位和風(fēng)格特點有所了解。

☆建設(shè)自己的個人網(wǎng)站項目實施步驟一、確定主題 做網(wǎng)站，首先必須要解決的就是確定網(wǎng)站的主題。 對于主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。步驟二、規(guī)劃網(wǎng)站結(jié)構(gòu)

什么叫網(wǎng)站？

什么叫網(wǎng)頁？【網(wǎng)頁】：就是所看到的瀏覽器內(nèi)的一個頁面，由圖片和文字組成。通常有一級頁面、二級頁面之說。當(dāng)在瀏覽器地址欄內(nèi)輸入網(wǎng)址后，看到的第一個頁面叫做首頁，并且通常將其命名為“index.htm”。【網(wǎng)站】：簡單的說就是很多相關(guān)網(wǎng)頁文件、圖片文件以及其他文件的組合。一個網(wǎng)站是由相關(guān)網(wǎng)頁組成的一個關(guān)系網(wǎng)，通過頁面上的鏈接可以在不同的網(wǎng)頁之間跳轉(zhuǎn)。在構(gòu)建網(wǎng)站結(jié)構(gòu)時應(yīng)該注意以下幾點內(nèi)容： ①網(wǎng)站一定要緊扣主題；②設(shè)定一個交互式的欄目，例如留言簿；③頁面簡潔，盡可能的方便訪問者的瀏覽和查詢；④網(wǎng)站的層次不要太復(fù)雜，小網(wǎng)站由3層網(wǎng)頁構(gòu)成是比較合適的；⑤整體的頁面設(shè)計風(fēng)格要保持一致。⑴欄目與版塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)的初學(xué)者，最容易犯的錯誤就是確定題材后立刻開始制作，沒有合理規(guī)劃。

針對本章節(jié)的網(wǎng)站制作實例，“網(wǎng)頁設(shè)計”的主題可以分為兩大版塊：一是網(wǎng)頁素材；二是網(wǎng)頁設(shè)計教程。 在“網(wǎng)頁素材”版塊中又可以按圖像的類別分為兩個欄目：圖像素材和特效素材。最后，還可以增加一個“留言板”版塊。⑵目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的本地文件夾目錄。目錄的結(jié)構(gòu)是一個容易被忽略的問題，大多數(shù)設(shè)計者在創(chuàng)建網(wǎng)站時都是不經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么感覺，但是對于站點本身的維護(hù)，以及以后內(nèi)容的擴(kuò)充和移植有著重要影響，所以建立目錄結(jié)構(gòu)要仔細(xì)?！裨趧?chuàng)建網(wǎng)站目錄結(jié)構(gòu)時，可遵循以下幾個規(guī)則：①不要將所有文件都存放在根目錄下。②按欄目內(nèi)容建立子目錄。③在每個主目錄下都建立獨立的Images目錄，方便維護(hù)與管理。④目錄的層次不要太深，不要超過3層，不要使用中文目錄，并且盡量使用意義明確的目錄名，以便于記憶和管理。超鏈接關(guān)系圖：Index.htm

message.htm\material.htm\tutorial.htmmaterial.htmgallery.htm\effect.htm⑶確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。⑷進(jìn)行形象設(shè)計·設(shè)計網(wǎng)站標(biāo)志（LOGO）。·設(shè)計網(wǎng)站色彩?！ぴO(shè)計網(wǎng)站字體。 需要說明的是使用非默認(rèn)字體只能使用圖片的樣式，因為很可能瀏覽者的計算機(jī)里沒有安裝特別字體?！ぴO(shè)計網(wǎng)站宣傳語，即網(wǎng)站的精神、主題與中心。⑸創(chuàng)意內(nèi)容的準(zhǔn)備個人網(wǎng)站建設(shè)規(guī)則總結(jié)：1、要明確建設(shè)網(wǎng)站的目的。2、要進(jìn)行可行性分析。3、要設(shè)計網(wǎng)站的內(nèi)容。4、要設(shè)計網(wǎng)站的表現(xiàn)形式。課堂作業(yè)：

同學(xué)們以小組合作形式（2人一組）或獨立完成班級網(wǎng)站的設(shè)計與規(guī)劃。具體實施：

一人負(fù)責(zé)收集班級網(wǎng)站素材，來源于生活，包括圖片、文字、聲音甚至短片，另一人負(fù)責(zé)規(guī)劃網(wǎng)站。 前期工作完成后，分配網(wǎng)頁設(shè)計任務(wù)，兩人分別設(shè)計網(wǎng)站的不同版塊，并統(tǒng)一建立鏈接。實施要求：

確定網(wǎng)站主題，創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)，確定網(wǎng)站風(fēng)格，進(jìn)行形象設(shè)計，最后準(zhǔn)備網(wǎng)站創(chuàng)意內(nèi)容。4.2.2網(wǎng)頁設(shè)計1、設(shè)計與制作主頁為“WebDesign”設(shè)計制作主頁面（index.htm）項目實施⑴選擇網(wǎng)頁設(shè)計工具☆FrontPage—MicroOffice☆Dreamweaver--MacromediaDreamweaver與FrontPage比較，有以下幾點優(yōu)勢：①產(chǎn)生的垃圾代碼少，網(wǎng)頁可讀性好，可以提高網(wǎng)頁瀏覽速度；②通過圖層功能，可以快速制作出復(fù)雜的頁面，圖片定位更容易③可基本解決IE瀏覽器與Netscape瀏覽器的兼容性；④設(shè)計思路廣，內(nèi)涵豐富，創(chuàng)作隨意性強(qiáng)，可充分展現(xiàn)網(wǎng)頁設(shè)計的創(chuàng)意。⑵認(rèn)識Dreamweaver軟件⑶在Dreamweaver中建立站點☆歡迎界面中單擊【DreamweaverSite】命令，設(shè)置站點名稱為“Webdesign”，單擊下一步?！钸x擇【否，我不想使用服務(wù)器技術(shù)】選項，單擊下一步☆選擇【編輯我的計算機(jī)上的本地副本，完成后再上傳到服務(wù)器】，并且單擊文件夾圖標(biāo)，指定本地站點文件夾，在文件路徑欄中會顯示所選路徑，例如,c:\mydocuments\webdesign。單擊下一步。☆遠(yuǎn)程站點鏈接方式選擇【無】，單擊下一步?！钔瓿伞＂葎?chuàng)建主頁☆執(zhí)行【文件】/【新建】，打開新建文檔對話框，選擇“基本頁”類別中的“HTML”選項，并單擊“創(chuàng)建”?！顖?zhí)行“保存”命令，將該頁面以“index.htm”名字保存到本地站點文件夾“webdesign”中。⑸利用表格設(shè)計頁面布局⑹利用圖層設(shè)計頁面布局 單擊工具欄上的“常用”按鈕，選擇“布局”模式，將當(dāng)前工具欄設(shè)為布局。單擊“描繪層”按鈕。2.設(shè)計與制作子頁面⑴教學(xué)活動項目設(shè)計子頁面material.htm·創(chuàng)建框架網(wǎng)頁

·保存框架網(wǎng)頁①首先，保存框架集網(wǎng)頁。②保存各框架部分書中例題框架網(wǎng)頁保存后應(yīng)該有4個網(wǎng)頁文件，分別是：☆1個框架集文件“material.htm”☆3個框架網(wǎng)頁“top.htm”、“l(fā)eft.htm”、“main.htm”·根據(jù)書本實例設(shè)置框架屬性。設(shè)置框架行高、列寬?！ぞ庉嬌峡蚣芫W(wǎng)頁·編輯左框