第一步：规划网站，本教程将以图示为例构建网站；<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.