我們可以詳細的閱讀並動手試驗這個示例的全過程：
一、頁面佈局與規劃
總體的美工構思，形成效果圖，並對頁面進行分隔，形成DIV結構，爲細化頁面，打好基礎。
◆ →
http://www.weby.com.cn/view.asp?id=8
二、寫入整體層結構與CSS
XHTML的基本結構形成，應用CSS對其進行控制。使頁面初見形態。
◆ →
http://www.weby.com.cn/view.asp?id=9
三、頁面頂部製作
寫好了頁面DIV結構以後，開始細緻地對每一個部分進行製作。
◆ →
http://www.weby.com.cn/view.asp?id=10
四、頁面頂部 列表<li>製作菜單
CSS菜單的製作通常是很精妙的，通過這一部份的講解，相信大家都能掌握這一技術。
◆ →
http://www.weby.com.cn/view.asp?id=11
五、用好border和clear
DIV+CSS佈局往往需要重視很多的細節問題、兼容性問題，此部分重點講解了border和clear。