十款超棒的PSD转XHTML教程

 

很多读者经常会问到如何将一个PSD文件转换到Web站点中，这样一个完整的过程通常被称为XHTML切片（XHMTL slicing），并且这是Web设计中非常重要的一个环节。在这篇文章中，我为大家推荐10款PSD转XHTML的教程。

 

 

如何将一个PSD文件转换成为XHTML文件？

 

 

 链接：http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/

 

 

抓出一个CSS布局

 

链接：http://www.subcide.com/tutorials/csslayout/index.aspx

 

 

简单几步搞定PSD转CSS/HTML -- 第一部分

 

 

链接：http://csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1/

 

 

从PSD到HTML，逐步建立Web设计集

 

链接：http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

 

 

如何创建横向滚动站点

 

链接：http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/

 

 

将PSD设计转换为HTML

 

链接：http://net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/

 

 

设计实验室：PSD转换

 

链接：http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/

 

 

Web设计布局9号站点发布

 

 

 

链接：http://hv-designs.co.uk/2009/04/29/web-design-layout-9-sitebuild/

 

PhotoShop模型转换为XHTML/CSS

 

链接：http://line25.com/tutorials/how-to-convert-a-photoshop-mockup-to-xhtml-css

 

 

从PhotoShop编写一个简洁的Web2.0站点

 

链接：http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/

 

 

 

原文地址：http://psdvibe.com/2009/07/21/10-awesome-psd-to-xhtml-tutorials/