网页制作基础教程 第2版 教学课件 作者 邓振杰 第5章.ppt

《网页制作基础教程 第2版 教学课件 作者 邓振杰 第5章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第5章　网页图像处理本章学习目标5.1利用DreamweaverCS3处理网页图像5.2利用HTML编辑图像本章学习目标●网页图像的基本格式。●网页中使用图像应注意的问题。●图像属性的设置。●调整图像的大小和位置。第5章　网页图像处理5.1利用DreamweaverCS3处理网页图像5.1.1网页中的图像格式1．GIF格式2．JPEG格式3．PNG格式4．矢量格式5.1.2选择图像处理软件1.Photoshop例如，PhotoshopCS42.Fireworks例如，FireworksCS33.Flash例如，Fl

2、ashCS45.1利用DreamweaverCS3处理网页图像5.1利用DreamweaverCS3处理网页图像5.1.3在网页中使用图像时应该注意的几个问题1．网页的图像文件要小（1）使图像具有所需的像素大小。（2）采用正确的格式进行优化处理。2．控制网页中图像的数量和质量3．在网页中恰到好处地添加动画5.1利用DreamweaverCS3处理网页图像5.1.4在网页中插入图像1．插入图像2．图像属性参数3．改变图像的尺寸4．调整图像在网页中的相对位置5．编辑图像6．更换图像7．实现“魔法图像”5.1利用Drea

3、mweaverCS3处理网页图像5.1.5设置网页背景1．设置网页背景颜色2．设置背景图像选择背景图像的原则，一定不要选择颜色深重的图像，否则网页文档的内容不易被衬托出来。5.1利用DreamweaverCS3处理网页图像5.1.6在DreamweaverCS3中巧妙地处理图像1．给图像添加文字说明2．制作低分辨率图像3．使用图像映射4．设置跟踪图像5.2利用HTML编辑图像5.2.1插入图像在HTML中，使用IMG标记符可以在网页中插入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置的替换文本

4、。src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像可以是GIF文件（后缀为.gif）、JPEG文件（后缀为.jpg）或PNG文件（后缀为.png）。alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。例如：5.2利用HTML编辑图像5.2.2编辑图像属性1．指定图像的宽和高2．图像边框3．设置图像周围的空白4．图像的对齐（1）图像在页面中的对齐。（2）图像与

5、周围内容的垂直对齐。（3）图文混排时的图像对齐。