以前的文章向大家分享了很多的PSD素材，有PSD按鈕、PSD圖標(biāo)、PSD網(wǎng)站模板等等各種PSD界面素材。那么如果把這些精美的PSD素材轉(zhuǎn)換為 HTML/CSS 代碼呢？今天這篇文章要和大家分享的就是20個(gè)非常棒的把 PSD 轉(zhuǎn)換為 XHTML/CSS 的教程。

　　 在網(wǎng)上能搜羅到很多的PSD素材，有PSD按鈕、PSD圖標(biāo)、PSD網(wǎng)站模板等等各種PSD界面素材。那么如果把這些精美的PSD素材轉(zhuǎn)換為 HTML/CSS 代碼呢？今天這篇文章要和大家分享的就是20個(gè)非常棒的把 PSD 轉(zhuǎn)換為 XHTML/CSS 的教程。

1-From PSD to CSS/HTML in Easy Steps

2-Killer site From Illustrator to Xhtm to Drubal

3-From PSD to XHTML Tutorial

4-Create a clean modern website design

5-Creating a CSS layout from scratch

6-A Tutorial on PSD to HTML, How to Convert?

7-Building a Set of Website Designs Step by Step

8-Converting a photoshop mock up

9-How to Convert a PSD to XHTML

10-The Design Lab PSD Conversion

11-Build a Sleek Portfolio Site from Scratch PSD+XHTML Tutorial

12-Design Lab TV Styled Layout (HTML & CSS)

13-Converting a Design From PSD to HTML

夢(mèng)想天空博客關(guān)注前端開發(fā)技術(shù)，展示HTML5和CSS3應(yīng)用，分享jQuery插件，推薦優(yōu)秀網(wǎng)頁設(shè)計(jì)案例。

14-Slice and Dice that PSD

15-Web Design Layout (XHTML & CSS)

16-Convert a Photoshop Mockup to XHTML/CSS

17-PSD HTML/CSS

18-Convert PSD to HTML

19-Encoding a Photoshop Mockup into XHTML & CSS

20-BLOOpress WordPress Mockup (XHTML & CSS)

 

 

您可能還喜歡

 

• 60個(gè)精美的移動(dòng)開發(fā)PSD素材免費(fèi)下載
• 55套精美的 PSD 界面素材和模板資源
• 50款非常漂亮的免費(fèi)網(wǎng)頁P(yáng)SD模板下載
• 60套精美的免費(fèi)PSD界面設(shè)計(jì)元素包資源
• 45套新鮮出爐的免費(fèi) PSD 網(wǎng)頁設(shè)計(jì)素材

 

英文鏈接：20+ Best PSD to XHTMLCSS Tutorials

編譯來源：夢(mèng)想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計(jì)資源