首页 > 怎么快速将psd转换为静态页面(不包括js)?

怎么快速将psd转换为静态页面(不包括js)?

怎么快速将一张psd图转换为静态页面(不包括js,只限于html,css,图片),如何避免重复地方的二次开发,提高开发效率,写css和html应该注意些什么呢?


还是老老实实手写前端页面吧,用工具把psd转换成html会产生很多性能不高的代码,一般实际的项目都是手写,不会那样干的。


知道html css 根据w3c的标准 自己写代码


最新的dreamweaver cc 提供了adobe官方平台,psd转html这个功能,不过要付费。


写脚本,就这么简单。只要自己重复做的就写成脚本,输入,输出,完事。


现在将psd转换成为html大致分为三种方法:
1. 在线的psdToHtml平台,这种国内还比较少,国外这方面的平台比较多,楼主可以直接搜 psdToHtml ,不过基本都是收费的,例如 http://psdhtml.me http://www.psdtoweb.de
2. 第二种是使用photoshop 的插件,现在网上也有现成psdTohtml插件 http://www.webbsy.com,一般来说也是收费的
3. 第三种就是使用开源的项目,脱离photoshop,将psd文件解析成为格式化的数据结构,然后再去实现转换,这种做法的灵活度比较高。


html要符合web语义化,即使用合适的标签,这样有利于搜索引擎的搜索和代码的维护;css使用要秉承平稳退化的原则,这样就可以在低版本浏览器不支持炫的效果时(ccs3动画等),用户也能看到基本的功能,不至于页面崩溃;至于怎么做到平稳退化,本人也是在学习中,建议多看看博客吧


参见:http://jingyan.baidu.com/article/546ae1850560a31149f28c94.html
如果满意请采纳。

【热门文章】
【热门文章】