网页制作教程电子课件——CH6 网页图像处理.PPTVIP

6.2 网页图像的其他处理方法 6.2.1 利用FrontPage 2003处理图像 （1）插入来自文件的图片 在页面中插入来自文件的图片，可以执行以下操作： ① 将光标放在要插入图片的位置，单击插入文件中的图片按钮，或选择“插入”|“图片”|“来自文件”命令，打开“图片”对话框。 ② 选择要插入到网页的文件，单击“插入”按钮，就可将图片插入到页面中。 1．插入图片 （2）插入来自剪贴画的图片 在页面中插入来自剪贴画的图片的方法如下： ① 先将光标放在要插入图片的位置。 ② 选择“插入”|“图片”|“剪贴画”命令，打开“剪贴画”窗格。 ③ 在“搜索文字”文本框中输入要插入剪贴画的关键词，单击“搜索”按钮。 ④ 将光标放在想要插入的剪贴画上，会显示出与此剪贴画相关的信息，然后单击此剪贴画，就可将其插入到网页中。 （1）调整图片的大小 调整图片的大小分为直接调整和精确调整两种，直接调整方法如下： 在文档窗口选定相应的图片，图片四周出现图像编辑边框，同时在右下角出现图片操作按钮。通过水平、垂直拖动边框可以调整图像宽度和高度。 2．修改图片属性 ① 选中要插入的图片，单击鼠标右键，从弹出的快捷菜单中选择“图片属性”命令，打开“图片属性”对话框。 ② 在“大小”选项组中启用“指定大小”和“保持纵横比”复选框，选择图片的单位为像素，设定图片的宽度和高度值，单击“确定”按钮。 （2）调整图片位置 在FrontPage 2003中移动图片位置很容易，只要在图片上单击鼠标左键，然后按住鼠标左键，拖动图片至所需的位置即可。 （3）更改图片属性 如果要修改已经保存到网页中的JPEG、GIF和PNG格式的图片属性，首先在网页中选中图片，然后选择“视图”|“工具栏”|“图片”命令，打开“图片”工具栏，单击图片工具栏中的图形按钮，FrontPage会自动显示该按钮的作用，根据提示设计者可以进行相应的操作。 通过本章学习，应该掌握以下内容： 第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格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。