第七章用表格布局页面

1、本课要点课前导读课堂讲解上机实战习题第七章 用表格布局页面本课要点表格的应用层的应用框架布局课前导读基础知识重点知识提高知识基础知识 插入表格，格式化表格，插入层和层面板的应用。重点知识 编辑表格，嵌套表格，编辑层和框架的创建。提高知识 设置框架和框架集，用框架布局网页。课堂讲解表格的应用层的应用框架布局表格的应用插入表格格式化表格编辑表格嵌套表格插入表格插入表格的具体操作如下： （1）切换到设计视图窗口。 （2）单击“插入”栏中的“布局”选项卡。 （3）单击“标准视图”按钮，再单击“插入表格”按钮，打开如图所示的“插入表格”对话框。 （4）在“行数”文本框中输入表格的行数，在“列数”文本框中

2、输入表格的列数，在“宽度”文本框中设置表格的宽度，并在右侧的列表中选择“像素”或“百分比”。在“边框”文本框中输入表格线的像素宽度。如果不需要显示表格线，就输入0。在“宽度”文本框中输入“100”，再选择“百分比”，则在浏览页面时会随显示器的大小而变化。 （5）单击“确定”按钮，即可将设置的表格插入窗口中，如图所示。也可单击插入栏中的“表格”选项卡，再单击 按钮插入表格。格式化表格设置表格属性设置单元格属性格式化表格 设置表格属性设置表格属性的具体操作如下： （1）选取表格，单击窗口中底部“属性”前的图标展开属性面板，如图所示。 （2）在“表格Id”下面的文本框中输入表格名，如输入“友好链接”

3、。 （3）在“行”和“列”文本框中可修改表格的行数和列数。 （4）在“宽”和“高”文本框中可修改表格宽度和高度，并在其后的列表中选择“像素”或“百分比”。 （5）在“对齐”下拉列表框中选择表格与同一段落中的文本或图像的对齐方式。 当对齐方式设置为“默认”时，其他内容不显示在表格的旁边。若要在其他内容旁边显示表格，则需选择“左对齐”或“右对齐”。 （6）在“填充”文本框中修改单元格内容和单元格边界之间的像素数。 （7）在“间距”文本框中设置相邻的单元格之间的像素数。 （8）在“边框”文本框中设置边框线的粗细。 （9）单击 按钮删除表格的列宽值，单击 按钮删除行高值。 （10）单击 按钮将表格宽度

4、从浏览器窗口的百分比转换为像素。单击 按钮则从像素转换为百分比。 （11）单击“背景颜色”右侧的色块设置表格的背景色。单击“边框颜色”右侧的色块设置表格边框的颜色。 （12）在“背景图像”文本框中指定作为背景图片的位置。 设置单元格属性其具体操作如下： （1）选取需要设置属性的单元格，单元格属性面板如图所示。 （2）在“水平”下拉列表框中设置单元格中文本在水平方向上的对齐方式。在“垂直”列表中设置单元格中的文本在垂直方向上的对齐方式。 （3）在“宽”和“高”文本框中分别设置单元格的宽度和高度。默认的是像素，若用百分比则应在数值后加上百分号（%）。 （4）在“背景”文本框中指定单元格、行或列的背

5、景图像路径。也可单击“文件夹”图标从其他位置选择一幅图像。 （5）在“背景颜色”和“边框”色块中可设置单元格、列或行的背景颜色和边框颜色。 格式化表格其具体操作如下： （1）选取表格，选择命令格式化表格菜单命令，打开如图所示的“格式化表格”对话框。 （2）从列表中选择合适的设计方案，右侧表格会显示对应的方案。 （3）在“行颜色”栏中可设置两种不同的颜色，在“交错”列表中可选择表格交错的方式。 （4）在“第一行”栏的“对齐”下拉列表框中选择表格第一行中文本的对齐方式。在“文字样式”下拉列表框中选择第一行文本的字形为加粗、斜体等。在“背景颜色”色块中设置表格第一行单元格的背景颜色；在“文本颜色”色

6、块中设置文本的颜色。 （5）在“最左列”栏的“对齐”列表中选择第1列中文本的对齐方式，在“文本样式”设置最左列中文本的字形。 （6）在“表格”栏的“边框”文本框中设置边框的粗细，如果输入“0”则无表格线。 （7）设置完成后单击“应用”按钮，即可在窗口中的表格中应用设置的表格格式。 （8）单击“确定”按钮关闭对话框。 编辑表格调整表格和单元格的大小 添加行或列删除行或列 调整表格和单元格的大小 如果创建的表格太小或太大，可根据需要对表格的行列进行调整。调整整个表格的大小时，表格中所有单元格将按比例改变大小。 调整表格大小的方法为：选取表格，拖动表格四周的控制柄沿相应的方向移动即可。 添加行或列其

