网站设计与建设ch03.pptVIP

* 1.Java J2EE，Windows有Win 32 2.软件向服务转化是目前的业界重点，基于Internet的Web服务是实现这一转变的最佳选择。 * 1.Java J2EE，Windows有Win 32 2.软件向服务转化是目前的业界重点，基于Internet的Web服务是实现这一转变的最佳选择。 * 第3章 图形与Web设计 第一部分 Web基础知识 概 述 * Web图形的重要性 Web图形常用规则 数字图像的基本概念 位图和向量图 Web常用图形文件格式及特点 3.1. 网站图像的重要性 图像是传达信息的重要方法之一 为网站主体表达寓意 图像在网页设计中占据举足轻重的作用，是网页设计非常重要的不可替代的元素 3.2.网站图像常用规则 网站徽标应适宜大小放在主页左上方 网站标题应放在主页徽标的右边 图像(图片)颜色要与网站色系协调一致 图像的文件尺寸应该要足够小 图像尽量避免使用高分辨率的真彩照片 在网页中勿滥用图像 Internet和Intranet的图像区别 切割大幅图像 网站图像与网站色系协调一致 * 3.3. 数字图像的基本概念 像素 计算机显示的最小单元 每个像素在某一时刻只能显示一种颜色 像素数越多图像文件越大，例如1024×768图像、640×480图像 颜色深度(像素深度) 使用颜色位数描述颜色的深度，用来度量图像中有多少颜色信息可用于显示或打印像素 颜色深度决定了每一个像素可以显示多少颜色 表示颜色的位值(即位深度)，如28=256，216=65536 * 分辨率 屏幕分辨率 屏幕显示图像的精度，由显示器高度和宽度表示屏幕区域的像素数目决定 屏幕的分辨率越高，显示的图像越清晰 图像分辨率 图像分辨率以每英寸的像素数(PPI， Pixels Per Inch)来衡量 例如图像分辨率为500PPI，就是每英寸有500个像素 分辨率越高，细节就越清楚，图像越精细，质量越好，数据量也越大 * 显示设备分辨率 显示器上每单位长度显示的像素或点的数量，通常以点/英寸 (dpi) 来表示 显示器分辨率取决于显示器的大小及其像素设置 显示器有两个重要指标：显示器大小和点距 打印机分辨率 激光打印机(包括照排机)产生的每英寸的油墨点数 (dpi) 多数桌面激光打印机的分辨率为 600 dpi * 调色板 根据图像使用的颜色构建一个调色板 当顺序或者同时显示几幅图像时，会出现颜色闪烁。 抖动 在图像调色板和系统调色板之间调和，图像调色板上的颜色用系统调色板上匹配的颜色替代 如果无匹配的颜色，用它认为合适的颜色。 安全颜色调色板 浏览器仅支持216种颜色，另40种颜色用于操作系统，所有其它颜色都需要抖动(Web 安全颜色) 图像压缩 * 3.4. 位图和向量图 位图 使用颜色网格（像素）来表现图像 每个像素都有自己特定的位置和颜色值 JPEG、GIF、BMP，图形增加，文件增大，适用于照片阴影等。 向量 保存的是显示图像时解释图像的数学指令 增加向量图像的大小不增加文件的尺寸，适用于线、形状和插图。不依赖于分辨率。图形文件小。 * * 图形应用程序 位图： Adobe Photoshop Microsoft Image Composer Jasc Paint Shop pro 向量图： Adobe Illustration Flash * 3.5. 图形文件格式 * 图形文件的格式是计算机存储这幅图的方式与压缩方法 网页的图像标准文件格式仅包括GIF、JPEG和PNG 其他的文件格式必须使用插件才能浏览 选择图形格式需要考虑图形类型、文件大小、图形文件的显示尺寸以及图像的下载方式等 GIF(Graphics Interchange Format) 支持Internet标准，平台无关的文件格式，用于在WWW显示彩色图形 8位色彩信息，256色 无损压缩格式（基于LZW算法） 可以“渐显”，改善浏览器下载体验 可以将其背景变为透明，能支持半透明效果 Gif98a动画gif图像文件（存多幅彩色图像） 文件尺寸小，下载速度快 * 支持24位颜色 有损压缩格式 优点：广泛支持 Internet 标准，隔行扫描，可以调节图像质量和文件大小，文件尺寸较小，下载速度快 缺点：有损压缩会降低图像质量 * JPEG(Joint Photographic Experts Group) JPEG2000 具备更高压缩率 同时支持有损和无损压缩 支持渐进传输 PNG(Portable Network Graphic Format) 支持 24 位图像 产生背景透明度，保留灰度和RGB图像中的透明度 采用无损压缩方式减少文件大小 存贮形式丰富，兼有GIF和JPG的色彩模式 显示速度快，只需下载1/64的图像信息就可以显示出低分辨