html5如何根据ps图片排版？
怀特的旅行
30天以前 4浏览
关注
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
大家都在看
HTML如何显示当前动态时间？
HTML如何显示当前动态时间？
10浏览
dreamweaver所用的语言就是html吗？
dreamweaver所用的语言就是html吗？
14浏览
dreamweaver所用的语言就是html吗？
dreamweaver所用的语言就是html吗？
16浏览
html中怎么从一个页面跳转到另一个页面？
html中怎么从一个页面跳转到另一个页面？
11浏览
在html中插入整个页面的背景图？
在html中插入整个页面的背景图？
6浏览
HTML是不是用来开发网页的？
HTML是不是用来开发网页的？
12浏览
HTML网页中如何引入地铁图？
HTML网页中如何引入地铁图？
9浏览
HTML写的网页如何实现与数据库的交互？
HTML写的网页如何实现与数据库的交互？
5浏览
html5如何根据ps图片排版？
html5如何根据ps图片排版？
4浏览
web前端缓存案例_前端html缓存怎么解决
95浏览
html5网站设计案例欣赏(html5网页设计)
92浏览
优化WEB前端--HTML
如果你了解优化WEB前端知识，或者不想花时间了解上面，那么直接看下面吧。
3浏览
html5有哪些软件可以写代码？
html5有哪些软件可以写代码？
2浏览
HTML网页制作：[5]如何在网页中插入表格？
HTML网页制作：[5]如何在网页中插入表格？
3浏览
为什么HTML5前端混合开发这么火？
为什么HTML5前端混合开发这么火？
3浏览
怎么在网页中插入图片html图片代码
怎么在网页中插入图片html图片代码
6浏览
html网页如何传递接收地址参数？
html网页如何传递接收地址参数？
2浏览
html5是什么？发展前景如何呢？
html5是什么？发展前景如何呢？
2浏览
怎么在网页中插入图片html图片代码
怎么在网页中插入图片html图片代码
12浏览
html5哪个开发工具比较适合新手？
html5哪个开发工具比较适合新手？
2浏览
收藏
分享