1、 表格是网页制作的精华,表格除了可以用来将各种信息在网格中显示,更为重要的功能是对页面进行排版,现在表格已成为控制页面布局的强有力的工具,只要学会灵活应用表格,就可以设计出布局合理,美观漂亮的网页。1.使用菜单命令 将光标定位于要插入表格的位置,单击“表格”菜单下的“插入”级联菜单中的“表格”命令,弹出“插入表格”对话框,如图所示。在该对话框中,根据需要设置对话框中各个选项。单击“确定”,表格就被插入在指定的位置中了。“插入表格”对话框中各选项功能如下:(1)大小区域:行数:要插入的表格的行数。列数:要插入的表格的列数。(2)边框:粗细:指定表格边框的宽度。颜色:指定表格边框的颜色。亮边框:指
2、定表格亮边框的颜色(边框线 的上部分和左部分)。暗边框:指定表格暗边框的颜色(边框线的下部分和右部分)。(3)布局区域:对齐方式:指定表格在网页中的对齐方式,在其下拉列表中给出 了默认、左对齐、右对齐、居中等方式。浮动:指定文字环绕表格的方式。默认为不环绕,左对齐表示表格在文本的左面,右对齐表示表格在文本的右面。指定宽度:以像素或浏览器窗口的百分比为单位,指定表格在网页中的宽度。指定高度:以像素或浏览器窗口的百分比为单位,指定表格在网页中的高度。单元格衬距:单元格内容与单元格边线的之间的距离。单元格间距:单元格与单元格之间的距离。将光标定位于要插入表格的位置,单击“插入表格”按钮。在弹出的下拉
3、表格中,拖曳鼠标确定表格的行数和列数,如图所示。松开鼠标后,即可在网页中创建指定行数和列数的表格。2.使用工具按钮3使用“手绘表格”按钮 单击“视图”菜单下“工具栏”级联菜单中的“表格”选项,显示“表格”工具栏。单击“表格”工具栏中的“绘制表格”按钮,鼠标光标变为笔状,即可以在网页中绘制表格。如图所示 调整表格尺寸最简单的办法就是用拖曳鼠标的方法。将鼠标移到表格边框线上时,光标变成双向箭头,拖曳鼠标即可改变表格的尺寸,如图所示。4修改表格 修改表格另一种简单的办法是使用“绘制表格”和“擦除”按钮。使用“绘制表格”按钮,可以在表格中添加单元格,方法同用“绘制表格”按钮创建表格相同。使用“擦除”按
4、钮可以合并表格中的单元格。如图所示。10.6.2.1 选择表格 要对表格进行操作,首先要选择表格,包括选择整个表格、行、列或单元格。1选择整个表格 将光标定位在表格内。单击“表格”菜单下“选择”级联菜单中的“表格”命令,即可选择整个表格。注意,连同边框线均被选中,如图所示。还可以使用拖曳鼠标的方法。将鼠标定位在表格的第一个单元格内,拖曳鼠标到最后一个单元格或拖曳鼠标到整个表格之外,即选中了全部单元格。如图所示。注意,这种方法选中的是全部单元格,即没有选中边框线。2选择表格中的行、列 将鼠标移到表格中某一列的上部,当鼠标光标变成向下的黑色箭头时,单击鼠标即选中该列。向右或向左拖曳鼠标,可选中多列
5、,如图所示。将鼠标定位于要选中列的单元格,单击“表格”菜单下“选择”级联菜单中的“列”命令,也可选择一列。将鼠标移到表格中某一行的左部,当鼠标光标变成向右的黑色箭头时,单击鼠标即选中该行,向上或向下拖曳鼠标,可选中多行,如图所示。将鼠标定位于要选中行的单元格,单击“表格”菜单下“选择”级联菜单中的“行”命令,也可选择一行。3选择表格中的单元格 将鼠标定位于要选中的单元格内,单击“表格”菜单下“选择”级联菜单中的“单元格”命令,即可选择该单元格。10.6.2.2 表格中行、列的添加与删除1添加行、列添加行、列有以下几种方法。将光标置于表格中。单击“表格”菜单下“插入”级联菜单中的“行或列”命令,
6、打开“插入行或列”对话框,如图所示。按需要输入或选择对话框中的各选项。将光标置于表格中或选中表格中的一行,单击“表格”工具栏中的“插入行”按钮 ,FrontPage会自动在当前行的上方插入一行。如果选中多行,单击“表格”工具栏中的“插入行”按钮 后,会自动在当前行的上方插入多行。将光标置于表格中或选中表格中的一列,单击“表格”工具栏中的“插入列”按钮 ,FrontPage会自动在当前列的左方插入一列。如果选中多列,单击“表格”工具栏中的“插入列”按钮 后,会自动在当前列的左方插入多列。2删除表格行、列选中要删除的表格、行或列。单击“表格”菜单下“删除单元格”命令,或单击“表格”工具栏中的“删除
7、单元格”按钮 ,选中的表格、行或列就被删除了。删除表格的另一种方法是,选中要删除的表格,按“Delete”键,表格也可以被删除。10.6.2.3 单元格的拆分与合并1合并单元格 选中要合并的单元格,如图所示。单击“表格”菜单下“合并单元格”命令,或单击“表格”工具栏中的“合并单元格”按钮 ,选中的单元格就被合并了。如图所示。2拆分单元格 用鼠标单击要拆分的单元格,如图所示。选择“表格”菜单中的“拆分单元格”命令,或单击“表格”工具栏中的“拆分单元格”按钮,弹出“拆分单元格”对话框。按拆分需要输入或选择对话框中的各选项。图1表示把单元格拆分成4列。拆分后的结果如图2所示 图1图210.6.2.4
8、 添加表格标题和内容 1添加标题 单击表格内任一单元格,选择“表格”菜单下“插入”级联菜单中的“标题”命令,FrontPage就会在表格上方插一个标题行,即可输入表格标题。标题行还可以放在表格下方。选择“表格”菜单下“属性”级联菜单中的“标题”命令,在弹出的“标题属性”对话框中设置标题行的位置,如图所示。2在表格中添加内容 将插入点定位在要添加内容的单元格中,即可在该单元格中输入文本或插入图像等。鼠标右键单击表格,在快捷菜单中选择“表格属性”命令,或单击“表格”菜单下“属性”级联菜单中的“表格”命令,打开如图所示的“表格属性”对话框,可以看出对话框内容与“插入表格”对话框内容相同。上图的表格属
9、性设置中,浮动为左对齐,文本右环绕表格;表格的高度与宽度均为120像素;单元格边距为1;单元格间距为2;亮边框线为黄色,暗边框线为黑色;表格背景为银白色;预览结果如图所示。合理地设置各种边框线会使表格边框线有立体效果,表格属性设置中,没有设置浮动方式,表格水平居中对齐,单元格边距为12,单元格间距为12,亮边框是黄色,暗边框是黑色,边框线粗细为5,边框的立体效果就很明显。其预览结果为图所示 注意:对齐方式和浮动不能同时有效。当要用表格作为排版工具时,往往不需要显示边框线,这时只要将边框线粗细设置为0,表格的边框线就不会显示。如图所示 FrontPage不但可以设置表格的属性,还可以设置单元格的属性。鼠标右键单击表格,在快捷菜单中选择“单元格属性”命令,或单击“表格”菜单下“属性”级联菜单中的“单元格”命令,打开如图所示的“单元格属性”对话框。单元格属性”对话框中各选项功能 见书本P268-269 表格嵌套就是在单元格中创建表格,创建方法如下:将鼠标定位在要创建表格的单元格中,如图a所示。单击工具栏中“插图表格”按钮,插入所需要的表格,如图b所示。根据需要调整嵌套表格的尺寸,结果如下图所示,如图c所示。图c图b图a