从Photoshop或InDesign导出HTML和CSS

Question

我正在构建网站，我有.psd文件，该网站应该是什么样子，我可以手动制作，但这需要时间。我想知道是否有办法将Photoshop或InDesign文件导出为HTML而无需进行大的修正。有一种方法可以从InDesign导出到Dreamweaver，但它会混淆图片和文本。还有其他选择吗？

Answer 1

在您的图形程序中，没有什么能够为您提供完全复制的设计，转换为良好的语义和可用的HTML / CSS。即Photoshop确实有你可以使用的切片工具然后导出为HTML，但任何开发者/设计师都不会认为生成的文件/图像是理想的。

为经验丰富的人手工编码设计不应太费时。手动编码还将确保您涵盖设计的所有场景/复杂性，如响应性，SEO，可访问性等。

然而，有些新工具如http://www.csshat.com正在获得好评。

如果你的时间不够而且不介意为完成一份好工作付钱，那么你总是可以将PSD转换为HTML服务提供商。

Answer 2

您可以通过Site Grinder插件将psd文件导出为html。

通过http://www.medialab.com/

下载此插件

Answer 3

PSD to WEB做得很好。