Dreamweaver网页设计 第4章图像的应用
Dreamweaver 网页设计 第4章 图像的应用
【学习概述】 图像和文字都是组成网页的基本元素, 直文字相比:图像更加直观生动而论 并茂的网页。同时一定要注意图像的大小 和数量。如果图像文件太大、太多会影响 下载速度,这会使浏览者失去信心。本章 首先介绍了网页图像基础,然后通过 精心设计的实例讲解了应用图像的大部分 基础内容。读者应该专注于操作图像的基 本方法。相信通过本章的学习读者一定能 制作出精美的网页
【学习概述】 图像和文字都是组成网页的基本元素， 与文字相比，图像更加直观、生动。无论 是商业网站还是个人网站，都应该是图文 并茂的网页。同时一定要注意图像的大小 和数量。如果图像文件太大、太多会影响 下载速度，这会使浏览者失去信心。本章 首先介绍了网页图像基础，然后通过一个 精心设计的实例讲解了应用图像的大部分 基础内容。读者应该专注于操作图像的基 本方法。相信通过本章的学习读者一定能 制作出精美的网页
4.1【课堂讲解】网页图像基础 计算机图像格式有成百上千种,但网页中使用的只有3中,即JPEG/JPG, G|F和PNG。 4.1.1图像格式 JPEG/JPG格式 扩展名是jpg/jpeg,其全称为 Joint Photograhic Experts Group(联合图 象专家组,一种压缩标准),JPEG是一种有损压缩格式,当读者将 图像保存为JPEG格式时,可以指定图像的品质和压缩级别,应用 网页中的JPEG格式品质一般选中等的,比如在 photoshop软件中读者 可以选用压缩级别为6。JPEG格式可以支持多达16M种颜色,能很好 地实现 舍数风像图有利老图营套刘色有边轮笔图 4-1所 2.G|F格式 扩展名是.g,其全称为 Graphics Interchange Format(交换的图像文件 格式),GF采用无损压缩存储,在不影响图像质量的情况下
4.1 【课堂讲解】网页图像基础 计算机图像格式有成百上千种，但网页中使用的只有3中，即JPEG/JPG， GIF和PNG。 4.1.1 图像格式 1. JPEG/JPG格式 扩展名是.jpg/.jpeg，其全称为Joint Photograhic Experts Group（联合图 象专家组，一种压缩标准），JPEG是一种有损压缩格式，当读者将 图像保存为JPEG格式时，可以指定图像的品质和压缩级别，应用于 网页中的JPEG格式品质一般选中等的，比如在photoshop软件中读者 可以选用压缩级别为6。JPEG格式可以支持多达16M种颜色，能很好 地实现全彩图像，有利于表现带有渐变色彩且没有清晰轮廓的图像。 网络上自然风景图片、鲜花图片多为JPEG格式，比如牡丹花，如图 4-1所示。 2. GIF格式 扩展名是.gif，其全称为Graphics Interchange Format（交换的图像文件 格式），GIF采用无损压缩存储，在不影响图像质量的情况下
4.1【课堂讲解】网页图像基础 它还支持透明色,可以去掉图像的背景。但是G|F只支持最 多256色,因此多用于渐变色彩不明显或者轮廓清晰的图 像。G|F最突出的一个特点是可以制作动画图像。网络上 很多图标、按钮、漫画卡通图片等多为GF格式,如图42 所示。3.PNG格式 扩展名是*png,其全称为 Portable Network Graphics(可移植 的网络图象文件格式),从其名称就可以看出,它是专门 为网络而生的图像格式。PNG是一种能存储32位信息的 位图文件格式,和GF格式一样,png也使用无损压缩方 式。类似于GF,PNG可以也可以是动画,比G|F能容纳 更多的颜色,如图4-3所示
4.1 【课堂讲解】网页图像基础 它还支持透明色，可以去掉图像的背景。但是GIF只支持最 多256色，因此多用于渐变色彩不明显或者轮廓清晰的图 像。GIF最突出的一个特点是可以制作动画图像。网络上 很多图标、按钮、漫画卡通图片等多为GIF格式，如图4-2 所示。 3. PNG格式 扩展名是*.png，其全称为Portable Network Graphics（可移植 的网络图象文件格式），从其名称就可以看出，它是专门 为网络而生的图像格式。PNG是一种能存储32位信息的 位图文件格式，和GIF格式一样，png也使用无损压缩方 式。类似于GIF，PNG可以也可以是动画，比GIF能容纳 更多的颜色，如图4-3所示
4.1【课堂讲解】网页图像基础 图4-1JPEG 图4-2GF 图4-3PNG
4.1 【课堂讲解】网页图像基础 图4-1 JPEG 图4-2 GIF 图4-3 PNG