《CH6网页图像处理.ppt

返 回 图6-26 “定位”对话框 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 6.2.2 利用HTML处理图像 在HTML中，使用IMG标记符可以在网页中加入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。 src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像可以是GIF文件、JPEG文件或PNG文件。alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。 1. 插入图像 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 2. 设置图像属性 在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间（以像素为单位）。当浏览器解释Web页时，在实际下载图像之前会给图像预留出空间，以避免在每个图像下载时重新绘制网页，从而加快网页的下载速度。width和height属性的取值既可以是像素数，也可以是百分数。 （1）指定图像的宽和高 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. （2）图像的边框 使用IMG标记符的border属性，可以给图像添加边框效果，边框的取值是像素数。 （3）设置图像周围的空白 可以在IMG标记符内使用属性hspace和vspace设置图像周围空白，其中hspace示水平方向的空白，vspace表示垂直方向的空白，它们的取值都是像素数。通过指定图像周围的空白，可以使页面的版式更加合理。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * * 通过本章学习，应该掌握以下内容： 第6章 网页图像的处理 1. 能够选择合适的网页颜色 2. 解网页图像的基本格式 3. 掌握使用网页图像的要点 4. 在网页中插入图像的方法 6. 图像属性的设置 6. 调整图像的大小及位置 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 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”。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 在网页中运用色彩一般应遵循下列几个原则: （1）一个页面中切忌采用过多的颜色，否则会给人一种繁杂的感觉，也烘托不了网页的主题，因此一种风格的网页选用颜色一般不要超过三四种。 （2）背景的颜色不要太深，显得过于厚重，因为这样会影响整个页面的显示效果。但也有例外，黑色的背景衬托出亮丽的文本和图像，会给人一种另类的感觉。 （3）要保持整个网页的色调统一。 （4）要围绕网页的主题选择颜色，色彩要能烘托出主题。 Evaluation only. Cr