點擊鏈接查看教程具體內容！
第一步：規劃網站
http://weby.com.cn/view.asp?id=31
第二步：創建html模板及文件目錄等
http://weby.com.cn/view.asp?id=32
第三步：將網站分爲五個div 網頁基本佈局
http://weby.com.cn/view.asp?id=33
第四步：網頁佈局與div浮動等
http://weby.com.cn/view.asp?id=34
第五步：網頁主要框架之外的附加結構的佈局與表現
http://weby.com.cn/view.asp?id=35
第六步：頁面內的基本文本的樣式(css)設置
http://weby.com.cn/view.asp?id=36
第七步：網站頭部圖標與logo部分的設計
http://weby.com.cn/view.asp?id=37
第八步：頁腳信息的表現設置
http://weby.com.cn/view.asp?id=38
第九步：導航條的製作
http://weby.com.cn/view.asp?id=39
第十步：解決IE瀏覽器的顯示BUG
http://weby.com.cn/view.asp?id=40
最終效果如圖：