7、具体操作如下： （1）将光标定位到要添加行或列的单元格中。 （2）单击鼠标右键，在打开的快捷菜单中选择表格插入行或列菜单命令，打开如图所示的“插入行或列”对话框。 （3）在“插入”栏中选中“行”或“列”单选项。选择不同的项其对话框也不同。 （4）在“行数”（或“列数”）文本框中输入要添加的行（或列）数。 （5）在“位置”项中选择插入的行或列在当前行列处所处的位置。 （6）设置完成后单击“确定”按钮。 删除行或列 删除行或列的方法为：选取要删除的行或列，或将光标定位到表格中要删除的行或列中，单击鼠标右键从打开的快捷菜单中选择表格删除行或删除列命令即可。 嵌套表格嵌套表格的具体操作如下： （1）将

8、光标定位到当前表格的一个单元格中。 （2）在插入栏中单击“插入表格”按钮，打开“插入表格”对话框。 （3）在“行数”、“列数”、“宽度”和“边框”中指定嵌套表格的属性。 （4）单击“确定”按钮即可。 框架布局创建框架和框架集选择框架与框架集设置框架和框架集属性保存框架与框架集 创建框架和框架集创建方法有以下3种： 将光标定位在文档中，单击框架面板上需要的框架集图标或将需要的框架集图标直接拖入文档窗口中。 将光标定位在文档中，选择插入框架子菜单中需要的框架类型。 将光标定位在一个框架中，选择修改框架页子菜单中需要的拆分项。如“拆分左框架”或“拆分右框架”。选择框架与框架集在文档窗口选择在框架面板

9、中选择 在文档窗口选择其方法为： 按住【Alt】键在框架内单击即可。 在框架面板中选择其具体操作如下： （1）若浮动面板组中没有框架面板，可选择窗口其它框架菜单命令，或按【Shift+F2】键打开框架面板。 （2）在框架面板中单击要选择的框架即可。 设置框架和框架集属性设置框架属性框架集属性设置 设置框架属性 选中要设置属性的框架，显示框架属性面板，如图所示 。在属性面板中各参数说明如下。框架名称：用于给框架命名。设置的框架名称可以被JavaScript程序引用，也可以作为打开链接的目标框架名。框架名只能是字母、下划线符号等组成的字符串，但必须是字母开头。不能出现连字号、句点及空格。不能使用J

10、avaScript的保留关键字，如top或navigator等。 源文件：用于设置框架源文件的URL地址。 滚动：从下拉列表中选择框架出现滚动条的方式。 不能调整大小：选中该复选框则不能在浏览器中通过拖动框架边框来改变框架大小。如果清除该复选框，则可以通过拖动框架的边框来改变其大小。 边框：用于设置是否显示框架的边框。选取该选项会覆盖为框架集定义的边框设置，实际上只有在同当前框架相邻的所有框架边框都不显示时，框架间的边框才会真正不显示。 边框颜色：用于设置框架边框的颜色。 边界宽度：用于设置当前框架中的内容距左右边框间的距离 边界高度：用于设置当前框架中的内容距上下边框间的距离。框架集属性设置

11、 选中要设置属性的框架集，属性面板变为框架集属性面板，如图所示。属性面板中各参数的功能说明如下： 边框：用于设置框架集中所有框架边框的显示状态。 边框颜色：用于设置框架集中所有框架边框的颜色。 边框宽度：用于设置框架集中所有框架的边框宽度。若输入“0”则表示不显示带有宽度的边框。 “值”和“单位”：设置框架集中不同框架的行列宽度或高度。 保存框架与框架集保存框架集文档保存框架文件保存框架集中的全部文件保存框架集文档保存框架集文档的具体操作如下： （1）选中要保存的框架集。 （2）选择文件保存框架页菜单命令，打开“另存为”对话框，如图所示。 （3）在“文件名”文本框中为框架页命名。（4）单击“保存”按钮即可。 保存框架文件其操作步骤如下： （1）将光标定位到要保存的框架中。 （2）选择文件保存框架菜单命令，若要将框架另存为新文件