网络技术基础-Internet和网页设计第10-6章-Frontpage课件

10.6表格10.6表格110.6表格表格是网页制作的精华，表格除了可以用来将各种信息在网格中显示，更为重要的功能是对页面进行排版，现在表格已成为控制页面布局的强有力的工具，只要学会灵活应用表格，就可以设计出布局合理，美观漂亮的网页。

10.6表格表格是网页制作的精华，表格除了21.使用菜单命令①将光标定位于要插入表格的位置，单击“表格”菜单下的“插入”级联菜单中的“表格”命令，弹出“插入表格”对话框，如图所示。②在该对话框中，根据需要设置对话框中各个选项。③单击“确定”，表格就被插入在指定的位置中了。10.6.1创建表格1.使用菜单命令10.6.1创建表格3“插入表格”对话框中各选项功能如下：（1）大小区域：行数：要插入的表格的行数。列数：要插入的表格的列数。（2）边框：粗细：指定表格边框的宽度。颜色：指定表格边框的颜色。亮边框：指定表格亮边框的颜色（边框线的上部分和左部分）。暗边框：指定表格暗边框的颜色（边框线的下部分和右部分）。10.6.1创建表格“插入表格”对话框中各选项功能如下：10.6.1创建表格4（3）布局区域：对齐方式：指定表格在网页中的对齐方式，在其下拉列表中给出了默认、左对齐、右对齐、居中等方式。浮动：指定文字环绕表格的方式。默认为不环绕，左对齐表示表格在文本的左面，右对齐表示表格在文本的右面。指定宽度：以像素或浏览器窗口的百分比为单位，指定表格在网页中的宽度。指定高度：以像素或浏览器窗口的百分比为单位，指定表格在网页中的高度。单元格衬距：单元格内容与单元格边线的之间的距离。单元格间距：单元格与单元格之间的距离。

10.6.1创建表格（3）布局区域：10.6.1创建表格5①将光标定位于要插入表格的位置，单击“插入表格”按钮。②在弹出的下拉表格中，拖曳鼠标确定表格的行数和列数，如图所示。松开鼠标后，即可在网页中创建指定行数和列数的表格。

10.6.1创建表格2.使用工具按钮①将光标定位于要插入表格的位置，单击“插入表格”按钮。163．使用“手绘表格”按钮①单击“视图”菜单下“工具栏”级联菜单中的“表格”选项，显示“表格”工具栏。②单击“表格”工具栏中的“绘制表格”按钮，鼠标光标变为笔状，即可以在网页中绘制表格。如图所示

10.6.1创建表格3．使用“手绘表格”按钮10.6.1创建表格710.6.1创建表格调整表格尺寸最简单的办法就是用拖曳鼠标的方法。将鼠标移到表格边框线上时，光标变成双向箭头，拖曳鼠标即可改变表格的尺寸，如图所示。4．修改表格

10.6.1创建表格调整表格尺寸最8修改表格另一种简单的办法是使用“绘制表格”和“擦除”按钮。使用“绘制表格”按钮，可以在表格中添加单元格，方法同用“绘制表格”按钮创建表格相同。使用“擦除”按钮可以合并表格中的单元格。如图所示。

10.6.1创建表格修改表格另一种简单的办法是使用“绘制表格”和“擦除”按钮。1910.6.2.1选择表格

