我已经在 Photoshop 中完成了模板的设计。现在我想将它转换成 html,虽然我非常了解我也使用 firebug 的所有 html、css javascript 元素,但迄今为止我已经转换了许多模板。我的代码不包含它需要的质量。当我从一些高级网站下载任何模板并查看他们的代码时,我觉得我的代码形状非常糟糕,我的代码渴望改进。我想掌握 div 、 ul 和 li 元素以及 css 的正确使用。
他们在网络上是否有任何适当的资源可以教我如何做到这一点?
如果我使用 960gs 框架很好吗?
我的圣经:分开的清单
好吧,HTML5 Boilerplate提供了一种用于快速编码页面的布局,尽管您需要仔细检查并挑选出您不需要的内容。
Line25有很多关于编码网站的提示,包括从 PSD 转换为 HTML的教程,Soh Tanaka的网站也有很多教程。
bestpsdtohtml.com等资源也很有用
css-tricks是另一个很棒的资源,它有一些免费的视频内容,展示了将 photoshop 模型转换为 html 和 css。
我认为这是展示端到端过程的三个中的第一个。