分享21个转换 PSD 为 HTML 的教程

　　Photoshop 毫无疑问是最好的图像编辑工具，它不仅用于图像编辑，还广泛用于制作网页模板，但设计人员面临的一个主要问题是如何将设计稿转换为HTML。所以，今天向大家分享一些非常好的教程，教你如何设计PSD模板，然后将它转换成HTML。

1- Convert a PSD to XHTML

查看教程

2- The Design Lab: PSD Conversion

查看教程

3- Building a Set of Website Designs Step by Step

查看教程

4- Encoding a Photoshop Mockup into XHTML & CSS

查看教程

5- Coding: Design Lab TV Styled Layout

查看教程

6- Design and Code a Slick Website from Scratch

查看教程

7- Slice and Dice that PSD

查看教程

8- Coding a Clean Web 2.0 Style Web Design from Photoshop

查看教程

9- Minimal and Modern Layout: PSD to XHTML/CSS Conversion

查看教程

10- How to Code up a Web Design from PSD to HTML

查看教程

11- Build a Sleek Portfolio Site from Scratch

查看教程

12- Coding Your 1st PSD Tutorial

查看教程

13- Site Build

查看教程

14- DesignSchool Coded, Free CSS Template With PSD to HTML Tutorial

查看教程

15- Fixed Footer Backgrounds with CSS

查看教程

16- Converting a Design From PSD to HTML

查看教程

17- Portfolio Layout 4: The Code

查看教程

18- Learn To Code It

查看教程

19- Creating a CSS Layout from scratch

查看教程

20- Converting a Photoshop Mockup

查看教程

21- PSD > HTML/CSS

查看教程

（编译来源：前端里  原文来自：How to Convert PSD to HTML (20+ Tutorials)）