大綱：

1、線框圖，設計稿，仿真稿：這是屬于前期準備里最初提交的三份文檔。
1.1 線框圖主要探討網站需求，呈現(xiàn)內容。
1.2 設計稿給出網站樣式，布局結構（這一步要結合開發(fā)是選擇的框架或技術 手段），配色方案，字體選擇。
1.3 仿真稿精度要求越高越好，因為這是最接近最終網站效果的文檔，能夠給 團隊明確的參考，知道網站最終的產出會是如何。

2 、確定配色，字體，塊與塊之間間距，并整理出一份設計文檔。

3 、與團隊成員核定仿真稿，集中討論設計中的各種考慮，解決團隊中的疑問。

4 、資源收集、整理，形成一張資源表，方便日后開發(fā)數(shù)據(jù)庫。
4.1 圖片資源表
4.2 外鏈資源表

5 、確定編程風格，樣式表風格，并形成開發(fā)規(guī)范文檔。
5.1 使用框架（如果有使用前段開發(fā)框架），風格最好是遵循框架的風格，并且充分利用框架，從而寫更少的代碼。
5.2 樣式表要統(tǒng)一規(guī)范，全局的樣式要提取出來放在一個樣式表里，復用的組件樣式表也要提取出來。

6 、開發(fā)編程。

7、 測試用例，性能優(yōu)化，bug反饋。

8 、啟動上線流程。
8.1 壓縮資源。
8.2 提交程序。
8.3 上線測試。