第4章多媒体

第4章多媒体 这一章将重点讲解在网页中应用多媒体文件的方法 具体包括下面几部分内容 在网页中应用Flash动画在网页中应用音频文件在网页中应用视频文件 4 1多媒体简介 多媒体技术在现今的网页中 应用越来越广泛 网页中音乐 动画 视频等媒体文件所占的篇幅 在吸引观众视线方面 有着不错的效果 以前 因为多媒体技术的不成熟 网站中应用的媒体文件量相对较少 现在使用多媒体技术的网站数量越来越多 因此 掌握媒体文件在网页中应用的相关技术 对于网页设计与制作是非常重要的 4 1 1概述 1 多媒体网页内容添加了视频 声音 Flash动画的网页 称作多媒体网页 例如 在网页中插入的滚动字幕 交互式按钮 站点计数器 组件等内容都是多媒体网页的标识 下图是一购物网站的页面截图 该网页添加了Flash动画 滚动字幕 插入交互式按钮等 网页中使用的多媒体主要有以下几类 1 Flash内容 2 图片 文字与声音 3 视频内容 4 媒体素材2 多媒体网页制作技术多媒体技术离不开计算机载体的支持 通过该技术能将信息 思想和情感完整的展现 不同的多媒体文件 同样离不开多媒体技术的支持 网页中的多媒体技术主要有以下几类 网页中音频的处理网页中视频的处理网页中图形图像的处理 4 1 2多媒体文件类型 网页中有各种各样的媒体文件 这些文件需要在制作网页时进行添加操作才能展示 在将这些多媒体内容添加到网站时 需要先了解它们的格式 媒体文件主要有声音 视频 Flash动画几大类 1 常见的声音文件格式常见的声音文件格式 主要有MP3 WAV MID RM 下图展示了声音文件MP3 WAV MID及RM格式之间的区别 2 常见的视频文件格式常见的视频文件格式 主要有AVI MPEG ASF等 下图展示了视频文件AVI MPEG ASF FLV RMVB及WMV格式之间的区别 4 2背景音乐的制作及添加 在学习了上面的网页相关的知识后 接着这节介绍如何向网页添加背景音乐 在网站中添加背景音乐可以营造轻松 愉快 和谐的气氛 但是 在制作网站背景音乐时 需要注意大小不宜太大 因为文件过大会影响传输的速度 还会降低网页的吸引力 目前最流行的音乐格式是WAV或MP3 在选择添加需要添加的背景音乐格式时可将这二种格式作为优先选择项 4 2 1在网站中添加背景音乐的弊端 在学习制作网站的背景音乐之前 先来了解一下在网站建设中加背景音乐的不足之处 其弊端主要有以下几方面 1 下载的时间被延长2 由于音乐的不完整 容易导致用户离开页面3 音乐爱好的分歧问题4 背景音乐的版权问题 4 2 2网站背景音乐的制作 接下来就可以着手制作网站的背景音乐了 1 音频素材的准备音频素材可以是某首曲子的某一句或某几句的重复播放 可以是音乐编辑软件从网上下载来的完整音乐的截取 或者是用 录音机 工具进行录制的 通过 录音机 工具进行想要音乐素材的录制 如图所示 2 音频素材的编辑与制作3 实例操作关于音乐素材 现在大家采用最多的处理方式是 先从网上下载一段音乐 然后对该音乐进行裁剪 接下来以郑秀文的 值得 为例 来进行背景音乐的裁剪与制作 4 2 3添加背景音乐 在完成了背景音乐的处理后 可以着手将该编辑加工后的背景音乐 值得 添加到网页中去 这里对于背景音乐的添加 主要用到的软件是DreamweaverCS5 下面将具体讲述有关网页背景音乐的添加操作 4 3动画的制作与添加 在这个网络超发达的时代 用Flash制作动画等效果已经成为网页制作者的一种必须掌握的技能 Flash因为其文件有着体积小 效果好 跨媒体性强 视觉冲击力强及交互性等特点而被网页制作者选择使用 Flash动画代表着网页的活力 Flash能够实现各种动态效果 可以创作各种动态的网页元素 Flash动画设计的三大基本功能包括 绘图和编辑图形 补间动画和遮罩 它是整个Flash动画设计知识体系中最重要 也是最基础的 下面将通过实例内容 来详细介绍动画的制作方法 4 3 1Flash网站广告条的制作 当我们浏览一个网站时 往往是网站的广告条 又称为网站的Banner 最先吸引我们 它具有实时性 感觉性 交互性等特点 对于广告条可以由图片 文字等内容组成 图是新浪网的网站广告条 在介绍该广告条的具体制作方法前 我们先来了解有关动画制作的相关知识 该广告条主要用Flash制作 首先在Flash中制作该动画在舞台中需要用到的元件 然后再进行动画效果的添加 制作完成后 将其插入到网页中即可 下面先讲解其中技术要点 1 Flash元件2 动态效果3 实例制作 4 3 2Flash网站广告条的添加 前面已经制作了网站的广告条 接下来需要实现的是将该动画文件添加到网页中 这里通过将之前导出的名为 广告条 文件的添加操作来实现 其添加到网页中的具体操作方法如下 1 双击Dreamweavercs5图标 打开该软件 并打开文件名为 动画 html 的网页文件 2 在打开的页面中 单击 插入 媒体 SWF 命令 3 在弹出的 选择SWF 对话框中 选择相应的Flash文件 广告条 swf 单击 确定 按钮进行添加 得到如图所示效果 4 3 3Flash网站导航条的制作 在网页中 不能缺少的一条那就是导航条 因为网页的信息量大 所以它往往无法显示在网站的一个页面中 此时制作人员都会通过多页面的方式来实现 这样 为了浏览网页的人们的需要 需要在网站的主页中添加导航 来帮助人们更方便 快捷地浏览网页 接下来让通过一个简单的实例来了解导航条的制作 4 3 4Flash网站导航条的添加 前面我们已经制作了网站的导航条 接下来需要将该动画文件添加到网页中 这里通过将之前导出的 导航条 文件的添加来实现具体设置 将其添加到网页中的具体操作方法如下 1 双击Dreamweavercs5图标 打开该软件 并打开文件名为 动画1 html 的网页文件 2 在打开的页面中 单击 插入 媒体 SWF 命令 3 在弹出的 选择SWF 对话框中 选择相应的Flash文件 导航条 swf 单击 确定 按钮进行添加 得到如图所示效果 4 4视频广告的制作及添加 广告因为能够达到广而告之的目的 所以它铺天盖地般存在于我们的生活当中 同样的 为了达到宣传的效果 以及盈利目的 越来越多的网站都着手于实现视频广告的添加 本节内容主要讲解应用于网站中的视频广告的制作与添加方法 通过本节内容的学习 将掌握最基本的网站视频的制作及添加的操作技巧 4 4 1视频广告的制作 下面我们就可以开始制作视频广告了 1 视频素材的准备2 视频素材的编辑与制作3 实例制作 4 4 2添加视频广告 上一部分具体介绍了视频文件编辑制作 接下来主要讲述关于视频广告添加的操作方法 下面通过将前面创建的 视频广告 文件添加到网页的操作来具体讲解 4 5小结 本章以多媒体的音频 视频和动画为出发