我已经在Photoshop中完成了模板的设计。现在我想将其转换为 html，尽管我非常了解我也使用 firebug 的所有 html、css javascript 元素，到目前为止我已经转换了许多模板。我的代码不具备其所需的质量。当我从一些高级网站下载任何模板并查看他们的代码时，我觉得我的代码形状非常糟糕，我的代码渴望改进。我想掌握 div 、 ul 和 li 元素以及 css 的正确使用。
他们在网上有任何合适的资源可以教我如何做到这一点吗？
我用960gs框架好不好？
I have completed designing the template in photoshop. now i want to convert it into html although i am very well aware of all the html, css javascript elements i use firebug too , i have converted many templates till date. my codes does not comprise of the quality it needs. when i download any templates from some premium sites and look onto their codes i feel my code is very bad in shape, my codes crave for improvement. i want to master the proper use of div , ul and li elements, and the css.
is their any proper resource on the web that could teach me how i do it?
is it good if i use 960gs framework?
发布评论
评论（4）
我的圣经：A List Apart
My Bible: A List Apart
好吧，HTML5 Boilerplate 提供了一个用于快速编码页面的布局，尽管您需要浏览它并挑选出来你不需要什么。
Line25 有很多关于编码网站的技巧，包括关于 从 PSD 转换为 HTML，以及 Soh Tanaka 的网站也有很多教程。
Well, HTML5 Boilerplate provides a layout for quick coding of pages, although you'll need to go through it and pick out what you don't need.
Line25 has a lot of tips on coding sites, including a tutorial on converting from PSD to HTML, and Soh Tanaka's site also has a lot of tutorials.
bestpsdtohtml.com 等资源也很有用
Such resources as bestpsdtohtml.com can be useful too
css-tricks 是另一个很棒的资源，有一些免费的视频内容演示如何将 Photoshop 模型转换为 html 和 css .
我认为这是三个中的第一个 显示端到端流程。
css-tricks is another great resource and has some free video content demonstrating converting a photoshop mock up into html and css.
I think this is the first of three showing the end to end process.