10个了不起的PSD转XHTML教程

原文：10 awesome PSD to XHTML tutorials      作者：Jean-Baptiste Jung
---------------------------------------------------------------------------------------------------------------------------------------------

    许多访客经常问我，怎么把一个PSD文件转化成一个网站。这个过程我们一般成为PSD切片，他是网页设计的重要一环。这篇文章中，为大家编辑了10个PSD转化成XHTML的教程。

1  如何把PSD转化成XHTML
资源：http://net.tutsplus.com/videos/s ... ert-a-psd-to-xhtml/



2  从零开始创建CSS布局
资源：http://www.subcide.com/tutorials/csslayout/index.aspx



3  从PSD到CSS+HTML简易教程
资源：http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/



4  从PSD到HTML，一步步完成一套网站的设计
资源：http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/



5  如何建设一个水平滚动的站点
资源：http://css-tricks.com/how-to-cre ... lly-scrolling-site/



6 如何把一个设计从PSD转化成HTML
资源：http://net.tutsplus.com/videos/s ... n-from-psd-to-html/



7 设计实验室：PSD的转换
资源：http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/



8  网站建设：网页设计布局教程
资源：http://hv-designs.co.uk/2009/04/29/web-design-layout-9-sitebuild/



9  如何把一个PS图样转换成XHTML/CSS
资源：http://line25.com/tutorials/how- ... mockup-to-xhtml-css



10  从PS作图到页面设计写出一个干净的web2.0代码样式
资源：http://sixrevisions.com/tutorial ... ign-from-photoshop/

链接进去的教程资源也是外文站点的，所以速度会比较慢，大家耐心等待。

另外，为了让更多的人看懂，希望有兴趣的人一起来翻译点进去的那些教程。可以建新帖或者回帖做翻译。谢谢