网页设计与制作 教学课件 王学军 第7章 使用表格.pptVIP

表格在网页中的用途非常广泛，这不仅表现在它可以有序地排列数据，还表现在可以精确地定位网页元素。对于网页的排版布局来说，表格是不可或缺的重要工具。本章将介绍有关表格的基本知识以及使用表格布局网页的基本方法。 * 第7章　使用表格 学习目标 了解表格的概念。 掌握创建和编辑表格的方法。 掌握设置表格属性的方法。 掌握导入和导出表格的方法。 掌握对表格进行排序的方法。 掌握使用表格进行网页布局的方法。 7.1 表格的概念 　　　表格是由行和列组成的，行和列又是由单元格组成的，所以，单元格是组成表格的最基本单位。 7.1 表格的概念 表格的作用主要体现在以下3个方面。 组织数据：这是表格最基本的作用，如成绩单、工资表、销售表等。 网页布局：这是表格组织数据作用的延伸，由简单地组织一些数据发展成组织网页元素，进行版面布局。 制作特殊效果：如制作细线边框、按钮等。 7.2 创建表格 插入表格 选择表格 表格属性 添加元素 实例━━制作“瑞士风情”网页 7.2.1 插入表格 通过以下任意一种方式打开【表格】对话框来插入表格。 选择【插入记录】/【表格】命令 在【插入】/【常用】工具栏中单击 （表格）按钮 在【插入】/【布局】工具栏中单击 （表格）按钮。 按Ctrl+Alt+T组合键 7.2.2 选择表格 一、选择整个表格 （1）单击表格左上角或单击表格中任何一个单元格的边框线 （2）将鼠标光标置于表格内，选择【修改】/【表格】/【选择表格】命令，或在鼠标右键快捷菜单中选择【表格】/【选择表格】命令。 （3）将鼠标光标移到预选择的表格内，表格上端或下端弹出绿线的标志，单击绿线中的 按钮，从弹出的下拉菜单中选择【选择表格】命令。 （4）将鼠标光标移到预选择的表格内，单击文档窗口左下角相应的“table”标签。 7.2.2 选择表格 二、选择表格的行或列 （1）当鼠标光标位于欲选择的行首或列顶时，鼠标光标变成黑色箭头形状，这时单击鼠标左键，便可选择行或列。如果按住鼠标左键不放并移动黑色箭头，可以选择连续的行或列。 （2）按住鼠标左键从左至右或从上至下拖曳，将选择相应的行或列。 （3）将鼠标光标移到欲选择的行中，单击文档窗口左下角的“tr”标签选择行。 （4）将鼠标光标移到表格内，单击欲选择列的绿线标志中的 按钮，从弹出的下拉菜单中选择【选择列】命令。 7.2.2 选择表格 有时需要选择不相邻的多行或多列，可以通过下面的方法来实现。 （1）按住Ctrl键，依次单击欲选择的行或列。 （2）按住Ctrl键，在已选择的连续行或列中依次单击欲去除的行或列。 三、选择单元格 选择单个单元格的方法有以下两种。 (1) 将光标置于单元格内，然后按住Ctrl键，单击单元格可以将其选择。 (2) 将光标置于单元格内，然后单击文档窗口左下角的td标签将其选择。 选择相邻单元格的方法有以下两种。 (1) 在开始的单元格中按住鼠标左键并拖曳到最后的单元格。 (2) 将光标置于开始的单元格内，然后按住Shift键不放，单击最后的单元格。 选择不相邻单元格的方法有以下两种。 (1) 按住Ctrl键，依次单击欲选择的单元格。 (2) 按住Ctrl键，在已选择的连续单元格中依次单击欲去除的单元格。 7.2.3　表格属性 插入表格后，在【属性】面板中会显示出表格的各项属性参数，可以根据需要重新进行设置。设置表格的行、列、单元格属性时要先选择行、列或单元格，然后在【属性】面板中进行设置。行、列、单元格的【属性】面板都是一样的，唯一不同的是左下角的名称。 7.2.4　添加元素 表格创建并设置好以后，就可以向表格中添加各种元素了，如文本、图像、嵌套表格、表单元素等。 在表格中添加文本就如同在文档中操作一样，除了直接输入文本外，也可以从其他文档中复制文本，然后将其直接粘贴到表格内，这也是在文档中添加文本的一种简捷而快速的方法。随着文本的增多，表格也会自动增高。在单元格中添加图像时，如果单元格的尺寸小于所插入图像的尺寸，则插入图像后，单元格的尺寸将自动增高或者增宽。如果在表格的单元格中继续插入表格，那么单元格中的表格就是嵌套表格。不过嵌套表格层数越多，浏览器所花费的下载时间就越长，因此一般嵌套表格最多不超过3层。在表格中还可以插入后续章节要介绍的表单元素，表格是布局表单元素的重要工具。 7.2.5　实例━━制作“瑞士风情”网页 7.3 编辑表格 增加行或列 删除行或列 合并单元格 拆分单元格 表格的缩放 拷贝或剪切 粘贴表格 删除表格内容 7.3.1 增加行或列 在表格内插入行或列，首先需要将光标移到欲插入行或列的单元格内，然后可采取以下几种方法进行操作。 (1) 选择【修改】／【表格】／【插入行】命令，则在光标所在单元格的上面增加1行