第8章使用表格和表格模式布局页面.pptVIP

第8章 用表格和表格布局 课堂讲解 上机实战 表格的基本html命令 table.../table - 定义表格tr - 定义表行th - 定义表头td - 定义表元(表格的具体数据) 8.1 创建表格 表格用于在网页上显示表格式数据以及对文本和图形进行布局的工具 插入栏\表格按钮，出现表格对话框 8.2 选择表格 选择表格元素 选择后，可以复制和粘贴这些元素，修改其属性等。 选择整个表格 单击表格的左上角 单击单元格，标签选择器中选择table标签 单击单元格，修改\表格\选择表格 选择行或列 鼠标在行的左边缘或列的上边缘，单击 选择单元格 单击单元格，然后标签选择器中单击td标签 单击单元格，编辑\全选，选择整个单元格，再次编辑\全选，会选择整个表格。 按住Ctrl键，单击单元格。 选择一行或矩形的单元格块 从一个单元格拖到另一个单元格 单击一个单元格，按住shift单击另一个单元格。 选择不相邻的单元格 类似word的做法，按住Ctrl键单击相应的单元格 使用扩展表格模式 查看\表格模式\扩展表格模式 扩展表格模式可以暂时放大表格尺寸以便于操作。 “扩展表格”模式临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使编辑操作更加容易。利用这种模式，您可以选择表格中的项目或者精确地放置插入点。例如，您可能扩展一个表格以便将插入点放置在图像的左边或右边，从而避免无意中选中该图像或表格单元格。 8.4 设置 表格属性 优先顺序： 当在“设计”视图中对表格进行格式设置时，可以设置整个表格或表格中所选行、列或单元格的属性。如果将整个表格的某个属性（例如背景颜色或对齐）设置为一个值，而将单个单元格的属性设置为另一个值，则单元格格式设置优先于行格式设置，行格式设置又优先于表格格式设置。 表格格式设置的优先顺序如下： 单元格 行 表格 例如，如果将单个单元格的背景颜色设置为蓝色，然后将整个表格的背景颜色设置为黄色，则蓝色单元格不会变为黄色，因为单元格格式设置优先于表格格式设置。 注意?当设置列的属性时，Dw更改对应于该列中每个单元格的 td 标签的属性。 查看和设置表格属性 选择表格，查看属性检查器。 更改表格的格式设置 设置单元格、行和列的属性: 1）选择，2）设置属性 8.5 编辑表格 修改\表格 菜单中包含了有关表格的命令 使用菜单添加行或列 单击一单元格 修改\表格\插入行、插入列、插入行或列 在表格最右下角的单元格按tab，插入一行 使用菜单删除行或列 选择整行或整列，使用编辑\清除或者delete键即可实施删除。 属性检查器添加或删除行列 选择整个表格 属性检查器中，增加或减少行，在表格底部增加或删除。增加或减少列，在表格右边添加或删除列。 合并单元格 选择连续的单元格，形状必须为矩形，然后修改\表格\合并单元格，或属性检查器中的“合并单元格”按钮。每个单元格的内容放置在最终的单元格中。 拆分单元格 单击单元格。 执行下列操作之一： 选择“修改”“表格”“拆分单元格”。 在展开的属性检查器（“窗口”“属性”）中，单击“拆分单元格”按钮。 注意? 如果没有看到按钮，请单击“属性”检查器右下角的箭头，以便看到所有选项。 在“拆分单元格”对话框中，指定如何拆分单元格。 增加或减少行或列的宽度 单击一单元格，表格\修改\增加行宽，增加列宽，减少行宽，减少列宽。 嵌套表格 单击单元格，插入\表格 8.6 关于表格布局模式 作用：使用表格为基础结构来布局页面，即组织网页各元素的位置。 切换到布局视图 首先要切换到布局视图，单击插入栏布局类别中的“布局模式”按钮。 退出：单击插入栏布局类别中的“标准模式”按钮 8.7 绘制布局单元格和表格 布局单元格不能单独绘制，若绘制一布局单元格，系统会自动绘制布局表格以容纳该单元格。 布局表格会自动填满整个设计视图。 绘制布局单元格 布局模式下，单击绘制布局单元格按钮，然后在页面拖动即可。按住Ctrl键，拖动鼠标可以创建多个布局单元格。 布局单元格不能重叠 绘制布局表格 布局模式下，单击绘制布局表格，在设计页面上拖动鼠标以绘制布局表格。布局表格不能互相重叠。这样，修改一个布局表格中的单元格不会影响到另一个布局表格。 说明：不能在布局表格的右面绘制布局表格，只能在其下方绘制。如果其下方控件太小，也会禁止绘制。 8.8 绘制嵌套布局表格 绘制嵌套布局表格 在布局表格的空白区域，拖动鼠标创建嵌套布局表格。 说明：不能在布局单元格中创建布局表格，只能在现有布局表格的空白区域或现有单元格周围创建嵌套布局表格。 在现有布局单元格绘制布局表格 使用绘制布局表格按钮，在布局单元格周围绘制一个矩形。 移动和调整大小 最外层的布局表格只能调整大小，不能移动 单元格不能重叠