《网页图像的处理》PPT课件.ppt

《网页图像的处理》PPT课件.ppt

ID:52372636

大小:1.92 MB

页数:35页

时间:2020-04-05

《网页图像的处理》PPT课件.ppt_第1页
《网页图像的处理》PPT课件.ppt_第2页
《网页图像的处理》PPT课件.ppt_第3页
《网页图像的处理》PPT课件.ppt_第4页
《网页图像的处理》PPT课件.ppt_第5页
资源描述:

《《网页图像的处理》PPT课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、通过本章学习,应该掌握以下内容:第5章网页图像的处理1.能够选择合适的网页颜色2.解网页图像的基本格式3.掌握使用网页图像的要点4.在网页中插入图像的方法5.图像属性的设置6.调整图像的大小及位置7.图像与超链接8.动态图像效果5.1利用DreamweaverMX编辑图像5.1.1网页中的颜色在网页中是以RGB方式来表示颜色的,RGB颜色包括几百万种之多,这么多的颜色却有一个共同点,都是由红、绿、蓝这三种基色调混和而成的,RGB其实就是Red、Green、Blue的缩写。这三种基色中每一种颜色的饱和度和透明度都是可以变化的,用0(表示最弱)~255(表示最强)的数值来表示。

2、例如纯红色表示为:Red50%、Green0%、Blue0%,简单的表示法为(255,0,0),用十六进制数来表示的话就变成了“FF0000”。在网页中运用色彩一般应遵循下列几个原则:(1)一个页面中切忌采用过多的颜色,否则会给人一种繁杂的感觉,也烘托不了网页的主题,因此一种风格的网页选用颜色一般不要超过三四种。(2)背景的颜色不要太深,显得过于厚重,因为这样会影响整个页面的显示效果。但也有例外,黑色的背景衬托出亮丽的文本和图像,会给人一种另类的感觉。(3)要保持整个网页的色调统一。(4)要围绕网页的主题选择颜色,色彩要能烘托出主题。5.1.2图像格式GIF格式(Graph

3、icsInterchangeFormat图像交换格式)采用无损压缩(所谓无损压缩是指在压缩过程中图像的质量不会丢失)算法进行图像的压缩处理,是目前在网页设计中使用最普遍、最广泛的一种图像格式。GIF格式可以高度压缩图像;GIF格式支持图像游离在背景之上的视觉效果;GIF格式的图像可以被交错下载;可以将很多幅图像结合在一个GIF文件中。1.GIF格式2.JPEG格式JPEG格式(JointPhotoExpertGraphics,联合图形专家组图片格式)是另一种在Web上应用广泛的图像格式。由于它支持的颜色数几乎没有限制,因此适用于使用真彩色或平滑过渡色的照片和图片。与GIF格

4、式采用无损压缩不同,JPEG格式使用有损压缩来减小图片文件的大小,因此用户将看到随着文件的减小,图片的质量也降低了。1.支持24位图像,能够很好地表现照片等全彩色的图像;2.可以生成类似GIF格式的交错关联图像——渐变JPEG;3.可以制作透明JPEG图像。JPEG格式图像的优点:1.有损压缩使之不适合表达高清晰度的图像:2.最高只能以256色显示的用户,可能无法观看JPEG图像;3.当图像中包含fine字体时应避免用JPEG格式,在该字体与纯颜色重叠的地方,JPEG压缩作品看上去只是一种外观近似。4.采用JPEG格式对图像进行压缩后,不能再重新打开图像。5.JPEG格式不

5、支持透明色,也没有动画的概念。JPEG格式图像的缺点:PNG格式(PortableNetworksGraphics,可移植的网络图形格式)是近年来新出现的一种图像格式,它适于任何类型、任何颜色深度的图片。该格式用无损压缩来减小图片文件的大小,同时保留图片中的透明区域。此外,该格式是仅有的几种支持透明度概念的图片格式之一(透明GIF的透明度只能是50%,但PNG格式可以是0%~50%)。3.PNG格式GIF、JPEG、PNG这几种格式都是标准的位图格式,但现在Web上还可以使用新的矢量格式。所谓位图格式就是指用图片上每一点的信息来描述图像,而矢量格式则是用线条和填充色等数学信

6、息来描述图像。相比而言,矢量格式的文件要比位图格式的文件小得多,但表现力丝毫不逊色。除了表现一般的静态画面以外,动画是矢量格式具有巨大优势的另一个领域。4.矢量格式在Web页上显示图片之前,通常需要考虑下列三个问题:①确保文件较小;1)使图像具有所需的像素大小2)采用正确的格式进行优化处理②控制图像的数量和质量;③合理使用动画。5.1.3使用网页图像的要点在Dreamweaver中插入图像非常简单,具体操作步骤如下:(1)打开网页,将光标移到将要插入图像的位置。(2)用下列3种方法中的任意一种方法,打开“选择图像源”对话框,如图所示。在插入“常用”面板中,单击插入图像按钮。

7、直接拖曳插入“常用”面板中的插入图像按钮至页面的光标处。选择DreamweaverMX主菜单中的“插入”

8、“图像”命令。5.1.4在网页中插入图像1.插入图像(3)在对话框中选择查找图像文件的路径,选中“预览图像”复选框,选定图像的预览图就显示在对话框的右侧。(4)如果文件存放在网站的目录中,那么将“相对于”下拉列表调整到“文档”项。(5)然后单击“确认”按钮,图像就插入到网页中了。在文档中插入图像后,用鼠标单击图像,图像四周出现可编辑的缩放手柄,说明该图像被选定。这时属性面板中显示出关于图像的属性信息,如图所示。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。