PSD转html转换

时间:2010-09-22 09:28:00

标签: html css psd 960.gs

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

是他们在网上的任何适当的资源,可以教我如何做到这一点?

如果我使用960gs框架是好的吗?

4 个答案:

答案 0 :(得分:3)

我的圣经:A List Apart

答案 1 :(得分:2)

嗯,HTML5 Boilerplate提供了快速编写页面编码的布局,但您需要仔细检查并挑选出您不需要的内容。

Line25有许多关于编码网站的提示,包括有关converting from PSD to HTML的教程,而Soh Tanaka的网站也有很多教程。

答案 2 :(得分:0)

bestpsdtohtml.com这样的资源也很有用

答案 3 :(得分:0)

css-tricks是另一个很棒的资源,有一些免费的视频内容,可以将photoshop模拟转换成html和css。
我认为this is the first of three显示了端到端流程。