第七章用表格布局页面.pptVIP

第七章 用表格布局页面 本课要点 课前导读 课堂讲解 上机实战 习题 本课要点 表格的应用 层的应用 框架布局 课前导读 基础知识 重点知识 提高知识 基础知识 插入表格，格式化表格，插入层和层面板的应用。 重点知识 编辑表格，嵌套表格，编辑层和框架的创建。 提高知识 设置框架和框架集，用框架布局网页。 课堂讲解 表格的应用 层的应用 框架布局 表格的应用 插入表格 格式化表格 编辑表格 嵌套表格 插入表格 插入表格的具体操作如下： （1）切换到设计视图窗口。 （2）单击“插入”栏中的“布局”选项卡。 （3）单击“标准视图”按钮，再单击“插入表格”按钮，打开如图所示的“插入表格”对话框。 （4）在“行数”文本框中输入表格的行数，在“列数”文本框中输入表格的列数，在“宽度”文本框中设置表格的宽度，并在右侧的列表中选择“像素”或“百分比”。在“边框”文本框中输入表格线的像素宽度。如果不需要显示表格线，就输入0。 （5）单击“确定”按钮，即可将设置的表格插入窗口中，如图所示。 格式化表格 设置表格属性 设置单元格属性 格式化表格 设置表格属性 设置表格属性的具体操作如下： （1）选取表格，单击窗口中底部“属性”前的图标展开属性面板，如图所示。 （2）在“表格Id”下面的文本框中输入表格名，如输入“友好链接”。 （3）在“行”和“列”文本框中可修改表格的行数和列数。 （4）在“宽”和“高”文本框中可修改表格宽度和高度，并在其后的列表中选择“像素”或“百分比”。 （5）在“对齐”下拉列表框中选择表格与同一段落中的文本或图像的对齐方式。 （6）在“填充”文本框中修改单元格内容和单元格边界之间的像素数。 （7）在“间距”文本框中设置相邻的单元格之间的像素数。 （8）在“边框”文本框中设置边框线的粗细。 （9）单击 按钮删除表格的列宽值，单击 按钮删除行高值。 （10）单击 按钮将表格宽度从浏览器窗口的百分比转换为像素。单击 按钮则从像素转换为百分比。 （11）单击“背景颜色”右侧的色块设置表格的背景色。单击“边框颜色”右侧的色块设置表格边框的颜色。 （12）在“背景图像”文本框中指定作为背景图片的位置。 设置单元格属性 其具体操作如下： （1）选取需要设置属性的单元格，单元格属性面板如图所示。 （2）在“水平”下拉列表框中设置单元格中文本在水平方向上的对齐方式。在“垂直”列表中设置单元格中的文本在垂直方向上的对齐方式。 （3）在“宽”和“高”文本框中分别设置单元格的宽度和高度。默认的是像素，若用百分比则应在数值后加上百分号（%）。 （4）在“背景”文本框中指定单元格、行或列的背景图像路径。也可单击“文件夹”图标从其他位置选择一幅图像。 （5）在“背景颜色”和“边框”色块中可设置单元格、列或行的背景颜色和边框颜色。 格式化表格 其具体操作如下： （1）选取表格，选择[命令]?[格式化表格]菜单命令，打开如图所示的“格式化表格”对话框。 （2）从列表中选择合适的设计方案，右侧表格会显示对应的方案。 （3）在“行颜色”栏中可设置两种不同的颜色，在“交错”列表中可选择表格交错的方式。 （4）在“第一行”栏的“对齐”下拉列表框中选择表格第一行中文本的对齐方式。在“文字样式”下拉列表框中选择第一行文本的字形为加粗、斜体等。在“背景颜色”色块中设置表格第一行单元格的背景颜色；在“文本颜色”色块中设置文本的颜色。 （5）在“最左列”栏的“对齐”列表中选择第1列中文本的对齐方式，在“文本样式”设置最左列中文本的字形。 （6）在“表格”栏的“边框”文本框中设置边框的粗细，如果输入“0”则无表格线。 （7）设置完成后单击“应用”按钮，即可在窗口中的表格中应用设置的表格格式。 （8）单击“确定”按钮关闭对话框。 编辑表格 调整表格和单元格的大小 添加行或列 删除行或列 调整表格和单元格的大小 如果创建的表格太小或太大，可根据需要对表格的行列进行调整。调整整个表格的大小时，表格中所有单元格将按比例改变大小。 调整表格大小的方法为：选取表格，拖动表格四周的控制柄沿相应的方向移动即可。 添加行或列 其具体操作如下： （1）将光标定位到要添加行或列的单元格中。 （2）单击鼠标右键，在打开的快捷菜单中