设计Web页面布局.pptVIP

9.1 使用布局模式对页进行布局 9.2 AP元素 9.3 框架 9.4 样式表 9.5 模板 第9章 设计Web页面布局 创建页布局的一种常用的方法是使用HTML表格对元素进行定位。但是，使用表格进行布局不太方便，因为最初创建表格是为了显示表格数据，而不是用于对Web页进行布局。为了简化使用表格进行页面布局的过程，Dreamweaver提供了“布局”模式。 在“布局”模式中，用户可以使用表格作为基础结构来设计页，同时避免了使用传统的方法创建基于表格的设计时经常出现的一些问题。 9.1 使用布局模式对页进行布局 9.1.1 “布局”模式的概念 在“布局”模式中，用户可以在添加内容前使用布局单元格和表格来对页面进行布局。例如，用户可以沿页面的顶部绘制一个单元格用于放置标题图形，在页面的左边绘制另一个单元格用于放置导航条，在右边绘制第三个单元格用于放置内容。添加内容时，可以按需要在其四周移动单元格，以调整布局。 页面上显示的布局表格外框为绿色，而布局单元格外框为蓝色。当用户将鼠标指针移到表格单元格上时，Dreamweaver会高亮显示该单元格。 9.1 使用布局模式对页进行布局 9.1.2 “标准”模式与“布局”模式的切换 在绘制布局表格或布局单元格之前，必须从“标准”模式切换到“布局”模式。