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

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

阅读 12.5k
7 个回答

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

现在将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动画等),用户也能看到基本的功能,不至于页面崩溃;至于怎么做到平稳退化,本人也是在学习中,建议多看看博客吧

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