Dreamweaver8基础与实例教程第5章 布局定位.pptVIP

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