要对表格进行操作，首先要选择表格，包括选择整个表格、行、列或单元格。1．选择整个表格①将光标定位在表格内。②单击“表格”菜单下“选择”级联菜单中的“表格”命令，即可选择整个表格。注意，连同边框线均被选中，如图所示。10.6.2编辑表格10.6.2.1选择表格10.6.2编辑表格10还可以使用拖曳鼠标的方法。将鼠标定位在表格的第一个单元格内，拖曳鼠标到最后一个单元格或拖曳鼠标到整个表格之外，即选中了全部单元格。如图所示。注意，这种方法选中的是全部单元格，即没有选中边框线。10.6.2编辑表格还可以使用拖曳鼠标的方法。将鼠标定位在表格的第112．选择表格中的行、列①将鼠标移到表格中某一列的上部，当鼠标光标变成向下的黑色箭头时，单击鼠标即选中该列。向右或向左拖曳鼠标，可选中多列，如图所示。②将鼠标定位于要选中列的单元格，单击“表格”菜单下“选择”级联菜单中的“列”命令，也可选择一列。10.6.2编辑表格2．选择表格中的行、列10.6.2编辑表格12③将鼠标移到表格中某一行的左部，当鼠标光标变成向右的黑色箭头时，单击鼠标即选中该行，向上或向下拖曳鼠标，可选中多行，如图所示。④将鼠标定位于要选中行的单元格，单击“表格”菜单下“选择”级联菜单中的“行”命令，也可选择一行。10.6.2编辑表格③将鼠标移到表格中某一行的左部，当鼠标光标变成向右的黑色箭1310.6.2编辑表格3．选择表格中的单元格将鼠标定位于要选中的单元格内，单击“表格”菜单下“选择”级联菜单中的“单元格”命令，即可选择该单元格。10.6.2编辑表格3．选择表格中的单元格1410.6.2.2表格中行、列的添加与删除1．添加行、列添加行、列有以下几种方法。10.6.2编辑表格10.6.2.2表格中行、列的添加与删除10.6.215①将光标置于表格中。单击“表格”菜单下“插入”级联菜单中的“行或列”命令，打开“插入行或列”对话框，如图所示。按需要输入或选择对话框中的各选项。10.6.2编辑表格①将光标置于表格中。单击“表格”菜单下“插入”级联菜单中的16②将光标置于表格中或选中表格中的一行，单击“表格”工具栏中的“插入行”按钮，FrontPage会自动在当前行的上方插入一行。如果选中多行，单击“表格”工具栏中的“插入行”按钮后，会自动在当前行的上方插入多行。③将光标置于表格中或选中表格中的一列，单击“表格”工具栏中的“插入列”按钮，FrontPage会自动在当前列的左方插入一列。如果选中多列，单击“表格”工具栏中的“插入列”按钮后，会自动在当前列的左方插入多列。10.6.2编辑表格②将光标置于表格中或选中表格中的一行，单击“表格”工具172．删除表格行、列①选中要删除的表格、行或列。②单击“表格”菜单下“删除单元格”命令，或单击“表格”工具栏中的“删除单元格”按钮，选中的表格、行或列就被删除了。删除表格的另一种方法是，选中要删除的表格，按“Delete”键，表格也可以被删除。10.6.2编辑表格2．删除表格行、列10.6.2编辑表格1810.6.2编辑表格10.6.2.3单元格的拆分与合并1．合并单元格①选中要合并的单元格，如图所示。

10.6.2编辑表格10.6.2.3单元格的拆分与合19②单击“表格”菜单下“合并单元格”命令，或单击“表格”工具栏中的“合并单元格”按钮，选中的单元格就被合并了。如图所示。10.6.2编辑表格②单击“表格”菜单下“合并单元格”命令，或单击“表格”工具202．拆分单元格①用鼠标单击要拆分的单元格，如图所示。②选择“表格”菜单中的“拆分单元格”命令，或单击“表格”工具栏中的“拆分单元格”按钮，弹出“拆分单元格”对话框。10.6.2编辑表格2．拆分单元格10.6.2编辑表格2110.6.2编辑表格③按拆分需要输入或选择对话框中的各选项。图1表示把单元格拆分成4列。拆分后的结果如图2所示

图1图210.6.2编辑表格③按拆分需要输入或选择对话框中的各2210.6.2编辑表格10.6.2.4添加表格标题和内容1．添加标题单击表格内任一单元格，选择“表格”菜单下“插入”级联菜单中的“标题”命令，FrontPage就会在表格上方插一个标题行，即可输入表格标题。标题行还可以放在表格下方。选择“表格”菜单下“属性”级联菜单中的“标题”命令，在弹出的“标题属性”对话框中设置标题行的位置，如图所示。10.6.2编辑表格10.6.2.4添加表格标题和内2310.6.2编辑表格2．在表格中添加内容将插入点定位在要添加内容的单元格中，即可在该单元格中输入文本或插入图像等。10.6.2编辑表格2．在表格中添加内容2410.6.3设置表格属性鼠标右键单击表格，在快捷菜单中选择“表格属性”命令，或单击“表格”菜单下“属性”级联菜单中的“表格”命令，打开如图所示的“表格属性”对话框，可以看出对话框内容与“插入表格”对话框内容相同。

10.6.3设置表格属性鼠标右键2510.6.3设置表格属性上图的表格属性设置中，浮动为左对齐，文本右环绕表格；表格的高度与宽度均为120像素；单元格边距为1；单元格间距为2；亮边框线为黄色，暗边框线为黑色；表格背景为银白色；预览结果如图所示。10.6.3设置表格属性上图的表格2610.6.3设置表格属性合理地设置各种边框线会使表格边框线有立体效果，表格属性设置中，没有设置浮动方式，表格水平居中对齐，单元格边距为12，单元格间距为12，亮边框是黄色，暗边框是黑色，边框线粗细为5，边框的立体效果就很明显。其预览结果为图所示

