400-114-0800

腾讯企业邮箱 企业微信

网建知识

您当前位置 > 首页 > 文章栏目:网建知识

 

网页制作中切图亦有小窍门

发表时间:Oct 30, 2013

网站建设和网页制作虽然工作量很大,内容比较多,但是基本可以把网页制作的工作分为以下3个步骤,第一是设计出网页效果图,第二是切图,同时制作出静态的页面模板,第三也就是最后嵌套到CMS。这3步里,切图虽说是不复杂,但是切图也有一些小窍门可以借用,杭州网页设计在这里为大家总结出以下几点。

      首先,杭州网页设计提醒大家要把握一个大原则,怎么建设管理网站那 就是可以用css写出来的,就完全没必要使用图片。这是因为网页的图片多,浏览器打开网页时就需要下载这些图片,导致网页打开速度减慢,对于浏览者而言, 这无疑是很让人厌烦的。而且图片每一次的下载都必须向服务器发出请求,图片多的话,无形中就增多了网站服务器的工作量。这种情况下,与图片相比,css就 能极大地降低服务端的负荷,提高网站运行效率。

       为了帮助新手站长理解,杭州网页设计在这里举个例子,比如导航条的背景,省事的作法是直接使用图片,但是对于网站运行而言,最优的方法是用div定义长 度,将边框和背景色使用代码设置出来。如果背景是渐变色,可以使用css中的背景属性background,首先选取在渐变方向上切一道条纹,大小为一个 像素即可,然后用repeat算法填充即可。

      然后在做导航栏的效果图中,需要注意到图片的保存格式,通常photoshop这之类的图像处理工具所制作出来的按钮、图标,用png格式保存,相机拍摄 的图像为jpg格式,如果图像具有动画效果,则用gif。杭州网页设计提醒大家注意,图片若采用了透明效果,那么就需要保存为png-8格式,因为png 的其他格式,或者没法运用透明效果,或者文件体积太大,唯独只有png-8是最佳选择。

      另外还需要注意的就是切图的命名习惯,杭州网页设计建议,使用见名知意的名称来保存已经切好的图片,有些网站为了方面使用切图软件对图片进行批量切割,所 保存的命名往往是有规则可是毫无意义的。因为在网站改版或者维护时,网站图片如果需要更换的话,技术人员需要查看图片地址,就只能一个一个在浏览器中点击 右键查看,图片名称如果没有不规范,无形中就加大了技术人员的工作量,而这些在切图时就可以避免。

      以上便是杭州网页设计为广大站长朋友和网站建设的技术人员所总结的有关网站切图的技巧,希望对大家有帮助。

随机推荐查看更多