从 Photoshop 或 InDesign 导出 HTML 和 CSS
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/10979836/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Export HTML and CSS from Photoshop or InDesign
提问by Darko Rodic
I am building web site and I've got .psd file of how the site should look like and I can make it manually but it will take time. I was wondering if there is a way to export a Photoshop or InDesign file to HTML without requiring major corrections. There is a way to export from InDesign to Dreamweaver but it messes up pictures and text. Is there some a alternative?
我正在构建网站，我有一个关于网站外观的 .psd 文件，我可以手动创建，但这需要时间。我想知道是否有一种方法可以将 Photoshop 或 InDesign 文件导出为 HTML，而无需进行重大更正。有一种方法可以从 InDesign 导出到 Dreamweaver，但它会弄乱图片和文本。有没有其他选择？
回答by Moin Zaman
There is nothing that will give you an exact replica of your design in your graphics program converted to good semantic and usable HTML / CSS. i.e. Photoshop does have the slice tool that you can use and then export as HTML, but the resulting file/images wouldn't be considered ideal by any web developer/designer worth their salt.
没有什么可以让您在图形程序中精确复制您的设计，并将其转换为良好的语义和可用的 HTML/CSS。即 Photoshop 确实有切片工具，您可以使用该工具然后将其导出为 HTML，但生成的文件/图像不会被任何网络开发人员/设计师认为是理想的。
Hand coding a design for someone experienced shouldn't be too time-consuming. Hand coding will also ensure that you cover all scenarios/intricacies of the design, like responsiveness, SEO, accessibility etc.
为有经验的人手动编码设计不应该太耗时。手动编码还将确保您涵盖设计的所有场景/复杂性，例如响应性、搜索引擎优化、可访问性等。
There are however some new tools like http://www.csshat.comthat are getting good reviews.
然而，有一些新工具如http://www.csshat.com获得了好评。
And you could always google for PSD to HTML service providers if you're running short of time and don't mind paying to have a good job done.
如果您的时间不够，并且不介意付费以完成出色的工作，您可以随时向 HTML 服务提供商搜索 PSD。
回答by CSS Guy
you can export psd file to html via Site Grinder plugin.
您可以通过 Site Grinder 插件将 psd 文件导出为 html。
download this plugin via http://www.medialab.com/
通过http://www.medialab.com/下载此插件
回答by phil pirozhkov
PSD to WEBdoes this job pretty well.
PSD to WEB可以很好地完成这项工作。
