- 1、本文档共27页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
* * 通过本章学习,应该掌握以下内容: 第5章 网页图像的处理 1. 能够选择合适的网页颜色 2. 解网页图像的基本格式 3. 掌握使用网页图像的要点 4. 在网页中插入图像的方法 5. 图像属性的设置 6. 调整图像的大小及位置 5.1 利用Dreamweaver MX编辑图像 5.1.1 网页中的颜色 在网页中是以RGB方式来表示颜色的,RGB颜色包括几百万种之多,这么多的颜色却有一个共同点,都是由红、绿、蓝这三种基色调混和而成的,RGB其实就是Red、Green、Blue的缩写。 这三种基色中每一种颜色的饱和度和透明度都是可以变化的,用0(表示最弱)~255(表示最强)的数值来表示。例如纯红色表示为:Red 50%、Green 0%、Blue 0%,简单的表示法为(255,0,0),用十六进制数来表示的话就变成了“FF0000”。 在网页中运用色彩一般应遵循下列几个原则: (1)一个页面中切忌采用过多的颜色,否则会给人一种繁杂的感觉,也烘托不了网页的主题,因此一种风格的网页选用颜色一般不要超过三四种。 (2)背景的颜色不要太深,显得过于厚重,因为这样会影响整个页面的显示效果。但也有例外,黑色的背景衬托出亮丽的文本和图像,会给人一种另类的感觉。 (3)要保持整个网页的色调统一。 (4)要围绕网页的主题选择颜色,色彩要能烘托出主题。 5.1.2 图像格式 GIF格式(Graphics Interchange Format 图像交换格式)采用无损压缩(所谓无损压缩是指在压缩过程中图像的质量不会丢失)算法进行图像的压缩处理,是目前在网页设计中使用最普遍、最广泛的一种图像格式。 GIF格式可以高度压缩图像; GIF格式支持图像游离在背景之上的视觉效果; GIF格式的图像可以被交错下载;可以将很多幅图像结合在一个GIF文件中。 1.GIF格式 2.JPEG格式 JPEG格式(Joint Photo Expert Graphics,联合图形专家组图片格式)是另一种在Web上应用广泛的图像格式。由于它支持的颜色数几乎没有限制,因此适用于使用真彩色或平滑过渡色的照片和图片。与GIF格式采用无损压缩不同,JPEG格式使用有损压缩来减小图片文件的大小,因此用户将看到随着文件的减小,图片的质量也降低了。 1.支持24位图像,能够很好地表现照片等全彩色的图像; 2. 可以生成类似GIF格式的交错关联图像——渐变JPEG; 3.可以制作透明JPEG图像。 JPEG格式图像的优点: 1. 有损压缩使之不适合表达高清晰度的图像: 2. 最高只能以256色显示的用户,可能无法观看JPEG图像; 3. 当图像中包含fine字体时应避免用JPEG格式,在该字体与纯颜色重叠的地方,JPEG压缩作品看上去只是一种外观近似。 4. 采用JPEG格式对图像进行压缩后,不能再重新打开图像。 5. JPEG格式不支持透明色,也没有动画的概念。 JPEG格式图像的缺点: PNG格式(Portable Networks Graphics,可移植的网络图形格式)是近年来新出现的一种图像格式,它适于任何类型、任何颜色深度的图片。该格式用无损压缩来减小图片文件的大小,同时保留图片中的透明区域。此外,该格式是仅有的几种支持透明度概念的图片格式之一(透明GIF的透明度只能是50%,但PNG格式可以是0% ~50%)。 3.PNG格式 GIF、JPEG、PNG这几种格式都是标准的位图格式,但现在Web上还可以使用新的矢量格式。所谓位图格式就是指用图片上每一点的信息来描述图像,而矢量格式则是用线条和填充色等数学信息来描述图像。相比而言,矢量格式的文件要比位图格式的文件小得多,但表现力丝毫不逊色。 除了表现一般的静态画面以外,动画是矢量格式具有巨大优势的另一个领域。 4.矢量格式 在Web页上显示图片之前,通常需要考虑下列三个问题: ① 确保文件较小; 1)使图像具有所需的像素大小 2)采用正确的格式进行优化处理 ② 控制图像的数量和质量; ③ 合理使用动画。 5.1.3 使用网页图像的要点 在Dreamweaver中插入图像非常简单,具体操作步骤如下: (1)打开网页,将光标移到将要插入图像的位置。 (2)用下列3种方法中的任意一种方法,打开“选择图像源”对话框,如
文档评论(0)