日前网页布局技术方面主要是使用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) 基于框架的布局技术
由于框架可以在浏览器窗口中显示多个页面,因此也常用来进行布局网站维护推广,这种网页布局多见于一些基于web的应用程序中,比如说办公室OA系统等。但是由于框架布局具有不确定性因素,比如一些浏览器不能显示框架内容,而且无数的警告提示着用户不到万不得己不要使用框架,因此这种方式进行布局并不流行,但是对于一些基于Web的应用系统来说,这种方式灵活、好控制、便于维护,是网页布局的首选。在 Dreamweaver中打开的一个基于表格和框架布局的某网站后台管理页面,它使用了左右分栏式的布局结构,导航栏和内容区都由不同的页面维护,对于一个网页应用程序来说具有很好的可维护性和可扩展性。
