网站设计指南之使用表格.pptVIP

第12章 使用表格 表格是用来在页面中显示表格式数据的元素。很多网页设计人员使用表格进行页面布局（另外布局页面的方法是使用CSS样式表，将在后面的章节中讲解）。本章详细讲解使用表格和用表格进行页面布局的方法。 12.1 表格的基础知识 一般表格都由很多行或列组成，其中每个格称为“单元格”。其中表格的显示由边框、内边距和单元格边距构成。按照表格的组成，内容元素中定义的样式将覆盖外部元素中定义的样式。 12.2 创建表格 可以执行以下操作之一来创建表格。 12.3 选择表格 选择表格是对表格进行进一步操作的基础，其中包括选择整个表格，选择行或列，选择单元格三个部分。下面讲解具体的操作方法。12.3.1 选择整个表格 可以执行以下操作之一来选择整个表格。 12.3.2 选择表格的行或列 可以执行以下操作之一来选择表格的行或列。 12.3.3 选择单元格 可以执行以下操作之一来选择表格的单元格。 12.4 定义表格属性 表格属性包括表格的整体属性、行或列的属性和单元格的属性。下面进行详细讲解。 12.4.1 表格的整体属性 选择表格后，在属性窗口会显示相应的属性。根据选择的内容不同，属性面板的参数也有所区别。选择整个表格时，属性面板的显示效果如图所示。 12.4.1 表格的整体属性 1．填充属性 12.4.1 表格的整体属性 2．间距属性 12.4.2 表格的行、列或单元格属性 选择表格行、列或单元格后，属性面板的显示效果如图所示。 12.4.2 表格的行、列或单元格属性 1．水平和垂直属性 12.4.2 表格的行、列或单元格属性 2．不换行属性 12.4.3 表格属性的显示顺序 表格中的属性之间存在着制约关系，同时表格不同元素之间的属性也会互相影响。下面分别讲解表格各个部分属性间的关系。 1．表格元素之间的属性关系 12.4.3 表格属性的显示顺序 2．表格不同属性间的制约关系 如果表格同时定义了背景颜色属性和背景图案属性，背景图案会覆盖背景颜色属性。下面用实例演示同时定义背景颜色和背景图案的显示效果。 12.5 处理表格内部元素 处理表格内部元素，是指对表格中的行、列或者单元格进行处理，其内容包括添加或删除行和列、拆分和合并单元格、处理表格的元素等。下面进行详细讲解。 12.5.1 添加或删除行和列 添加或删除行和列是控制表格显示效果的最基本操作，通过这两个操作，可以更改表格整体的显示效果，具体内容如下所示。 1．添加行和列 12.5.1 添加或删除行和列 2．删除行和列 执行下列操作之一，删除行或列。 单击要删除的行或列中的一个单元格，执行“修改”|“表格”|“删除行”命令或者执行“修改”|“表格”|“删除列”命令，删除所选的行或列。 12.5.1 添加或删除行和列 3．使用属性面板添加或删除行或列 可以通过更改属性面板中行或列的参数来添加或删除行或列。更改参数后，将在表格的右侧添加或删除列，在表格的底部添加或删除行。 12.5.2 合并和拆分单元格 合并和拆分单元格可以对表格进行更精细地划分，通过这两个操作，可以使表格中数据的显示方式更加多样化，具体内容如下所示。 1．合并单元格的条件 合并单元格的含义就是将几个单元格合并成一个，所以所选的单元格必须能够相邻成行或者成列，或者几个矩形能够排列成一个完整的矩形。如果几个单元格排列得不规则，或不相邻，则不能合并单元格。 12.5.2 合并和拆分单元格 2．合并单元格 选择可以合并的单元格，执行下列操作之一，合并单元格。 12.5.2 合并和拆分单元格 3．拆分单元格 单击要拆分的单元格，执行下列操作之一，拆分单元格。 12.5.3 处理表格元素 处理表格元素，包括复制或剪切表格、粘贴单元格、删除单元格等。通过相应的操作，可以方便地制作更多的表格和重复的表格内容，具体内容如下所示。 1．复制或剪切表格 12.5.3 处理表格元素 2．粘贴单元格 执行下列操作之一，合并单元格。 执行“编辑”|“粘贴”命令，粘贴所选的单元格。 右击，打开下拉菜单，选择“粘贴”命令，粘贴所选的单元格。 使用快捷键Ctrl+V，粘贴所选的单元格。 12.5.3 处理表格元素 3．删除单元格 在Dreamweaver中没有直接删除单元格的命令。选择单元格，使用Delete键可以删除表格中的内容，但不能删除单元格。 技巧： 可以通过删除单元格内容，然后将单元格与相邻单元格合并的方法，取消相应的单元格。 12.6 调整表格的大小 调整表格的大小，包括调整表格的整体大小，调整表格行或列的大小，调整单元格大小等三部分。下面进行详细讲解。 12.6.1 调整表格的整体大小 选择表格，执行下列操作之一，调整表格的整体大小。 12.6.2 调整表格行或列的大