第一章多媒體制作岳陽社區(qū)大學-

多媒體技術課件

（盧芳亮）第四章、多媒體信息資源共享學習目的：

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

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

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

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

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

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

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

當你將RGB模式轉換成CMYK模式時，Photoshop將自動將RGB模式轉換為Lab模式，再轉換為CMYK模式。

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

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

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

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

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

☆詳見書119頁示意圖4-24、4-25☆在網上發(fā)布流媒體影片①在Web頁面上加載WMV格式視頻文件1、將WMV視頻文件上傳到媒體服務器的正確目錄中2、創(chuàng)建一個記事本文件，輸入鏈接內容：<asx><entry><title>videotest</title><refhref=”mms://218.66.102.231/17173/movie/ro/RAGNAROK26.wmv”/></entry></asx>將該文件以”RAGNAROK26.asx”命名,保存到Web服務器中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網上安家—網頁設計與網站發(fā)布4.2.1網站的規(guī)劃 利用網站發(fā)布信息一般要經過●建立網站●制作網頁●上傳發(fā)布

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

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

什么叫網站？

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

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

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

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

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

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

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