多媒体概述和常见的网页图像格式.pptVIP

广东金融学院 LOGO 广东金融学院 广东金融学院 第6讲 创建多媒体网页 参考资源： 3/kcpt/jkx.html 《大学计算机Ⅱ》 * * 广东金融学院 主要内容 1．多媒体概述和常见的网页图像格式； 2．在网页中使用图像； 3．在网页中使用Flash动画； 4．在网页中添加音频信息； 5．制作求职站点首页； 6．总结并布置作业。 * 广东金融学院 * 1．多媒体概述和常见的网页图像格式 什么是多媒体 “多媒体”英文为Multimedia，由multiple和media复合而成，其含义是“多种媒体”。在计算机领域，对“媒体”通常有两种理解：一种是把媒体看作信息的载体，如文字、声音、图形、图像及动画等；另一种是把媒体看作信息存储的实体，如纸张、磁盘、光盘等。 * 广东金融学院 * 1．多媒体概述和常见的网页图像格式 什么是多媒体技术 多媒体技术是指把文字、音频、视频、图像及动画等多媒体信息，通过计算机数字采集、获取、压缩、解压缩、编辑及存储等加工处理，使多种信息建立逻辑连接，集成为一个系统并具有交互性的技术。集成性、多样性和交互性是多媒体技术的关键特征。 多媒体网页 多媒体网页＝多媒体技术＋网页技术 * 广东金融学院 * 1．多媒体概述和常见的网页图像格式 多媒体网页的存储方式 除文本外，图像、声音、动画及视频等多媒体信息是独立于网页文档的，即这些信息以文件的形式单独保存在站点的目录中。在网页文档中插入多媒体信息，只是将多媒体文件的站点路径写入网页文档，因此浏览器显示带有多媒体信息的网页文档时，会从指定路径找到多媒体信息并在网页中显示。 * 广东金融学院 * 1．多媒体概述和常见的网页图像格式 多媒体网页的存储方式 * 广东金融学院 * 下载网页时，网页中的音频文件、视频文件、动画文件、图像文件和网页文件一起被下载。 1．多媒体概述和常见的网页图像格式 网页中图像的常见格式 JPEG格式 JPEG是一种高效率的压缩格式，能够将人眼不易觉察的图像颜色变化删除，以节省存储空间。JPEG格式通过选择性地去掉图像中的信息来压缩文件，是有损压缩。它比GIF格式包含更多类别的颜色，优点是色彩比较逼真，文件也较小。网页中的照片最适合采用JPEG格式。JPEG图像文件的扩展名是“*.jpg”。 * 广东金融学院 * 1．多媒体概述和常见的网页图像格式 网页中图像的常见格式 GIF格式 GIF是一种压缩的8bit图像文件，广泛用于网络传输。GIF图像文件中每个像素点最多只有256色（即28色），因此不适合用作照片类的网页图像。GIF图像文件背景可以设为透明，并且可以将数张图存成一个文件，形成动画效果（即GIF动画）。GIF是第一个支持网页的图像格式，它可以使图像文件变得相当小，在对图像质量（特别是颜色数量）要求不高的场合非常适用，如网页中的Logo图像。 * 广东金融学院 * 1．多媒体概述和常见的网页图像格式 网页中图像的常见格式 PNG格式 PNG格式是便携网络图像，是一种集JPEG和GIF格式优点于一身的图片格式。它既有GIF能透明显示的特点，又具有JPEG处理精美图像的优点，并可以包含图层等信息，用于制作网页图像效果非常理想，目前已逐渐成为网页图像的主要格式。 * 广东金融学院 * 2．在网页中使用图像 网页中的图像形式 常规图像 图像占位符 在制作网页时，如果相应图像还没有准备好，可以先在网页中预留一个位置，这个被预留的位置称为图像占位符。 鼠标经过图像 由两幅图像构成，默认显示其中一个图像，当用鼠标指针指向该图像时，将自动在原位置显示下一幅图像。 * 广东金融学院 * 2．在网页中使用图像 插入普通图像 * 广东金融学院 * 2．在网页中使用图像 插入图像点位符 文档窗口中的图像占位符 浏览器中的图像占位符 2．在网页中使用图像 插入鼠标经过图像 鼠标经过前的图像 鼠标经过时的图像 2．在网页中使用图像 创建网站相册 利用Dreamweaver 8提供的创建网站相册功能，可以快速方便地在站点中建立一个电子相册。若要使用Dreamweaver 8的创建网站相册功能，系统上必须先安装Fireworks 4或更高版本。 2．在网页中使用图像 创建网站相册 “相册”首页的预览效果 相册中每幅图像的预览效果 “相册主页”文档编辑窗口 2．在网页中使用图像 编辑图像方法 调整图像大小 裁剪网页图像 重新取样 优化网页图像（需要安装Fireworks） 调整图像的亮度和对比度 锐化图像 * 广东金融学院 * 2．在网页中使用图像 编辑图像 * 广东金融学院 * 3．在网页中使用Flash动画 Flash动画简介 计算机动画是通过连续播放一系列帧图像，给视觉造成连续变化的一组画面。 计算机动画可分为二维动画与三维动画两类，网页动画以二维动画为