10.6.3设置表格属性合理地设置各2710.6.3设置表格属性注意：对齐方式和浮动不能同时有效。当要用表格作为排版工具时，往往不需要显示边框线，这时只要将边框线粗细设置为0，表格的边框线就不会显示。如图所示10.6.3设置表格属性注意：对齐方式和2810.6.4设置单元格属性FrontPage不但可以设置表格的属性，还可以设置单元格的属性。鼠标右键单击表格，在快捷菜单中选择“单元格属性”命令，或单击“表格”菜单下“属性”级联菜单中的“单元格”命令，打开如图所示的“单元格属性”对话框。10.6.4设置单元格属性Fron2910.6.4设置单元格属性单元格属性”对话框中各选项功能见书本P268-269

10.6.4设置单元格属性单元格属性”对话框中各选项功能3010.6.5表格嵌套表格嵌套就是在单元格中创建表格，创建方法如下：①将鼠标定位在要创建表格的单元格中,如图a所示。②单击工具栏中“插图表格”按钮，插入所需要的表格，如图b所示。③根据需要调整嵌套表格的尺寸，结果如下图所示，如图c所示。10.6.5表格嵌套表格嵌套就是在单3110.6.5表格嵌套图c图b图a10.6.5表格嵌套图c图b图a3210.6表格10.6表格3310.6表格表格是网页制作的精华，表格除了可以用来将各种信息在网格中显示，更为重要的功能是对页面进行排版，现在表格已成为控制页面布局的强有力的工具，只要学会灵活应用表格，就可以设计出布局合理，美观漂亮的网页。

10.6表格表格是网页制作的精华，表格除了341.使用菜单命令①将光标定位于要插入表格的位置，单击“表格”菜单下的“插入”级联菜单中的“表格”命令，弹出“插入表格”对话框，如图所示。②在该对话框中，根据需要设置对话框中各个选项。③单击“确定”，表格就被插入在指定的位置中了。10.6.1创建表格1.使用菜单命令10.6.1创建表格35“插入表格”对话框中各选项功能如下：（1）大小区域：行数：要插入的表格的行数。列数：要插入的表格的列数。（2）边框：粗细：指定表格边框的宽度。颜色：指定表格边框的颜色。亮边框：指定表格亮边框的颜色（边框线的上部分和左部分）。暗边框：指定表格暗边框的颜色（边框线的下部分和右部分）。10.6.1创建表格“插入表格”对话框中各选项功能如下：10.6.1创建表格36（3）布局区域：对齐方式：指定表格在网页中的对齐方式，在其下拉列表中给出了默认、左对齐、右对齐、居中等方式。浮动：指定文字环绕表格的方式。默认为不环绕，左对齐表示表格在文本的左面，右对齐表示表格在文本的右面。指定宽度：以像素或浏览器窗口的百分比为单位，指定表格在网页中的宽度。指定高度：以像素或浏览器窗口的百分比为单位，指定表格在网页中的高度。单元格衬距：单元格内容与单元格边线的之间的距离。单元格间距：单元格与单元格之间的距离。

10.6.1创建表格（3）布局区域：10.6.1创建表格37①将光标定位于要插入表格的位置，单击“插入表格”按钮。②在弹出的下拉表格中，拖曳鼠标确定表格的行数和列数，如图所示。松开鼠标后，即可在网页中创建指定行数和列数的表格。

10.6.1创建表格2.使用工具按钮①将光标定位于要插入表格的位置，单击“插入表格”按钮。1383．使用“手绘表格”按钮①单击“视图”菜单下“工具栏”级联菜单中的“表格”选项，显示“表格”工具栏。②单击“表格”工具栏中的“绘制表格”按钮，鼠标光标变为笔状，即可以在网页中绘制表格。如图所示

10.6.1创建表格3．使用“手绘表格”按钮10.6.1创建表格3910.6.1创建表格调整表格尺寸最简单的办法就是用拖曳鼠标的方法。将鼠标移到表格边框线上时，光标变成双向箭头，拖曳鼠标即可改变表格的尺寸，如图所示。4．修改表格

10.6.1创建表格调整表格尺寸最40修改表格另一种简单的办法是使用“绘制表格”和“擦除”按钮。使用“绘制表格”按钮，可以在表格中添加单元格，方法同用“绘制表格”按钮创建表格相同。使用“擦除”按钮可以合并表格中的单元格。如图所示。

10.6.1创建表格修改表格另一种简单的办法是使用“绘制表格”和“擦除”按钮。14110.6.2.1选择表格

