网页设计与网站建设全攻略
上QQ阅读APP看书,第一时间看更新

5.2 编辑表格

创建表格后,用户根据网页设置需要对表格进行处理,例如,选择表格和选择单元格、调整表格和单元格的大小、添加或删除行或列、拆分单元格、剪切、复制和粘贴单元格等,熟练掌握表格的基本操作,可以提高制作网页速度。

5.2.1 选择表格及其元素

要想对表格进行编辑,那么首先选择它,主要有以下4种方法选取整个表格。

•将光标置于表格的左上角,按住鼠标的左键不放,拖动鼠标指针到表格的右下角,将整个表格中的单元格选中,单击鼠标的右键,在弹出的快捷菜单中选择“表格”|“选择表格”命令,如图5-5所示。

图5-5 执行“选择表格”命令

•单击表格边框线的任意位置,即可选中表格,如图5-6所示。

图5-6 单击表格边框线

•将光标置于表格内任意位置,执行“修改”|“表格”|“选择表格”命令,如图5-7所示。

图5-7 执行“选择表格”命令

•将光标置于表格内任意位置,单击文档窗口左下角的<table>标签,如图5-8所示。

图5-8 选择<table>标签

选择表格的行与列也有两种不同的方法。

•当鼠标位于要选择行首或列顶时,鼠标指针形状变成了黑箭头,单击鼠标左键即可选中列或行,如图5-9所示和5-10所示。

图5-9 选择列

图5-10 选择行

•按住鼠标左键不放从左至右或者从上向下拖动,即可选中列或者行,如图5-11所示和5-12所示。

图5-11 选中列

图5-12 选中行

选择表格中的单元格有两种方式,一种是选择单个单元格,另一种是选择多个单元格。

•按住Ctrl键,然后单击要选中的单元格即可。

•将光标移到要选中的单元格中并单击释放,按住Ctrl+A组合键,即可选中该单元格。

•将光标置于要选中的单元格中,执行“编辑”|“全选”命令,即可选中该单元格。

•将光标置于要选中的单元格中,单击文档窗口左下角的<td>标签可以选中。

•按住Shift键不放并单击选择多个单元格中的第一个和最后一个,可以选中多个相邻的单元格。

•按住Ctrl键不放单击并选择多个单元格,可以选中多个相邻或不相邻的单元格,如图5-13所示。

图5-13 选中不相邻的单元格

5.2.2 调整表格和单元格的大小

在文档中插入表格后,若想改变表格的高度和宽度,可以先选中该表格,在出现的3个控制点后将鼠标移动到控制点上,当鼠标指针变成如图5-14、5-15和5-16所示的形状时,按住鼠标左键并拖动即可改变表格的高度和宽度。

图5-14 调整表格的高度

图5-15 调整表格的宽度

图5-16 同时调整表格的宽度和高度

★提示★

还可以在“属性”面板中改变表格的“宽”和“高”的值,来改变表格的大小。

5.2.3 添加、删除行或列

可以执行“修改”|“表格”菜单中的子命令,增加或减少行与列。

增加行与列可以用以下方法。

•将光标置于相应的单元格中,执行“修改”|“表格”|“插入行”命令,即可插入一行。

•将光标置于相应的位置,执行“修改”|“表格”|“插入列”命令,即可在相应的位置插入一列。

•将光标置于相应的位置,执行“修改”|“表格”|“插入行或列”命令,弹出“插入行或列”对话框,在对话框中进行相应的设置,如图5-17所示。单击“确定”按钮,即可在相应的位置插入行或列,如图5-18所示。

图5-17 “插入行或列”对话框

图5-18 插入行

★高手支招★

在“插入行或列”对话框中可以进行如下设置。

• 插入:包含“行”和“列”两个单选按钮,一次只能选择其中一个来插入行或者列。该选项组的初始状态选择的是“行”选项,所以下面的选项就是“行数”。如果选择的是“列”选项,那么下面的选项就变成了“列数”,在“列数”选项的文本框内可以直接输入要插入的列数。

• 位置:包含“所选之上”和“所选之下”两个单选按钮。如果“插入”选项选择的是“列”选项,那么“位置”选项后面的两个单选按钮就会变成“在当前列之前”和“在当前列之后”。

删除行或列有以下几种方法。

•选中要删除的行或列,执行“编辑”|“清除”命令,即可删除选中的行或列,如图5-19所示。

图5-19 执行“清除”命令

•将光标置于要删除行或列的位置,执行“修改”|“表格”|“删除行”命令,或执行“修改”|“表格”|“删除列”命令,即可删除行或列。

•选中要删除的行或列,按Delete键或按BackSpace键也可删除行或列。

5.2.4 拆分单元格

在使用表格的过程中,有时需要拆分单元格以达到自己所需的效果。拆分单元格就是将选中的表格单元格拆分为多行或多列,具体操作步骤如下。

步骤01 将光标置于要拆分的单元格中,执行“修改”|“表格”|“拆分单元格”命令,弹出“拆分单元格”对话框,如图5-20所示。

图5-20 “拆分单元格”对话框

步骤02 在对话框中的“把单元格拆分”选择“列”,“列数”设置为3,单击“确定”按钮,即可将单元格拆分,如图5-21所示。

图5-21 拆分单元格

★高手支招★

拆分单元格还有以下两种方法如下。

• 将光标置于拆分的单元格中,单击鼠标右键,在弹出的快捷菜单中选择“表格”|“拆分单元格”选项,弹出“拆分单元格”对话框,然后进行相应的设置。

• 单击“属性”面板中的“拆分单元格为行或列”按钮,它往往是创建复杂表格的重要步骤。

5.2.5 合并单元格

合并单元格就是将选中表格单元格的内容合并到一个单元格。

首先将要合并的单元格选中;然后执行“修改”|“表格”|“合并单元格”命令,将多个单元格合并成一个单元格。或选中单元格单击右键,在弹出的快捷菜单中选择“表格”|“合并单元格”命令,如图5-22所示,将多个单元格合并成一个单元格,如图5-23所示。

图5-22 选择“合并单元格”命令

图5-23 合并单元格

★高手支招★

也可以单击“属性”面板中的“合并所选单元格,使用跨度”按钮,它往往是创建复杂表格的重要步骤。

5.2.6 拷贝、粘贴表格

拷贝和粘贴是我们平时操作计算机时最常做的一件事了。可以使用Dreamweaver对表格进行拷贝和粘贴。

首先选中需要拷贝的表格,执行“编辑”|“拷贝”命令,如图5-24所示,然后将光标置于要粘贴的位置,执行“编辑”|“粘贴”命令,即可粘贴相应的内容,可以将复制的表格粘贴为一个新的独立表格,如图5-25所示。

图5-24 执行“拷贝”命令

图5-25 粘贴内容