网站设计与建设3

《网站设计与建设3》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网站设计与建设Websitedesignanddevelopments第3章图形与Web设计第一部分Web基础知识3．1网站图像的重要性图像地图导航、图形按钮、徽标何纯文本相比，图像更加直观、生动、易于理解和接受。图像可以将那些文字无法表达的信息传达出来。文字的精确性图像的模糊性在修饰网站和表达网站主题达到了文字不可替代的作用，3．2网站图像常用规则①网站徽标应适宜大小放在主页左上方屏幕的左上方是最醒目和最吸引人的位置，徽标不易过大，应该与标题文字大小以及网页顶部预留空间相匹配。②网站标题应放在主页徽标的右边一般放在主页的最上方，位于网站徽标的

2、右侧，绝大部分都是特殊的艺术字或名人手写体，应该使用图像文字③图像(图片)颜色要与网站色系协调一致④图像的文件尺寸应该要足够小⑤图像尽量避免使用高分辨率的真彩照片⑥在网页中勿滥用图像⑦Internet和Intranet的图像区别⑧切割大幅图像对于一个网页确实需要一幅大尺寸的图像，可以使用一些图形处理工具例如Photoshop3．3数字图像1．像素计算机显示器是由行列组成栅格，每一个栅格可以显示一个图像元素，这些图像元素叫做像素。像素是计算机显示器显示的最小单元每一个像素在某一时刻只能显示一种颜色3．颜色分辨率显示器的分辨率决定了屏幕显示图像的精

3、度。屏幕分辨率由显示器高度和宽度表示屏幕区域的像素数目决定1024X7684．图像分辨率图像分辨率以每英寸的像素数(PPI，PixelsPerInch)来衡量。例如图像分辨率为500PPI，就是每英寸有500个像素。，5．显示器设备分辨率显示器上每单位长度显示的像素或点的数量，通常以点/英寸(dpi)来表示显示器有两个重要指标：显示器大小和点距，例如17英寸显示器(指荧光屏对角线长度为17英寸)，点距0.25mm。那么该显示器分辨率约为100DPI：25.3995（mm/inch）/0.25（mm/Dot）≈100(Dot/inch)6．打印机

4、分辨率通常以点/英寸(dpi)来表示2．颜色深度(像素深度)使用颜色位数描述颜色的深度，用来度量图像中有多少颜色信息可用于显示或打印像素。颜色深度决定了每一个像素可以显示多少颜色。7．调色板在一个窗口可以显示256种颜色，每一副图像都具有独立的256个调色板，显示时更换调色板便可满足各幅图像的颜色要求。系统在系统调色板中保存着256种颜色。8．抖动抖动是在图像调色板和系统调色板之间调和，图像调色板上的颜色被和系统调色板上匹配的颜色所替代，如果系统不能找到匹配的颜色，它会使用它认为合适的颜色，这就可能导致异常的颜色组合9．Web安全的颜色调色板W

5、eb安全颜色是浏览器使用的由8位显示器支持的216种颜色，与平台无关。在8位屏幕上显示颜色时，浏览器将图像中的所有颜色更改成这些颜色。10．图像压缩以较少的比特有损或无损地表示原来的像素矩阵的技术3．4位图图像和矢量图形1.位图图像(Bitmap)位图图像（技术上称为栅格图像）使用颜色网格（也就是常说的像素）来表现图像。每个像素都有自己特定的位置和颜色值。JPEG和GIF格式都是位图。如果增加图像的尺寸，文件的大小就会增加。当放大查看时会呈现锯齿状。位图图像很适合于照片、投射阴影的效果，以及软化、镶边或者模糊边缘。常用的位图图像工具有：①Ado

6、bePhotoshop②AdobeFireworks③Microsoft画图④CorelPaintShopProX⑤CorelPainterIXPhotoshop人物照片换头术使用“套索工具”围绕头部绘制一个如图3所示的选区。复制粘贴适当调整头像的大小和位置选择工具箱中的“橡皮擦工具”，设置合适的画笔大小(可以按快捷键[或]来改变画笔大小)，适当放大视图，然后沿头像的面部边缘擦除多余的像素，选择工具箱中的“仿制图章工具”，如果此前擦除像素后露出了底部图层中的耳朵，则现在需要将它去除。克隆背景像素，将耳朵掩盖掉选择菜单命令“图像

7、调整

8、色相/饱和

9、度”，对两个图层都进行色相/饱和度调整，以使得两部分的色调能够互相吻合，使人看不出破绽。2.矢量图形(Vector)矢量图形由被称为矢量的数学对象定义的线条和曲线组成。矢量根据图像的几何特性描绘图像。调整其大小或更改其颜色时不会降低图形的品质，常用的矢量图形工具有：①AdobeIllustratorCS3②AdobeFlash③CorelDRAWGraphicsSuiteX3AdobeIllustration3．5常用图形文件格式网页的图像标准文件格式仅包括GIF、JPEG和PNG，其他的文件格式必须使用插件才能浏览。图形类型、文件大小、图形文

10、件的显示尺寸以及图像的下载方式来确定最佳格式。1)GIF与平台无关的文件格式GIF具有8位的色彩信息，即最多支持256种颜色不能显示实景图象无损压缩。