確定主題勾畫出網(wǎng)站草圖：明確自己要做一個什么樣的網(wǎng)站用photoshop或在紙上畫出大概的草圖。
收集素材：去各種素材網(wǎng)搜集做網(wǎng)站時需要用的一些圖片（一些圖片可以通過photoshop切網(wǎng)站草圖得到）、網(wǎng)站模板、源碼等。
搭建網(wǎng)站框架結(jié)構(gòu)：在Dreamweaver這類軟件中用div布局出網(wǎng)站的結(jié)構(gòu)骨架。布局方法一般是“從大到小”。
填充網(wǎng)站內(nèi)容：這里要用到html，可以在DW中寫html，也可以在記事本中寫；在這一步中將網(wǎng)站的內(nèi)容填充滿。
定義網(wǎng)站的樣式：在上一步中僅僅是給網(wǎng)站添加上了內(nèi)容，但是并不美觀；用CSS定義這些內(nèi)容的樣式來進(jìn)一步美化。
實現(xiàn)網(wǎng)站交互功能：用javascript定義網(wǎng)站內(nèi)的動態(tài)效果執(zhí)行各種與訪問者之間的交互功能。
做最后測試發(fā)布：檢查網(wǎng)站內(nèi)的各個網(wǎng)頁的文字是否有錯誤、圖片鏈接是否存在找不到路徑的情況，各大主流的瀏覽器兼容性可好等等這些常見的問題。
