山东大学《网站设计与建设》课件第3章 图形与Web设计
44页1、第第3章章 图形与图形与Web设计设计第一部分 Web基础知识31 网站图像的重要性网站图像的重要性n图像地图导航、图形按钮、 徽标n何纯文本相比,图像更加直观、生动、易于理解和接受。n图像可以将那些文字无法表达的信息传达出来。文字的精确性图像的模糊性 在修饰网站和表达网站主题达到了文字不可替代的作用, 32 网站图像常用规则网站徽标应适宜大小放在主页左上方屏幕的左上方是最醒目和最吸引人的位置,徽标不易过大,应该与标题文字大小以及网页顶部预留空间相匹配。网站标题应放在主页徽标的右边一般放在主页的最上方,位于网站徽标的右侧,绝大部分都是特殊的艺术字或名人手写体,应该使用图像文字图像(图片)颜色要与网站色系协调一致图像的文件尺寸应该要足够小图像尽量避免使用高分辨率的真彩照片在网页中勿滥用图像Internet和Intranet的图像区别切割大幅图像对于一个网页确实需要一幅大尺寸的图像,可以使用一些图形处理工具例如Photoshop 33 数字图像1像素计算机显示器是由行列组成栅格,每一个栅格可以显示一个图像元素,这些图像元素叫做像素。像素是计算机显示器显示的最小单元 每一个像素在某一时刻只能
2、显示一种颜色 3颜色分辨率显示器的分辨率决定了屏幕显示图像的精度。屏幕分辨率由显示器高度和宽度表示屏幕区域的像素数目决定 n1024X7684图像分辨率图像分辨率以每英寸的像素数(PPI, Pixels Per Inch)来衡量。n例如图像分辨率为500PPI,就是每英寸有500个像素。 , 5显示器设备分辨率显示器上每单位长度显示的像素或点的数量,通常以点/英寸 (dpi) 来表示显示器有两个重要指标:显示器大小和点距,n例如17英寸显示器(指荧光屏对角线长度为17英寸),点距0.25mm。n那么该显示器分辨率约为100DPI:25.3995(mm/inch)/0.25(mm/Dot)100(Dot/inch) 6打印机分辨率通常以点/英寸 (dpi) 来表示2颜色深度(像素深度)使用颜色位数描述颜色的深度,用来度量图像中有多少颜色信息可用于显示或打印像素。颜色深度决定了每一个像素可以显示多少颜色。7调色板n在一个窗口可以显示256种颜色,每一副图像都具有独立的256个调色板,显示时更换调色板便可满足各幅图像的颜色要求。系统在系统调色板中保存着256种颜色。8抖动抖动是在图像调色板和
3、系统调色板之间调和,图像调色板上的颜色被和系统调色板上匹配的颜色所替代,如果系统不能找到匹配的颜色,它会使用它认为合适的颜色,这就可能导致异常的颜色组合 9Web安全的颜色调色板nWeb 安全颜色是浏览器使用的由8位显示器支持的 216 种颜色,与平台无关。n在 8 位屏幕上显示颜色时,浏览器将图像中的所有颜色更改成这些颜色。 10图像压缩以较少的比特有损或无损地表示原来的像素矩阵的技术 34 位图图像和矢量图形1.位图图像(Bitmap)n位图图像(技术上称为栅格图像)使用颜色网格(也就是常说的像素)来表现图像。n每个像素都有自己特定的位置和颜色值。nJPEG和GIF格式都是位图。n如果增加图像的尺寸,文件的大小就会增加。n当放大查看时会呈现锯齿状。n位图图像很适合于照片、投射阴影的效果,以及软化、镶边或者模糊边缘。 常用的位图图像工具有:常用的位图图像工具有:Adobe Photoshop Adobe Fireworks Microsoft 画图Corel Paint Shop Pro XCorel Painter IXPhotoshop人物照片换头术 n使用“套索工具”围绕头部绘
4、制一个如图3所示的选区。n复制 粘贴n适当调整头像的大小和位置 n选择工具箱中的“橡皮擦工具”,设置合适的画笔大小(可以按快捷键或来改变画笔大小),适当放大视图,然后沿头像的面部边缘擦除多余的像素, n选择工具箱中的“仿制图章工具”,如果此前擦除像素后露出了底部图层中的耳朵,则现在需要将它去除。克隆背景像素,将耳朵掩盖掉 n选择菜单命令“图像|调整|色相/饱和度” ,对两个图层都进行色相/饱和度调整,以使得两部分的色调能够互相吻合,使人看不出破绽。2.矢量图形(Vector)n矢量图形由被称为矢量的数学对象定义的线条和曲线组成。n矢量根据图像的几何特性描绘图像。n调整其大小或更改其颜色时不会降低图形的品质, 常用的矢量图形工具有:Adobe Illustrator CS3Adobe Flash CorelDRAW Graphics Suite X3Adobe IllustrationAdobe Illustration35 常用图形文件格式n网页的图像标准文件格式仅包括GIF、JPEG和PNG,其他的文件格式必须使用插件才能浏览。 n图形类型、文件大小、图形文件的显示尺寸以及图像的下载
《山东大学《网站设计与建设》课件第3章 图形与Web设计》由会员东***分享,可在线阅读,更多相关《山东大学《网站设计与建设》课件第3章 图形与Web设计》请在金锄头文库上搜索。
幼儿园大班科学活动《智能留言机》课件
幼儿园大班语言绘本阅读《手电筒看见了什么》PPT
幼儿园小班科学《教宝宝认识动物》课件
幼儿园中班语言《灰狼家的小饭桶们》教案
【国家审计报告】审计报告W-06审计处罚决定书
【企业财务管理办法】会计档案管理办法
【员工主动离职-风险防范】劳动争议判决书
【员工被动离职-后续工作】70-070员工违反有关商业秘密的约定可以索赔吗
【员工被动离职-辞退申请】第六节 员工任免通知书
【员工被动离职-后续工作】70-050因员工的原因使服务期无法完成可以索赔吗
企业岗位管理制度12办公室行为规范
企业岗位管理制度30离职人员薪资发放通知单
幼儿园春游活动美丽的公园教案
呼职院电力机车制动机讲义11高速列车和重载列车制动
武理工《运输管理》教案第1章 运输系统
中海大海洋化学讲义02海洋的形成和海水的组成——兼论地球上水的起源、变迁和循环
武理工船舶柴油机习题库及答案04燃油喷射和燃烧
厦大海洋生态学课件07海洋初级生产力
华北理工水声学课件05声波在目标上的反射和散射-1目标强度及常见声纳目标的目标强度的一般特征
武理工船舶结构与设备课件02船体结构与管系-4专用船特殊船体结构特点
2022-05-11 101页
2022-05-11 50页
2022-05-10 22页
2022-05-09 75页
2022-05-09 51页
2022-05-09 110页
2022-04-24 54页
2022-04-24 123页
2022-04-24 18页
2022-04-23 11页