切图外包-切图外包外包-北京切图外包外包

搜 索

Search:切图外包


psd转html模版网页切图外包

网页切图的方法 准备好一张psd的网站图,软件photoshop; 对于样式分类,有助于提高效率 分为公共样式common,重置样式reset,主页样式index三个部分来写,当然看个人需求,大部分可以写在一块,但是新手这样比较清晰。 reset.css//body,div,dl,dt,dd,ul,li,a,p,h1,h2,h3,h4,h5,h6,input,form,textarea{...网页切图的方法 准备好一张psd的网站图,软件photoshop; 对于样式分类,有助于提高效率 分为公共样式common,重置样式reset,主页样式index三个部分来写,当然看个人需求,大部分可以写在一块,但是新手这样比较清晰。 reset.css//body,div,dl,dt,dd,ul,li,a,p,h1,h2,h3,h4,h5,h6,input,form,textarea{    margin:0px;    padding:0px;}ol,ul li{    list-style:none;}a{    text-decoration:none;    display:block;}img{    border:none;    display:block;} .clearfix{    zoom:1;}.clearfix:after{    display:block;    clear:both;    content:"";    visibility:hidden;    height:0;} 1.html页面开始布局时,先要有大局观,把公共部分搞定,而且所有的命名要规范,仔细。命名规范和层次性很重要2.命名时切记用拼音,都用英文单词,或者中划线连接。3.典型的公共样式,公共宽度或者居中容器,样式都分开来写,只用加在class前就可以了。4.内联元素和块级元素在布局时,尽量不要在同一级中出现。像是ul,li这种常用的列表,写样式的时候不要直接对li操作,最好都加上一个class来局部操作。5.对于有浮动布局的元素,基本都在后面加上清除浮动clearfix,可以防止以后布局混乱6.不常换的图片或者logo,都用css的background背景去显示,要与后台数据交互的才放在html标签里。7.使用ps抠图,选中图片图层-右键智能化对象-框选中图片-复制-新建ctrl+n-粘贴-存储为png/jpg. |ctrl+d取消选择 ,ctrl+alt放大镜效果,h选中拖拉。 可以调整图像-画布大小自己来布置一张icon精灵图8.破折号的css可以用设置一个宽和上表框,inline-block以后可以显示出来。9.span标签可以多用来存精灵图,和特殊颜色的字符。 当我们把内联元素变成inline-block的时候,如span,用font-size : 0;清除行内块元素的4px间距. 最后要做一些兼容性的处理,尤其在IE浏览器下,对css样式做hack处理,像是 margin-top:20px; /只在IE7下实现*/
标签:

前端切图外包-什么是切图?

 什么是切图? 我觉得百度的解释就很准确了,以下来自百度: 切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。 ... 什么是切图? 我觉得百度的解释就很准确了,以下来自百度: 切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。 在以前,这就是前端er的全部工作内容,只不过,现在的前端已经变成了大前端,除了切图还有各种JS框架,数据等等。 误区:切图不在重要了? 很多人认为切图不重要了,其实从切图网的项目来看,就知道切图依然重要,标准的规范的前端页面切图依然有市场需求,中小企业做网站仍然需要切图,而vue,node,angular通常是在大型的项目中才会用到,所以在此也提醒一下初学web前端,并且想靠前端就业的人, 不要忽略了切图,除非你学出来,就直接保送到大公司做大项目开发,那么可以学以致用,否则就很危险。 不然,怎么还有那么多人没找到工作?原因在于定位
标签: