第一章多媒体制作岳阳社区大学-

多媒体技术课件

（卢芳亮）第四章、多媒体信息资源共享学习目的：

21世纪是一个信息时代，随着电子技术、计算机技术、网络通信技术的发展，网络已经称为当今社会的一个重要组成部分，并且现代网络体系的最大特点就是资源共享。通过本章的学习，使同学们了解媒体信息资源的发布、共享，并进一步学会设计静态网站。

本章重点：制作与共享多媒体电影：①多媒体电影创作的基本过程②多媒体电影创作中信息的处理③多媒体电影的发布与共享④多媒体电影光盘的制作网页设计与网站发布：①网站的规划②页面的设计与布局③网页中多媒体资源的处理④网站的发布与共享本章难点：1、Adobepremierepro软件的进阶操作1-1、路径文本创建1-2、应用photoshop创建半透明文本1-3、三点、四点编辑2、视频文件的发布与共享3、Dreamweaver的具体操作分析，静态网站建设4、网站发布与共享。本章目录：☺制作与共享多媒体电影☺网页设计与网站发布4.1多彩季节—制作与共享多媒体电影多媒体电影与传统意义上的电影不同，它无论是在前期拍摄还是后期制作中都体现了现代科技在电影制作中所发挥的强大优势。

多媒体电影创作中的“多媒体”主要表现在两个方面：一是使用设备的多媒体化，例如，数码摄像机、数码照相机还有最重要的多媒体计算机等；二是电影元素的多媒体化，各类多媒体资源在多媒体电影中被广泛应用。多媒体素材的采集4.1.2电影创作中多媒体资料编辑与处理1、设计字幕（1）教学活动项目使用模板创建字幕☆修改模板文本，选择文本字体。☆利用字体浏览器选择字体。☆设置字幕开始结束效果☆创建滚动字幕⑴设置滚动字幕背景。⑵设置滚动效果单击字幕设计窗口内字幕类型旁的【左滚/上飞选项】按钮选中“EndOffScreen”复选框，即字幕最后完全从屏幕中移出⑶设置滚动字幕开始结束效果☆在路径上创建字幕⑴钢笔工具的使用

⑵路径文本工具的使用（与钢笔工具操作相同）2、在premiere中应用photoshop文件创建半透明文本★首先在photoshop中创建斜面文本效果，并且在斜面文本之外创建alpha通道，当文本加载到premiere中时，字体是半透明的，这样就允许通过文本的高亮区域来显示一部分背景图像，为了在premiere中给文本创建颜色，要使用颜色遮光命令。PhotoshopCS创建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、创建三点或四点编辑（1）创建三点编辑

通常情况下，三点编辑用于完成用来源素材的一部分覆盖或替换项目中的一部分。在进行编辑之前，要指定三个至关重要的点。◆源素材的入点。◆项目内素材的入点：希望源素材首先出现在时间轴中的视频素材上的帧。◆节目内素材的出点：希望源素材替换到结束的帧。

在学习了三点编辑后，希望同学们能根据有关四点编辑的说明和示意图利用现有素材创建一个四点编辑。 在四点编辑中，要指定源素材的入点和出点，以及时间轴上素材的入点和出点，同样利用【覆盖】按钮执行四点编辑，应用四点编辑后premiere会自动在时间轴上添加源素材。

☆详见书119页示意图4-24、4-25☆在网上发布流媒体影片①在Web页面上加载WMV格式视频文件1、将WMV视频文件上传到媒体服务器的正确目录中2、创建一个记事本文件，输入链接内容：<asx><entry><title>videotest</title><refhref=”mms://218.66.102.231/17173/movie/ro/RAGNAROK26.wmv”/></entry></asx>将该文件以”RAGNAROK26.asx”命名,保存到Web服务器中3、在Web页面中编写HTML代码，以便创建到”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>☆创建DVD光盘4.2网上安家—网页设计与网站发布4.2.1网站的规划 利用网站发布信息一般要经过●建立网站●制作网页●上传发布

3个环节。 在开始建设网站之前，必须对网站建设的基本要求、网站的类型、网站定位和风格特点有所了解。

☆建设自己的个人网站项目实施步骤一、确定主题 做网站，首先必须要解决的就是确定网站的主题。 对于主题的选择，要做到小而精，主题定位要小，内容要精。步骤二、规划网站结构

什么叫网站？

