第5章图像和多媒体导论.ppt

第5章 图像和多媒体 5.1 网页中的图像和多媒体 5.2 定义图像的映射 5.3 多媒体 实训五 5.1 网页中的图像和多媒体 图像是网页中不可缺少的重要元素，它不仅可以装饰和美化网页，同时还可以传递信息。例如，使用图像来展示产品信息，制作商标或者公司徽标，利用图像建立站点的导航构架等。除此之外，还可以在网页中加入音频、视频以及动画等多种媒体信息。FrontPage 2002提供了强大的多媒体技术支持，利用它可以方便地创建具有全新视听感觉的多媒体Web站点和网页。 5.1.1 网页中图像文件的格式 图像文件有很多种格式。例如，常用的格式有JPEG、TIFF、GIF、PCX、PNG、BMP、TGA、WMF、EPS等。但是就目前来说，在网页中普遍使用的图像文件格式是GIF和JPEG两种，它们的共同特点是，适合网络传输，适用于各种浏览器。 GIF(Graphics Interchange Format)格式采用的是无损耗压缩方案，压缩时不会丢失图像信息，解压速度快。GIF支持交织的、透明的图像，这种技术在网页中非常有用。利用GIF的透明特性能够把插入到网页中的图片背景处理成透明的，以使插入图片的背景色与网页背景色相同。而交织特性可以使图像在浏览器中边加载边显示。另外，GIF格式还支持动画，它最多能够处理256种颜色。 JPEG(Joint Photographic Experts Group)格式采用的是有损压缩方案，因此图像文件在压缩时会损失部分信息。不过这种压缩方案可以根据图像质量要求调整压缩比。压缩率越小，图像的品质越高，但同时图像文件也越大。JPEG格式的最大特点是支持真彩色，它能够包含多达1670万种颜色。因此常用于存储色彩要求高的图像，如人物肖像、风景名胜等摄影照片。 另一种可以在网页中使用的图像文件是BMP(Bitmap)格式，这种格式支持224种颜色。但由于BMP是一种无压缩的格式，因此图像文件一般比较大，影响了它的传输速度，所以网页上较少使用。 虽然能够在网页中使用的图像格式有限，但FrontPage 2002却允许使用多种格式的图像文件。因为FrontPage能够将插入的其他图像文件格式转换为GIF或JPEG格式。当插入图像的颜色值大于256色时，FrontPage将其转换为JPEG格式，而小于256色时则转换为GIF格式。在FrontPage 2002中可以转换的图像格式主要有PCD、PCX、PNG、EPS、TGA、WMF、TIFF、RAS等。 5.1.2 在网页中使用图像 在网页中使用图像要注意，尽量不要使用很大的图像文件，单张图片的大小最好小于25?KB，如果必须使用大图片时，建议创建图片的缩略图。如果在一个网页中插入多个图片，则所有图片的大小之和最好不要超过30?KB，以免导致下载时间过长。 1. 在网页中插入图像 (1) 在普通“网页”视图中，将光标放在需要插入图像的 位置。 (2) 单击“插入”菜单→“图片”→“来自文件…”命令，打开如图5-1所示的“图片”对话框。 (3) 单击“图片”对话框中的“查找范围”下拉列表框，从本地文件系统或者Web站点浏览到所需的图形，单击所需的图片，再单击“确定”按钮。这时图像已经插入到网页中。 (4) 单击“常用”工具栏上的“保存”按钮，这时会打开“保存嵌入式文件”对话框，如图5-2所示。 (5) 要将图像保存在当前站点的根目录中，可以在“保存嵌入式文件”对话框中，单击“确定”按钮。 (6) 要把图像文件保存在当前站点的images文件夹中，可以单击“更改文件夹”按钮，在打开“更改文件夹…”对话框中，选择该文件夹，然后单击“确定”按钮，如图5-3所示。 (7) 如果不想将图片保存到当前的站点中，可以在 “保存嵌入式文件”对话框中，单击“设置操作…”按钮，打开“设置操作…”对话框，选择“不保存”单选框，单击“确定”按钮，如图5-4所示。 (8) 再单击“确定”按钮退出“保存嵌入式文件”对话框。 注意，如果选择不将图形保存到当前Web站点时，会在网页上创建一个对其他Web站点上的图形的引用。不过，如果该图形从其他Web站点中或文件夹中删除了，就再也无法在当前的网页中看到该图形。