Photoshop 毫無疑問是最好的圖像編輯工具，它不僅用于圖像編輯，還廣泛用于制作網頁模板，但設計人員面臨的一個主要問題是如何將設計稿轉換為HTML。所以，今天向大家分享一些非常好的教程，教你如何設計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)）