网页设计与Web编程chapter05精要.ppt

5.1 布局模式 5.2 绘制布局表格和布局单元格 5.2.1 绘制布局表格 5.2.2 绘制布局单元格 5.2.3 绘制嵌套布局表格 5.2.1 绘制布局表格 步骤一：在插入工具栏下方的“布局”类别中单击 按钮，该按钮位于工具栏倒数第二个，此时光标变成加号（+）形状。该布局按钮在“代码”状态下是不能使用的，建议切换到“设计”模式，如： 步骤二：将光标放在页面中要绘制布局表格的位置，按下鼠标左键并拖动，从而在页面上绘制出布局表格，如图5-3所示。在拖动过程中，表格的长和宽会动态地在Dreamweaver下方的状态栏中显示出来。 5.2.2 绘制布局单元格 步骤一：在插入工具栏上的“布局”类别中单击按钮，该按钮位于工具栏最右边，此时光标变成加号（+）形状。 步骤二：将光标放在布局表格中要绘制单元格的位置，按下鼠标左键并拖动，在表格中绘制出布局单元格，如左下图所示。布局单元格只能在布局表格内拖动显示，当鼠标在布局表格外的位子拖动是无法绘制布局单元格的。 5.2.3 绘制嵌套布局表格 步骤一：在插入工具栏上的“布局”类别中单击 按钮，光标变成加号（+）形状。 步骤二：将光标放在现有布局表格中的空白区域，按下鼠标左键并拖动，在页面上绘制出嵌套布局表格，如下图所示。 5.3 使用标尺与网格(“布局”模式 ) 1、使用标尺 5.3