1、第5章 布局定位,转载:saya,第5章 布局定位,5.1 创建布局表格和布局单元格 5.2 编辑布局表格和布局单元格 5.3 利用布局视图规划网页实例,5.1 创建布局表格和布局单元格,5.1.1 绘制布局表格 5.1.2绘制嵌套布局表格,5.1.1 绘制布局表格,单击“布局”栏中的“布局表格”按钮,鼠标指针变为加号,将鼠标指针放置在页中要开始绘制表格的位置,再用鼠标在设计窗口内拖曳,即可绘制出一个绿色线条的表格。 在绘制表格后,单击“布局”栏中的“绘制布局单元格”按钮,鼠标指针变为加号,将鼠标指针放置在页中要开始绘制单元格的位置,再用鼠标在设计窗口内拖曳,即可绘制出一个单元格。,5.1.2
2、绘制嵌套布局表格,您可以将一个布局表格绘制在另一个布局表格中,创建嵌套表格。对外部表格所进行的更改不会影响嵌套表格中的单元格;例如,当您更改外部表格中行或列的大小时,内部表格中单元格的大小不发生变化。,5.2编辑布局表格和布局单元格,5.2.1调整布局单元格和表格的大小与位置 5.2.2布局表格和布局单元格的“属性”栏,5.2.1调整布局单元格和表格的大小与位置,1.设置布局表格 选中布局表格:单击布局表格内部或它的标签,即可选中布局表格。选中的布局表格的四周会出现8个控制柄和布局表格宽度标注。 调整表格的大小与位置:用鼠标拖曳布局表格的标签,即可改变布局表格的位置;用鼠标拖曳布局表格的绿色控
3、制柄,即可改变布局表格的大小。注意:不能将布局表格调整到比其中的单元格还小,也不能将布局表格移到其他布局表格之上。,2.设置布局单元格 选中布局单元格:将鼠标指针移到布局单元格的蓝色线条处,布局单元格的线条会变为红色,此时单击布局单元格的线条,即可选中布局单元格。选中的布局单元格四周会有8个控制柄。 调整单元格的大小与位置:选中单元格后,用鼠标拖曳单元格线条,即可改变单元格的位置;用鼠标拖曳单元格的控制柄,即可改变单元格的大小。注意:不能将单元格移出所在的布局表格,也不能将单元格移到其他单元格之上。,5.2.2布局表格和布局单元格的“属性”栏,1.布局表格的属性面板2.布局单元格的属性面板,5.3 利用布局视图规划网页实例,在Dreamweaver8中,如果要制作不规则的表格布局,需要不断地进行合并单元格和拆分单元格等操作,非常麻烦。使用Dreamweaver8提供的“布局视图”,可以很好地解决这个问题。接下来,我们就在“布局视图”中规划网页的布局。这里仍以“数学与计算机系”网站为例,重新规划网页的布局,