将PSD切片到CSS + HTML输出的好工具

Question

是否有任何工具可以切片生成CSS + HTML的PSD设计（不是很好，但作为一个起点）。我听说photoshop有一些wysiwyg编辑器可以在切片的PSD上生成CSS + HTML输出，但没有找到任何东西。或者是否有任何好的教程可以帮助我作为开发人员处理这种棘手的css情况（作为渐变div背景和阴影添加没有不受支持的css3）。很抱歉这么愚蠢的问题，但我真的很担心这个“设计”作为开发人员。

Answer 1

我使用psd2cssonline.com - 您可以免费创建基本的html / css，如果您想要更复杂的CSS，您可以订阅专业版服务。两个版本都很棒 - 它真的帮助我学习了CSS。基本上在photoshop中，你根据你想要每个图层的css元素（背景，文本字段，页脚，翻转，图像等）来命名你的psd图层，然后将其上传到网站，预览并下载输出。

Answer 2

是的，有很多教程，但从一个起点看看这些：

<强> http://www.1stwebdesigner.com/freebies/psd-htmlcss-conversion-tutorials/

<强> http://www.ehow.com/how_8391171_export-psd-css.html

<强> http://www.warriorforum.com/website-design/199348-best-psd-html-tool.html

希望这有帮助。

Answer 3

我的公司制作了一个名为SiteGrinder的Photoshop插件，可将Photoshop设计转换为完成的网站或WordPress主题。 http://www.medialab.com

还有许多切片服务可以发送.psd到。