第4章表格讲义.ppt

* 4.6表格的排序 对表格数据进行排序的具体操作方法如下： 提示：不能对包含 colspan 或 rowspan 属性的表格（即包含合并单元格的表格）进行排序。 (1)选中要排序的表格或单击该表格的任意单元格。 (2)选择【命令】菜单下的【排序表格】命令，将弹出【排序表格】对话框。 * 4.7 项目实训 1、实训题目： 京城影讯 2、实训目的： 通过该网页的制作，掌握表格的插入、基本属性的设置、利用表格制作网页。 * 3.实训案例效果 * 4.8 本章小结 表格是网页制作中使用最多的工具之一，因为表格可以使信息更加简洁和条理化。表格的控制能力便于设计者构造网页的布局。先使用较大的表格对网页的版面进行大致控制，再使用嵌套的表格对细节进行刻画。表格在设计者的思维中不仅是一种简单的对象，而且是一种控制版面和制作模版的工具。本章讲述了如何在文档中插入表格、如何查看和设置表格属性、如何增减行与列、如何改变行与列的大小、如何合并和拆分行与列等基本操作。 * 第4章 表 格 教学任务： 理解表格的构成和作用。 掌握表格的基本操作和属性设置方法。 掌握导入和导出表格的方法。 掌握排序表格的方法。 掌握使用表格进行网页布局的方法。 教学重点与难点： 掌握表格的基本操作和属性设置方法。 使用表格制作网页。 * 表格是网页设计中一个非常有用的工具，它不仅可以将相关数据有序地排列在一起，还可以精确地定位文字、图像等网页元素在页面中的位置，使得页面在形式上丰富多彩又条理清楚，在组织上井然有序而不显单调。使用表格进行页面布局的最大好处是，即使浏览者改变计算机的分辨率也不会影响网页的浏览效果。因此，表格是网站设计人员必须掌握的工具。表格运用得是否熟练，是划分专业制作人士和业余爱好者的一个重要标准。 * 4.1 插入表格 表格是网页布局设计的常用工具，其在网页中的应用已经突破了传统的用来记载大量数据的功能，它可以使插入页面中的图像和文本等对象被限定在某一固定位置。相对于没有使用表格的页面，使用表格的页面显得更加整齐有序。合理使用布局表格，会使网页对象被组织得更加紧密，使整个页面看起来更加紧凑，如图4-1所示的页面就是使用表格将大量的网页元素对象定位在网页特定的位置上的效果。 * * 在设计网页时，可以直接绘制表格，也可以导入表格数据，并将其转化为表格。 表格是网页中对文本和图像布局的强有力的工具。一个表格通常由行、列和单元格组成，每行由一个或多个单元格组成。表格中的横向称为行，纵向称为列，一行与一列相交所产生的区域则称为单元格。要将相关数据有序地组织在一起，必须先插入表格，然后才能有效组织数据。 绘制表格的具体操作步骤如下： （1）在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位置。 提示： 如果您的文档是空白的，则只能将插入点放置在文档的开头。 * （2）通过以下几种方法启用【表格】对话框。 在菜单栏中选择【插入】→【表格】命令。 在【插入】面板的【常用】模式中，单击【表格】按钮 。 弹出【表格】对话框，如图所示。其中，各选项的含义如下： * 行数：确定表格行的数目。 列数：确定表格列的数目。 表格宽度：以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽度。 边框粗细：指定表格边框的宽度（以像素为单位）。 单元格间距：决定相邻的表格单元格之间的像素数。如果没有明确指定边框粗细或单元格间距和单元格边距的值，则大多数浏览器都按边框粗细和单元格边距设置为 1、单元格间距设置为 2 来显示表格。若要确保浏览器显示表格时不显示边距或间距，请将“单元格边距”和“单元格间距”设置为 0。 单元格边距：确定单元格边框与单元格内容之间的像素数。 * 无：对表格不启用列或行标题。 左对齐：可以将表格的第一列作为标题列，以便可为表格中的每一行 输入一个标题。 顶对齐：可以将表格的第一行作为标题行，以便可为表格中的每一列 输入一个标题。 两者兼有：使您能够在表格中输入列标题和行标题。 标题：提供一个显示在表格外的表格标题。最好使用标题以方便使用屏幕阅读器的 Web 站点访问者。屏幕阅读器读取表格标题并且帮助屏幕阅读器用户跟踪表格信息。 对齐标题：指定表格标题相对于表格的显示位置。 摘要：给出了表格的说明。屏幕阅读器可以读取摘要文本，但是该文本不会显示在用户的浏览器中。 * （3）根据需要选择新建表格的大小、行列数值等，单击【确定】按钮,完成如图所示的表格，这里一切选择默认设置。 * 4.2 设置表格属性 在绘制表格或者导入表格数据后，根据需要可能要对表格属性项进行修改设置才能达到设计的要求。下面就来介绍一下表格属性的设置方法。 * 4.2.1 选择表格 1、选择整个表格 选择整个表格的方法有很多种，可以参照下列方法