网站建设,网站设计,网站制作,网站开发
|
首页
完美网站制作 切图重在技巧
时间:06-10      
      完美网站制作,切图重在技巧。通常网站制作一般步骤可分为:设计效果图,切图+制作静态模板嵌套至CMS,其中,切图虽然是很简单的一个步骤,但其中也有很多技巧,以下是杭州网站设计蒙特设计师总结出来的几点:

  蒙特人说,总体上,把握一个原则,能用css写的,坚决不要用图片。经验告诉我们,首页图片很多的网站打开会很慢,一是因为图片多,需要下载的文件体积就增大,二是每一个图片下载都会对服务器有一个请求,增大了浏览器与服务端的交互次数,如果能把纯色的部分用css来写,而不因为省事直接切图,就会极大提高网站的运行效率,我最早开始学习制作网站时,就想当然的认为怎么样能加快制作速度就怎么来,于是把一个导航条的背景直接切成图片,后来老板看到我写的html代码,告诉我不能这么干,用div定义好宽和高设置背景色和边框,一行代码就搞定。如果遇到有渐变色的背景,可以沿着与渐变色相同方向切一个像素的条纹,用css中background的repeat-x或repeat-y来自动填充。

  杭州网站设计-----导航栏效果图

  对于有圆角的导航条图片,可以将两边的圆角部分单独切出来,中间如果有渐变色,也是只切一个像素的条纹,切出来的三个条纹可以合并到一张图片里(上、中、下),使网页中使用的时候用css中的positon属性来定位图片出现的位置。

  在切割效果图的过程中,对于图片的保存格式也有讲究,一般来说,用图像工具(如photoshop)制作的色彩绚丽的按钮或图标一般都存成png格式,而用相机拍摄的风景或人物、物体图像多用jpg格式保存,gif一般用来存储含有简单动画效果的图像,另外需要注意一点的是,如果图片中使用了透明效果,要存储成png-的格式,png的其他格式要么不支持透明,要么保存时文件要大很多,png-是”性价比最高的。

  杭州网站设计-----一般用png格式

  对于用作背景或衬托效果的颜色较多的图片,保存图片时尽可能从清晰度和图片大小中找到一个平衡,既保证图片尽可能小又不失真,这点就要凭个人经验了,因为每个人的标准不同,千万不能不压缩图片直接放上去,然后靠idth和height来进行限制,这样做是自欺欺人,浏览器会先把大图片下载到本地,然后用样式强制将它压缩,显示不但不会更清楚,反而会失真,曾经我就遇到过有个网站首页都打开了,唯有一个局部是个空白的方形,过了好几秒才加载出来一张图片,好奇的下载了这张图片,竟然有M多……这一点不光是首页切图,在网站的内容上传时最好也要养成良好的习惯,特别是新闻的配图,现在的相机效果越来越好,拍出来的图片动不动好几兆,一定要对图片尺寸进行处理后再上传,一般处理图片的宽度为-像素之间,高度自动等比例即可。

  杭州网站设计蒙特小结:切好图片命名也要养成良好的习惯,最好的命名习惯就是见名知意,我见多数网站的图片使用切图工具软件批量切割的,命名很不规范,比如index_、index_、index__等有规则但无意义的图片,也许你说图片命名本身的意义并不是很大,因为这个名字只有浏览器加载的时候才会用,但是,对于一个扩展性强的网站来说,在进行改版和维护的时候,如果要更换某些网站图片,就需要一个一个从浏览器中右键查看图片地址,记下每一个长长的没有规律的图片名称,这会让技术人员十分崩溃。所以,在保存图片时就给它写上有意义的名字是很必要的。

  

  蒙特,英文:Mountor,全称:杭州蒙特信息技术有限公司。蒙特是专注于互联网移动互联网技术研发、销售、服务于一体的高新技术企业。我们秉着客户第一的理念,真诚地为各行业、各平台每一位客户提供最专业最贴心的高品质服务,同时提供免费的专业平台规划建议。您的企业利用互联网、移动互联网持续蓬勃发展、蒸蒸日上,是蒙特人最大的成功!

  蒙特成立于2000年7月6日,自成立以来,蒙特不断创新研发,已成长磨砺了16年,拥有11个软件项目著作权,服务于政府、国企、上市公司、中高端企业等上万家客户。其中10年以上的客户有5000多家,蒙特服务过的众多客户,对蒙特皆留下了深刻的印象和良好的建站口碑。

  作为高端品牌专业网建行业的领导者,主要提供电商网站建设手机网站建设微网站建设微信公众平台开发APP开发、微信公众号托管代运营、OA办公系统等互联网专业性服务。蒙特积极吸纳杭州地区的高校人才资源优势,不断充实自身设计与技术力量,以求为客户带来最满意的视觉体验与最安全的网站保障。蒙特现有团队121人,均为本科以上学历,其中有27名党员和16名预备党员。

  蒙特旗下子公司——杭州汉博专注于为客户提供因特网接入(全省21家接入商之一)、网站报修、网站安全检测、网站安全加固、网站推广、网站运营、域名注册、网站备案等网站服务,汉博有望成为全省第三家为经营性网站提供安全检测和加固的服务商,为您的企业平台健康发展保驾护航!

©2000-2015 杭州蒙特信息技术有限公司版权所有
Mountor、蒙特是Mountor Corp.的注册商标。
经营许可证编号:浙B2-20090322 
浙公网安备 33010602000489号
技术支持:
更新时间:2016年07月13日
法律声明 | 网站地图
咨询热线:0571-88230881 15158184365