轉載來源：https://www.cnblogs.com/gg_lihui/p/3396409.html
制作網頁標准的流程是：拿到網站美工制作的psd效果圖后，網頁設計師再把PS制作的圖片轉html頁面。
在由ps切圖轉CSS+HTML的過程中，通常有以下幾種做法：
1.打開PhotoShop將圖片切割，然后導出為(x)HTML頁面或保存為web所用格式–選擇頁面和圖片。
2.直接在DreamWeaver中布局，然后插入相關的圖片。
3.先在PS中完成切圖，再在文本編輯器中看着效果圖一步步的制作。
中國網頁設計站長分析以上3種方法的缺點
方法1最差，這樣的代碼根本不具維護性和可讀性。
方法2也不好，代碼難免會有冗余，做出來的東西基本需要排查一遍。
方法3的缺點是你需要對照着效果圖一點點的拼，也就是說寫html標簽的時候，要不斷的假設這塊要怎么去顯示。
PS圖片轉CSS+HTML頁面的正確步驟是：
1、有經驗的設計師拿到psd后，先直接在文本編輯器中將網頁的框架寫出來，不要假設這塊將來css要去怎么渲染，完全自然化的標簽，不加任何的css。
2、然后在各大瀏覽器運行之后確保大體定位都沒有問題。
3、書寫總體css,這里的css只負責大塊的定位及樣式。
4、切出需要的圖片資源，在寫好的框架中一點點的去構造，不斷的調試，最終為成品。
5、最后，在css，html中為自己的代碼添加注釋。
在出頁面的過程中還有很多需要注意的地方，但知道了正確步驟，我們一開始不能直接就做到先寫html，但起碼要有這個意識，循序漸進。。。