网站开发从入门到精通-教学PPT第12章 使用表格文库.ppt

《网站开发从入门到精通-教学PPT第12章 使用表格文库.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第12章使用表格表格是用来在页面中显示表格式数据的元素。很多网页设计人员使用表格进行页面布局（另外布局页面的方法是使用CSS样式表，将在后面的章节中讲解）。本章详细讲解使用表格和用表格进行页面布局的方法。12.1表格的基础知识一般表格都由很多行或列组成，其中每个格称为“单元格”。其中表格的显示由边框、内边距和单元格边距构成。按照表格的组成，内容元素中定义的样式将覆盖外部元素中定义的样式。12.2创建表格可以执行以下操作之一来创建表格。12.3选择表格选择表格是对表格进行进一步操作的基础，其中包括选择整个表格，选择行或列，选择单元格三个部分。

2、下面讲解具体的操作方法。12.3.1选择整个表格可以执行以下操作之一来选择整个表格。12.3.2选择表格的行或列可以执行以下操作之一来选择表格的行或列。12.3.3选择单元格可以执行以下操作之一来选择表格的单元格。12.4定义表格属性表格属性包括表格的整体属性、行或列的属性和单元格的属性。下面进行详细讲解。12.4.1表格的整体属性选择表格后，在属性窗口会显示相应的属性。根据选择的内容不同，属性面板的参数也有所区别。选择整个表格时，属性面板的显示效果如图所示。12.4.1表格的整体属性1．填充属性12.4.1表格的整体属性2．间距属性12.

3、4.2表格的行、列或单元格属性选择表格行、列或单元格后，属性面板的显示效果如图所示。12.4.2表格的行、列或单元格属性1．水平和垂直属性12.4.2表格的行、列或单元格属性2．不换行属性12.4.3表格属性的显示顺序表格中的属性之间存在着制约关系，同时表格不同元素之间的属性也会互相影响。下面分别讲解表格各个部分属性间的关系。1．表格元素之间的属性关系12.4.3表格属性的显示顺序2．表格不同属性间的制约关系如果表格同时定义了背景颜色属性和背景图案属性，背景图案会覆盖背景颜色属性。下面用实例演示同时定义背景颜色和背景图案的显示效果。12.5

4、处理表格内部元素处理表格内部元素，是指对表格中的行、列或者单元格进行处理，其内容包括添加或删除行和列、拆分和合并单元格、处理表格的元素等。下面进行详细讲解。12.5.1添加或删除行和列添加或删除行和列是控制表格显示效果的最基本操作，通过这两个操作，可以更改表格整体的显示效果，具体内容如下所示。1．添加行和列12.5.1添加或删除行和列2．删除行和列执行下列操作之一，删除行或列。单击要删除的行或列中的一个单元格，执行“修改”

5、“表格”

6、“删除行”命令或者执行“修改”

7、“表格”

8、“删除列”命令，删除所选的行或列。12.5.1添加或删除行和列3．

9、使用属性面板添加或删除行或列可以通过更改属性面板中行或列的参数来添加或删除行或列。更改参数后，将在表格的右侧添加或删除列，在表格的底部添加或删除行。12.5.2合并和拆分单元格合并和拆分单元格可以对表格进行更精细地划分，通过这两个操作，可以使表格中数据的显示方式更加多样化，具体内容如下所示。1．合并单元格的条件合并单元格的含义就是将几个单元格合并成一个，所以所选的单元格必须能够相邻成行或者成列，或者几个矩形能够排列成一个完整的矩形。如果几个单元格排列得不规则，或不相邻，则不能合并单元格。12.5.2合并和拆分单元格2．合并单元格选择可以合并

10、的单元格，执行下列操作之一，合并单元格。12.5.2合并和拆分单元格3．拆分单元格单击要拆分的单元格，执行下列操作之一，拆分单元格。12.5.3处理表格元素处理表格元素，包括复制或剪切表格、粘贴单元格、删除单元格等。通过相应的操作，可以方便地制作更多的表格和重复的表格内容，具体内容如下所示。1．复制或剪切表格12.5.3处理表格元素2．粘贴单元格执行下列操作之一，合并单元格。执行“编辑”

11、“粘贴”命令，粘贴所选的单元格。右击，打开下拉菜单，选择“粘贴”命令，粘贴所选的单元格。使用快捷键Ctrl+V，粘贴所选的单元格。12.5.3处理表格元素

12、3．删除单元格在Dreamweaver中没有直接删除单元格的命令。选择单元格，使用Delete键可以删除表格中的内容，但不能删除单元格。技巧：可以通过删除单元格内容，然后将单元格与相邻单元格合并的方法，取消相应的单元格。12.6调整表格的大小调整表格的大小，包括调整表格的整体大小，调整表格行或列的大小，调整单元格大小等三部分。下面进行详细讲解。12.6.1调整表格的整体大小选择表格，执行下列操作之一，调整表格的整体大小。12.6.2调整表格行或列的大小选择表格中要调整的行或列，执行下列操作之一，调整表格行或列的大小。1．保持表格大小不变保持

13、表格宽度不变，可以拖动表格单元格的边线来更改列或行的大小，同时其他的行或列也会相应地受到影响。12.6.2调整表格行或列的大小2．只更改一列或一行的大小按住Shift键，同时拖动