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