日前网页布局技术方面主要是使用HTML和CSS,根据布局元素的不同,可以分为3类：

(1)      基于DⅣ+CSS的布局技术

这是目前最流行的网页布局技术,它使用HML的层<div>标签作为容器,使用CSS技术的精确定位属性来控制层中元素的排列、层与层之间的放置关系等。这种布局方式的优点是布局灵活、加载速度较快,但是需要设计人员对CSS具有深入的理解和掌握。可以参考下面的网站：http://www.zhiyuanit.net.cn/

初学布局的用户可以从 Dreamweaver的新建文档模板中找到很多使用DIV+CSS布局的模板,通过这些模板附带的注释信息可以对DIV+CSS的创建有个基本的理解。

使用模板新建了一个网页后,可以看到网页中包含了大量的注释,而且Dreamweaver对于DV+CSS布局的可视化支持非常好,因此可以在可视化的状态下看到DV+CSS的具体应用效果。

(2)      基于表格的HTML布局技术

表格布局是曾经非常流行的网页布局技术,由干表格定位图片和文本比CSS方便,而且不用担心不同对象之间的影响,一直是网站布同的主,表格布局的缺点在于当表格层次嵌套过深是，会影响页面的下载速度。

表格式布局虽然非常方便,但是由于其灵活性和效率不如DIV+CSS布局高效,因此渐渐退出了布局的舞台,不过在一些企业级的web应用程序开发中还是能经常看到表格式布局的影子。

(3)      基于框架的布局技术