1.策劃階段

每一個網站的建立同時，都伴隨著諸多尚未解決的需求。為什么要做這個網站？是制作之處需要想到的問題，無論是為了宣傳業務、提升業績，還是表達觀點、傳遞價值，一個網站都會承載著諸多的功能需求。那么，在策劃階段，就要圍繞著需求及功能點，將其一一解析出來，并整理成冊為：PRD產品需求文檔。通常這部分是由產品經理（PM）完成，需要在與客戶詳細交談過數次后，才能一并輸出。如果項目中途突然加個需求，程序和設計的心里一定會很難過的，所以一個新站的策劃初期，至少要考慮到未來2~3年，網站的功能添加的可拓展性。

2.交互設計
這一階段的工作通常由專業的交互設計師來完成，當然也時常可由產品經理兼職。交互設計師得根據解析出的PDR需求文檔，合理地組織網站框架，建立一級、二級導航欄目，規劃網站內頁的瀏覽路徑，以及頁面跳轉關系。通常會用到Sketch、或OminiGraffle、mindnote等軟件來梳理頁面邏輯及框架結構，以完成交互設計稿的繪制。以便網站受眾在瀏覽過程中能高效、愉悅地獲取到他們想要的信息。如果是頁面不多，可在白板上或幾張A4中完成這個環節的工作；頁面巨多，則要將交互稿整理出圖，打包為電子手冊，方便下一工作環節的實施。
3.視覺設計
現在該網頁設計師正式出場了，這一環節中，設計師主要根據交互設計稿，確定網站內頁的具體設計規范，包括網站顏色VI的選用、字體字號大小、以及素材的編排、選取及處理、每一根線條、每一個像素，都是由作為準網頁設計師的你來把控了。將所有頁面設計稿完畢后，標注好尺寸、顏色等數值信息，輸出必要的圖片、icon等資源，打包好后一并交給Web前端工程師。
4前端制作
這個環節的主角是Web前端工程師。其主要根據網頁設計師出具的設計稿，運用HTML、CSS代碼實現頁面重構和頁面邏輯跳轉，運用JavaScript、JQuery等技術優化網站瀏覽體驗，以及網站界面交互動效、功能實現的制作。相信你的程序員哥哥定能給你辦得穩妥妥的，當然在這個過程中會遇到些許問題，作為網頁設計師的你要及時與之溝通，一起將界面的細節做到99%還原設計稿。
5.后端制作
實現后端數據的邏輯處理，比如數據的提交存儲、更新修改、查詢等。這個環節的主角是Web后端工程師，通常要用到PHP、java、C語言或C++等編程技術。作為網頁設計師的我，對于這一環節的工作是持仰望態度，無法展開來講了。
6.測試上線
在網頁重構及后端制作完成后，將代碼模板套入CMS（即：內容管理系統）完成本地測試，以檢驗其可靠性。在排除bug問題后，就可準備上線了。買個域名和服務器，做些必備的服務器配置工作，完成DNS解析，將域名和服務器連接起來，最后再運用FTP工具上傳資料到服務器。于是該網站就可以正常訪問了。
文章由：佛山網站設計m.hdzddj.com  佛山市華企立方信息科技有限公司整理提供，此文觀點不代表本站觀點