第一步：規劃網站，本教程將以圖示為例構建網站；<br> 第二步：創建html模板及文件目錄等；<br> 第三步：將網站分為五個div，網頁基本布局的基礎；<br> 第四步：網頁布局與div浮動等；<br> 第五步：網頁主要框架之外的附加結構的布局與表現；<br> 第六步：頁面內的基本文本的樣式(css)設置；<br> 第七步：網站頭部圖標與logo部分的設計；<br> 第八步：頁腳信息(版權等)的表現設置；<br> 第九步：導航條的制作(較難)；<br> 第十步：解決IE瀏覽器的顯示BUG；

NN：顯示所支持標簽的 Netscape 的最早版本。 IE：顯示所支持標簽的 Internet Explorer 的最早版本。 DTD：顯示在哪一種XHTML 1.0 DTD中，標簽是被允許的。S=Strict, T=Transitional, F=Frameset.