什么叫网页？【网页】：就是所看到的浏览器内的一个页面，由图片和文字组成。通常有一级页面、二级页面之说。当在浏览器地址栏内输入网址后，看到的第一个页面叫做首页，并且通常将其命名为“index.htm”。【网站】：简单的说就是很多相关网页文件、图片文件以及其他文件的组合。一个网站是由相关网页组成的一个关系网，通过页面上的链接可以在不同的网页之间跳转。在构建网站结构时应该注意以下几点内容： ①网站一定要紧扣主题；②设定一个交互式的栏目，例如留言簿；③页面简洁，尽可能的方便访问者的浏览和查询；④网站的层次不要太复杂，小网站由3层网页构成是比较合适的；⑤整体的页面设计风格要保持一致。⑴栏目与版块编排 构建一个网站就好比写一篇论文，首先要列出提纲，才能主题明确、层次清晰。网站建设的初学者，最容易犯的错误就是确定题材后立刻开始制作，没有合理规划。

针对本章节的网站制作实例，“网页设计”的主题可以分为两大版块：一是网页素材；二是网页设计教程。 在“网页素材”版块中又可以按图像的类别分为两个栏目：图像素材和特效素材。最后，还可以增加一个“留言板”版块。⑵目录结构与链接结构 网站的目录是指建立网站时创建的本地文件夹目录。目录的结构是一个容易被忽略的问题，大多数设计者在创建网站时都是不经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么感觉，但是对于站点本身的维护，以及以后内容的扩充和移植有着重要影响，所以建立目录结构要仔细。●在创建网站目录结构时，可遵循以下几个规则：①不要将所有文件都存放在根目录下。②按栏目内容建立子目录。③在每个主目录下都建立独立的Images目录，方便维护与管理。④目录的层次不要太深，不要超过3层，不要使用中文目录，并且尽量使用意义明确的目录名，以便于记忆和管理。超链接关系图：Index.htm

message.htm\material.htm\tutorial.htmmaterial.htmgallery.htm\effect.htm⑶确定网站风格 “风格”是抽象的，是指站点的整体形象给浏览者的综合感受。⑷进行形象设计·设计网站标志（LOGO）。·设计网站色彩。·设计网站字体。 需要说明的是使用非默认字体只能使用图片的样式，因为很可能浏览者的计算机里没有安装特别字体。·设计网站宣传语，即网站的精神、主题与中心。⑸创意内容的准备个人网站建设规则总结：1、要明确建设网站的目的。2、要进行可行性分析。3、要设计网站的内容。4、要设计网站的表现形式。课堂作业：

同学们以小组合作形式（2人一组）或独立完成班级网站的设计与规划。具体实施：

一人负责收集班级网站素材，来源于生活，包括图片、文字、声音甚至短片，另一人负责规划网站。 前期工作完成后，分配网页设计任务，两人分别设计网站的不同版块，并统一建立链接。实施要求：

确定网站主题，创建网站目录结构与链接结构，确定网站风格，进行形象设计，最后准备网站创意内容。4.2.2网页设计1、设计与制作主页为“WebDesign”设计制作主页面（index.htm）项目实施⑴选择网页设计工具☆FrontPage—MicroOffice☆Dreamweaver--MacromediaDreamweaver与FrontPage比较，有以下几点优势：①产生的垃圾代码少，网页可读性好，可以提高网页浏览速度；②通过图层功能，可以快速制作出复杂的页面，图片定位更容易③可基本解决IE浏览器与Netscape浏览器的兼容性；④设计思路广，内涵丰富，创作随意性强，可充分展现网页设计的创意。⑵认识Dreamweaver软件⑶在Dreamweaver中建立站点☆欢迎界面中单击【DreamweaverSite】命令，设置站点名称为“Webdesign”，单击下一步。☆选择【否，我不想使用服务器技术】选项，单击下一步☆选择【编辑我的计算机上的本地副本，完成后再上传到服务器】，并且单击文件夹图标，指定本地站点文件夹，在文件路径栏中会显示所选路径，例如,c:\mydocuments\webdesign。单击下一步。☆远程站点链接方式选择【无】，单击下一步。☆完成。⑷创建主页☆执行【文件】/【新建】，打开新建文档对话框，选择“基本页”类别中的“HTML”选项，并单击“创建”。☆执行“保存”命令，将该页面以“index.htm”名字保存到本地站点文件夹“webdesign”中。⑸利用表格设计页面布局⑹利用图层设计页面布局 单击工具栏上的“常用”按钮，选择“布局”模式，将当前工具栏设为布局。单击“描绘层”按钮。2.设计与制作子页面⑴教学活动项目设计子页面material.htm·创建框架网页

·保存框架网页①首先，保存框架集网页。②保存各框架部分书中例题框架网页保存后应该有4个网页文件，分别是：☆1个框架集文件“material.htm”☆3个框架网页“top.htm”、“left.htm”、“main.htm”·根据书本实例设置框架属性。设置框架行高、列宽。·编辑上框架网页·编辑左框