PSD到html的转换[关闭]答案

【问题标题】：PSD to html conversion [closed]PSD到html的转换[关闭]
【发布时间】：2010-09-22 09:27:59
【问题描述】：

我已经在 Photoshop 中完成了模板的设计。现在我想将它转换成 html，虽然我非常了解我也使用 firebug 的所有 html、css javascript 元素，但迄今为止我已经转换了许多模板。我的代码不包含它需要的质量。当我从一些高级网站下载任何模板并查看他们的代码时，我觉得我的代码形状非常糟糕，我的代码渴望改进。我想掌握 div 、 ul 和 li 元素以及 css 的正确使用。

他们在网络上是否有任何合适的资源可以教我如何做到这一点？

我用960gs框架好不好？

【问题讨论】：

标签： html css psd 960.gs

【解决方案1】：

我的圣经：A List Apart

【讨论】：

【解决方案2】：

好吧，HTML5 Boilerplate 提供了一种用于快速编码页面的布局，尽管您需要仔细检查并挑选出您不需要的内容。

Line25有很多关于编码的网站，包括converting from PSD to HTML上的教程，Soh Tanaka的网站也有很多教程。

【讨论】：

【解决方案3】：

bestpsdtohtml.com 等资源也很有用

【讨论】：

【解决方案4】：

css-tricks 是另一个很棒的资源，其中包含一些免费的视频内容，演示如何将 photoshop 模型转换为 html 和 css。
我认为this is the first of three 展示了端到端的流程。

【讨论】：