要对表格进行操作，首先要选择表格，包括选择整个表格、行、列或单元格。1．选择整个表格①将光标定位在表格内。②单击“表格”菜单下“选择”级联菜单中的“表格”命令，即可选择整个表格。注意，连同边框线均被选中，如图所示。10.6.2编辑表格10.6.2.1选择表格10.6.2编辑表格42还可以使用拖曳鼠标的方法。将鼠标定位在表格的第一个单元格内，拖曳鼠标到最后一个单元格或拖曳鼠标到整个表格之外，即选中了全部单元格。如图所示。注意，这种方法选中的是全部单元格，即没有选中边框线。10.6.2编辑表格还可以使用拖曳鼠标的方法。将鼠标定位在表格的第432．选择表格中的行、列①将鼠标移到表格中某一列的上部，当鼠标光标变成向下的黑色箭头时，单击鼠标即选中该列。向右或向左拖曳鼠标，可选中多列，如图所示。②将鼠标定位于要选中列的单元格，单击“表格”菜单下“选择”级联菜单中的“列”命令，也可选择一列。10.6.2编辑表格2．选择表格中的行、列10.6.2编辑表格44③将鼠标移到表格中某一行的左部，当鼠标光标变成向右的黑色箭头时，单击鼠标即选中该行，向上或向下拖曳鼠标，可选中多行，如图所示。④将鼠标定位于要选中行的单元格，单击“表格”菜单下“选择”级联菜单中的“行”命令，也可选择一行。10.6.2编辑表格③将鼠标移到表格中某一行的左部，当鼠标光标变成向右的黑色箭4510.6.2编辑表格3．选择表格中的单元格将鼠标定位于要选中的单元格内，单击“表格”菜单下“选择”级联菜单中的“单元格”命令，即可选择该单元格。10.6.2编辑表格3．选择表格中的单元格4610.6.2.2表格中行、列的添加与删除1．添加行、列添加行、列有以下几种方法。10.6.2编辑表格10.6.2.2表格中行、列的添加与删除10.6.247①将光标置于表格中。单击“表格”菜单下“插入”级联菜单中的“行或列”命令，打开“插入行或列”对话框，如图所示。按需要输入或选择对话框中的各选项。10.6.2编辑表格①将光标置于表格中。单击“表格”菜单下“插入”级联菜单中的48②将光标置于表格中或选中表格中的一行，单击“表格”工具栏中的“插入行”按钮，FrontPage会自动在当前行的上方插入一行。如果选中多行，单击“表格”工具栏中的“插入行”按钮后，会自动在当前行的上方插入多行。③将光标置于表格中或选中表格中的一列，单击“表格”工具栏中的“插入列”按钮，FrontPage会自动在当前列的左方插入一列。如果选中多列，单击“表格”工具栏中的“插入列”按钮后，会自动在当前列的左方插入多列。10.6.2编辑表格②将光标置于表格中或选中表格中的一行，单击“表格”工具492．删除表格行、列①选中要删除的表格、行或列。②单击“表格”菜单下“删除单元格”命令，或单击“表格”工具栏中的“删除单元格”按钮，选中的表格、行或列就被删除了。删除表格的另一种方法是，选中要删除的表格，按“Delete”键，表格也可以被删除。10.6.2编辑表格2．删除表格行、列10.6.2编辑表格5010.6.2编辑表格10.6.2.3单元格的拆分与合并1．合并单元格①选中要合并的单元格，如图所示。

10.6.2编辑表格10.6.2.3单元格的拆分与合51②单击“表格”菜单下“合并单元格”命令，或单击“表格”工具栏中的“合并单元格”按钮，选中的单元格就被合并了。如图所示。10.6.2编辑表格②单击“表格”菜单下“合并单元格”命令，或单击“表格”工具522．拆分单元格①用鼠标单击要拆分的单元格，如图所示。②选择“表格”菜单中的“拆分单元格”命令，或单击“表格”工具栏中的“拆分单元格”按钮，弹出“拆分单元格”对话框。10.6.2编辑表格2．拆分单元格10.6.2编辑表格5310.6.2编辑表格③按拆分需要输入或选择对话框中的各选项。图1表示把单元格拆分成4列。拆分后的结果如图2所示

图1图210.6.2编辑表格③按拆分需要输入或选择对话框中的各5410.6.2编辑表格10.6.2.4添加表格标题和内容1．添加标题单击表格内任一单元格，选择“表格”菜单下“插入”级联菜单中的“标题”命令，FrontPage就会在表格上方插一个标题行，即可输入表格标题。标题行还可以放在表格下方。选择“表格”菜单下“属性”级联菜单中的“标题”命令，在弹出的“标题属性”对话框中设置标题行的位置，如图所示。10.6.2编辑表格10.6.2.4添加表格标题和内5510.6.2编辑表格2．在表格中添加内容将插入点定位在要添加内容的单元格中，即可在该单元格中输入文本或插入图像等。10.6.2编辑表格2．在表格中添加内容5610.6.3设置表格属性鼠标右键单击表格，在快捷菜单中选择“表格属性”命令，或单击“表格”菜单下“属性”级联菜单中的“表格”命令，打开如图所示的“表格属性”对话框，可以看出对话框内容与“插入表格”对话框内容相同。

10.6.3设置表格属