轉換網頁圖像佈局爲HTML

Question

一位平面設計師創建了一個網頁設計，我現在在PSD中。

什麼是用於輕鬆將此圖像轉換爲HTML的工具或技術。

Answer 1

檢查http://www.bolducpress.com/tutorials/from-photoshop-to-html/關於「切片」的一個很好的教程，這是一種將psd文件「轉換」爲網頁的技術。

Answer 2

使用Slice Tool將psd文件切片爲可以放在網頁上的圖形塊。然後選擇Save for web ...將這些塊保存爲單獨的jpeg，gif或png文件。

Answer 3

爲了獲得最佳結果，您需要在需要時自行將相關圖形集成到代碼中。如果你自己無法做到這一點，有相當多的公司將採取PSD並將其編碼爲HTML給你。一個例子是www.psd2html.com - 在谷歌上搜索更多的例子。

Answer 4

如果您必須切片，但更好地手工製作精心規劃的HTML，或者爲您完成。

有些切片工具可以讓其他人瞭解更多。我個人認爲沒有比手工創建基本HTML和CSS更好的方法。因爲你現在構建的是整個網站的基礎，以及今後的任何擴展，所以這是非常值得的。

如果你走這條路，你會選擇一個普通的HTML編輯程序或平臺，並根據您的佈局勾勒出的基本結構。

如果您對HTML很少有經驗並且需要完成工作，請嘗試使用切片器。如果您有時間和/或金錢，請親自完成，使用高質量的模板作爲基礎，或者專業地完成。

Answer 5

雖然我同意上面的所有意見，但如果你想自己做這個或者沒有知識/資金，你可以用Dreamweaver/Fireworks來做，但是正如大家所說的，你不會得到好的HTML，除非你正確地使用它，否則如果你對頁面進行了修改，就會產生問題，因爲改變大小會破壞你的佈局。