使用PSD設計網頁頁面

1、一個獨立的頁面 一、分析這個頁面，在腦海或草稿上要確立頁面板塊佈局（如版塊區域的，位置和大小）二、根據設計稿的的狀況，分析背景圖的分佈、ICO圖的分佈等 三、切割相應的圖片，導出、合併圖片(通常用ps 切割設計師提供的PSD圖)四、在編輯器中寫總體結構XHTML代碼，包括頁面中出現的全部元素的結構 五、編寫CSS樣式中的總體以及模塊代碼 六、細節調整七、瀏覽器驗證網頁兼容性，是否正確顯示2、由多個頁面組成的小站點或者大站點 一、瀏覽全部設計稿，統一規劃站點模塊、圖片、文件分佈二、開始第一點的操做，但規劃站點的內容分佈很重要總體考慮點： 圖片的合併，減小請求量 結構的合理性，語義化 樣式的簡潔，便於後期維護 多爲後期的維護以及程序開發着想，如何簡單實現效果