第四章 表 格.pptVIP

第4章 表 格 第4章 表 格 表格是网页中的一种重要元素，表格除了用于组织数据以方便显示和浏览外，还常常用于网页其它元素的布局定位。本章主要介绍表格在网页制作中的应用，包括插入表格、表格的格式设置、表格的基本操作以及表格在布局中的应用等。 4.1 表格的插入 在文档窗口的“设计视图”中，通常使用以下方法插入表格。 ① 选择菜单【插入】|【表格】，或在插入工具栏中选择“常用”类别，单击其中的“表格”按钮(图4.1)。 ② 在弹出的表格对话框(如图4.2所示)中，输入行数、列数等相关参数后点击“确定”按钮，就在文档中当前位置插入一个表格。 也可以将其它应用软件制作的表格数据导入成为一个表格，操作方法在4.5节介绍。 4.2 表格的有关参数 表格除了要设置行数、列数外，还要设置表格宽度、边框、边距、间距等参数。 (1) 表格的宽度 在设置表格宽度时，可以选择两种单位——像素和百分比。选择像素，在浏览时，不管浏览器窗口如何调整，表格的宽度都保持不变；当选择百分比时，表示其相对于浏览器窗口宽度的百分比，当浏览器窗口的宽度改变时，表格宽度会随之调整。 (2) 表格的边框 边框用于指定表格边框的粗细(以像素为单位)。如果 4.2 表格的有关参数 希望浏览器显示的表格没有边框，可将边框粗细设置为0，这时，在浏览器中将看不到表格的边框。 (3) 单元格的边距 “单元格边距”又称为“填充”，用来设置单元格内对象距单元格边缘的距离。 (4) 单元格的间距 “单元格间距”用来设置相邻单元格之间的距离。 表格边框、单元格边距、单元格间距的表现形式如图4.3所示。 4.3 表格的基本操作 表格插入以后，如果对表格的行列数或其它参数不满意，可以对表格的行和列进行添加和删除、对单元格进行合并和拆分、对表格的边框、单元格的边距和间距进行设置。 4.3.1 选取表格元素 在对表格进行编辑前，首先要选取表格元素，要选择表格，可以采取以下几种方法之一。 ① 将插入点定位在表格中，然后单击状态栏中标签选择区中的table标签，如图4.4所示。 ② 将鼠标指针移到表格的上边框或下边框，当鼠标指 4.3 表格的基本操作 针变成如图4.5所示的形状时，单击鼠标即可选中表格。 ③ 在表格的任意位置右键单击，然后在弹出的菜单中选择【表格】|【选择表格】命令选中表格。 ④ 将插入点定位在表格中，选择菜单【修改】|【表格】|【选择表格】命令选中表格。 选中表格后，表格四周会出现黑线，并且显示表格的控制柄。当鼠标移到控制柄上时，鼠标指针会变成双向箭头，此时按下鼠标左键拖动，可以调整表格的大小。 如果要选择表格中的单元格，可以采用以下几种方法之一。 4.3 表格的基本操作 ① 将鼠标指针置于单元格中，沿任意方向拖动，可以选中一个或多个连续的单元格，如图4.6所示。 ② 将鼠标指针置于单元格中，按下Ctrl键的同时单击多个单元格，可以选中一组不连续的单元格，如图4.7所示。 ③ 将鼠标指针置于单元格中，按下Shift键，再将鼠标指针移到其它单元格单击，可以选择矩形区域的所有单元格。 ④ 要选中整行或整列的单元格，将鼠标指针移到行的左端或者列的上端，当鼠标指针变为黑色箭头( 或 ) 4.3 表格的基本操作 时，单击鼠标，即可选中整行或整列中的单元格。 4.3.2 修改表格 表格创建以后，可以对表格添加或删除行或列，对表格中的单元格进行合并或拆分。 要删除表格的行(列)，可以采取下列方法之一。 ① 选中要删除的表格行(列)，直接按下Del键。 ② 在要删除的表格行(列)的任意一个单元格上单击鼠标右键，在弹出的菜单中选择【表格】|【删除行】(【删除列】)，则会删除该行(列)，如图4.8所示。 要增加表格的行(列)，首先将鼠标置于要增加新行(列)的位置，然后采取下列方法之一。 4.3 表格的基本操作 ① 右键单击，在弹出的菜单中选择【表格】|【插入行】(【插入列】)命令，就会在鼠标指针所在单元格的上(左)面插入行(列)。如果选择【表格】|【插入行或列】命令，会弹出对话框(如图4.9)，可以在其中设置插入的是行还是列，插入多少行/列，是插入到当前单元格之上(前)还是之下(后)。设置完毕后单击“确定”即可为表格插入行或者列。 ② 选择主菜单【插入】|【表格对象】，在【表格对象】的子菜单中有四个命令，分别是【在上面插入行】、【在下面插入行】、【在左边插入列】和【在右边插入列】，如图4.10所示。执行相应的命令，就可以为 4.3 表格的基本操作 表格插入行(列)。 修改表格行列数还可以在选中整个表格后，在文档窗口下方的“表格属性”面板中，修改行数和列数。如图4.11所示。 在Dreamweaver中，可以根据需要将一个单元