想要PSD的HTML技能，任何一步一步的教程/視頻，你可以推薦？

Question

我是服務器端開發人員，但我注意到越來越多的我看到我們需要能夠將平面圖像轉換爲html。

我對CSS有一個基本的理解，即我可以使用它，但從來沒有做過從頭開始的項目。

有人可以指導我在線教程或視頻（首選）某人經歷了一個圖像文件的過程，並將其轉換爲HTML/CSS等？ （符合標準）。

Answer 1

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

NETTUTS是誰需要刷上了CSS初學者還是喜歡自己的服務器端程序員一個偉大的網站。

Answer 2

下面是一個遍歷過程的資源：From PSD to HTML。

根據我的經驗，如果您可以使用Photoshop來舒適地工作，那麼您可以提取所需的圖形元素;但您應該成爲HTML & CSS的專家，這樣您就可以查看設計，開發佈局，然後進行編碼，而無需實際將Photoshop文件切片爲大圖形塊。我更喜歡簡單地從PSD文件中提取我無法用HTML & CSS複製的圖像。這最終使我的設計更加精簡，通常在標記結構方面更加明智。

我會認真考慮購買下列書籍，因爲你不斷磨練自己的技能，他們將作爲很好的參考，我會建議他們大致的順序：

• The Ultimate CSS Reference
• The Ultimate HTML Reference
• The Art and Science of CSS
• The CSS Anthology

Answer 3

我不能說我正式推薦它，因爲我沒有看過它，但來自CSS技巧的Chris Coyier有一個"Building a Website" screencast series可能會有所幫助。

Answer 4

「另一個偉大的文章，而編碼的網頁佈局閱讀：

http://www.xhtml-css-code.com/html/things-to-remember-while-coding-a-website-to-make-it-search-engine-friendly

雖然，不完全是一個PSD到HTML的轉換的文章，但同時編碼一個PSD到搜索引擎必須牢記這些提示以及用戶友好的網頁佈局 「