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/articles/creating-a-css-layout-from-scratch/

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://www.hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/

8 网站建设：网页设计布局教程

资源：http://www.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/

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

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

原文来源

更多分类教程:

PS入门教程 PS路径教程 PS滤镜教程 PS图层教程 PS通道教程 PS画笔笔刷

PS工具教程 PS创意制作 PS插画制作 PS成签制作 PS海报制作 PS壁纸制作

PS动画制作 PS影楼后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修复

PS调色教程 PS边框纹饰 PS排字教程 PS字效教程 PS仿手绘 PS鼠绘教程

PS网页元素 PS抠图教程 PS图片合成 PS非主流 PS视频教程 PS软件资源