网页制作基础教程 第2版 作者 邓振杰 第5章.pptVIP

第5章　网页图像处理　 本章学习目标 5.1　利用Dreamweaver CS3处理网页图像　5.2　利用HTML编辑图像　 5.1 利用Dreamweaver CS3处理网页图像 5.1.1 网页中的图像格式 1．GIF格式 2．JPEG格式 3．PNG格式 4．矢量格式 5.1 利用Dreamweaver CS3处理网页图像 5.1.2 选择图像处理软件 1. Photoshop 例如， Photoshop CS4 2. Fireworks 例如， Fireworks CS3 3. Flash 例如，Flash CS4 5.1 利用Dreamweaver CS3处理网页图像 5.1.3 在网页中使用图像时应该注意的几个问题 1．网页的图像文件要小 （1）使图像具有所需的像素大小。 （2）采用正确的格式进行优化处理。 2．控制网页中图像的数量和质量 3．在网页中恰到好处地添加动画 5.1 利用Dreamweaver CS3处理网页图像 5.1.4 在网页中插入图像 1．插入图像 2．图像属性参数 3．改变图像的尺寸 4．调整图像在网页中的相对位置 5．编辑图像 6．更换图像 7．实现“魔法图像” 5.1 利用Dreamweaver CS3处理网页图像 5.1.5 设置网页背景 1．设置网页背景颜色 2．设置背景图像 5.1 利用Dreamweaver CS3处理网页图像 5.1.6 在Dreamweaver CS3中巧妙地处理图像 1．给图像添加文字说明 2．制作低分辨率图像 3．使用图像映射 4．设置跟踪图像 5.2 利用HTML编辑图像 5.2.1 插入图像 在HTML中，使用IMG标记符可以在网页中插入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置的替换文本。src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像可以是GIF文件（后缀为.gif）、JPEG文件（后缀为.jpg）或PNG文件（后缀为.png）。alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。例如： IMG src=images/Welcome.png width=531 height=50  5.2 利用HTML编辑图像 5.2.2 编辑图像属性 1．指定图像的宽和高 2．图像边框 3．设置图像周围的空白 4．图像的对齐 （1）图像在页面中的对齐。 （2）图像与周围内容的垂直对齐。 （3）图文混排时的图像对齐。 本章目录 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 本章学习目标 ● 网页图像的基本格式。 ● 网页中使用图像应注意的问题。 ● 图像属性的设置。 ● 调整图像的大小和位置。 第5章　网页图像处理　 选择背景图像的原则，一定不要选择颜色深重的图像，否则网页文档的内容不易被衬托出来。 * 本章目录 *