html5如何根据ps图片排版？
怀特的旅行
30天以前 9浏览
关注
html5如何根据ps图片排版？
PS切图是前端界面方向的一个重要环节，需要将设计师的设计1：1还原到web页面。具体操作如下：
1、先将各元素单独切出来，放到一个文件夹内；
2、将ps里的文本等元素关闭显示，再切背景；
3、整合较小的图片做成雪碧图（该步骤可以在第一步时完成）；
4、用HTML代码编写布局及结构；
5、用CSS代码编写呈现效果。
补充：
以上几个步骤可以完成ps切图，在做ps切图时，需要掌握的技能：
1、ps分层切图基础；
2、html基础；
3、css基础；
4、各浏览器解析标准的了解。
本文仅代表作者观点，版权归属原创作者，如需转载请在文中标注来源及作则名字。
免责声明：本文系转载编辑文章，仅做分享只用，如有疑问请联系邮箱：110@zbj.com
html
大家都在看
html5是什么？发展前景如何呢？
html5是什么？发展前景如何呢？
28浏览
如何用html5插入背景图片？
如何用html5插入背景图片？
16浏览
怎样在html页面中制作一个简单的表格？
怎样在html页面中制作一个简单的表格？
16浏览
html5从入门到精通需要了解哪些内容
html5从入门到精通需要了解哪些内容
45浏览
如何用HTML创建一个简单网页？
如何用HTML创建一个简单网页？
21浏览
如何将一个HTML页面嵌套在另一个页面中
如何将一个HTML页面嵌套在另一个页面中
24浏览
本地的html文件如何生成网页文件？
本地的html文件如何生成网页文件？
20浏览
html、css怎么仿别的网站？
html、css怎么仿别的网站？
14浏览
html5如何根据ps图片排版？
html5如何根据ps图片排版？
9浏览
HTML中给图片上增加文字的代码怎么写？
HTML中给图片上增加文字的代码怎么写？
16浏览
HTML有哪些静态模板页技术？
HTML有哪些静态模板页技术？
19浏览
HTML网页编程，有哪些不错的软件值得一用？
HTML网页编程，有哪些不错的软件值得一用？
22浏览
web前端缓存案例_前端html缓存怎么解决
111浏览
html5网站设计案例欣赏(html5网页设计)
120浏览
优化WEB前端--HTML
如果你了解优化WEB前端知识，或者不想花时间了解上面，那么直接看下面吧。
26浏览
HTML是不是用来开发网页的？
HTML是不是用来开发网页的？
21浏览
html5有哪些软件可以写代码？
html5有哪些软件可以写代码？
12浏览
dreamweaver所用的语言就是html吗？
dreamweaver所用的语言就是html吗？
44浏览
dreamweaver所用的语言就是html吗？
dreamweaver所用的语言就是html吗？
45浏览
怎么在网页中插入图片html图片代码
怎么在网页中插入图片html图片代码
40浏览
收藏
分享