通过本章学习,该掌握以下内容.pptVIP

返 回 图6-26 “定位”对话框 6.2.2 利用HTML处理图像 在HTML中，使用IMG标记符可以在网页中加入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。 src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像可以是GIF文件、JPEG文件或PNG文件。alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。 1. 插入图像 2. 设置图像属性 在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间（以像素为单位）。当浏览器解释Web页时，在实际下载图像之前会给图像预留出空间，以避免在每个图像下载时重新绘制网页，从而加快网页的下载速度。width和height属性的取值既可以是像素数，也可以是百分数。 （1）指定图像的宽和高 * * 通过本章学习，应该掌握以下内容： 第6章 网页图像的处理 1. 能够选择合适的网页颜色 2. 解网页图像的基本格式 3. 掌握使用网页图像的要点 4. 在网页中插入图像的方法 6. 图像属性的设置 6. 调整图像的大小及位置 6.1 利用Dreamweaver 8编辑图像 6.1.1 网页中的颜色 在网页中是以RGB方式来表示颜色的，RGB颜色包括几百万种之多，这么多的颜色却有一个共同点，都是由红、绿、蓝这三种基色调混和而成的，RGB其实就是Red、Green、Blue的缩写。 这三种基色中每一种颜色的饱和度和透明度都是可以变化的，用0（表示最弱）~255（表示最强）的数值来表示。例如纯红色表示为：Red 50%、Green 0%、Blue 0%，简单的表示法为（255，0，0），用十六进制数来表示的话就变成了“FF0000”。 在网页中运用色彩一般应遵循下列几个原则: （1）一个页面中切忌采用过多的颜色，否则会给人一种繁杂的感觉，也烘托不了网页的主题，因此一种风格的网页选用颜色一般不要超过三四种。 （2）背景的颜色不要太深，显得过于厚重，因为这样会影响整个页面的显示效果。但也有例外，黑色的背景衬托出亮丽的文本和图像，会给人一种另类的感觉。 （3）要保持整个网页的色调统一。 （4）要围绕网页的主题选择颜色，色彩要能烘托出主题。 6.1.2 图像格式 GIF格式（Graphics Interchange Format 图像交换格式）采用无损压缩（所谓无损压缩是指在压缩过程中图像的质量不会丢失）算法进行图像的压缩处理，是目前在网页设计中使用最普遍、最广泛的一种图像格式。 GIF格式可以高度压缩图像; GIF格式支持图像游离在背景之上的视觉效果; GIF格式的图像可以被交错下载;可以将很多幅图像结合在一个GIF文件中。 1．GIF格式 2．JPEG格式 JPEG格式（Joint Photo Expert Graphics，联合图形专家组图片格式）是另一种在Web上应用广泛的图像格式。由于它支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。与GIF格式采用无损压缩不同，JPEG格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。 1.支持24位图像，能够很好地表现照片等全彩色的图像； 2. 可以生成类似GIF格式的交错关联图像——渐变JPEG； 3.可以制作透明JPEG图像。 JPEG格式图像的优点： 1. 有损压缩使之不适合表达高清晰度的图像： 2. 最高只能以256色显示的用户，可能无法观看JPEG图像； 3. 当图像中包含fine字体时应避免用JPEG格式，在该字体与纯颜色重叠的地方，JPEG压缩作品看上去只是一种外观近似。 4. 采用JPEG格式对图像进行压缩后，不能再重新打开图像。 6. JPEG格式不支持透明色，也没有动画的概念。 JPEG格式图像的缺点： PNG格式（Portable Networks Graphics，可移植的网络图形格式）是近年来新出现的一种图像格式，它适于任何类型、任何颜色深度的图片。该格式用无损压缩来减小图片文件的大小，同时保留图片中的透明区域。此外，该格式是仅有的几种支持透明度概念的图片格式之一（透明GIF的透明度只能是50%，但PNG格式可以是0% ~50%）。 3．PNG格式