四章 表格.pptVIP

教学任务 教学重点与难点 两者兼有：使您能够在表格中输入列标题和行标题。 标题：提供一个显示在表格外的表格标题。最好使用标题以方便使用屏幕阅读器的 Web 站点访问者。屏幕阅读器读取表格标题并且帮助屏幕阅读器用户跟踪表格信息。 摘要：给出了表格的说明。屏幕阅读器可以读取摘要文本，但是该文本不会显示在用户的浏览器中。 表格布局规则 第四章 表格 第四章 表格 韦妍 网页设计与制作 掌握导入和导出表格的方法 理解表格的构成和作用 掌握表格的基本操作和属性设置方法 掌握排序表格的方法 1 2 3 4 掌握使用表格进行网页布局的方法 5 掌握表格的基本操作和属性设置方法 2 掌握使用表格进行网页布局的方法 5 4.1 插入表格 表格是网页布局设计的常用工具，其在网页中的应用已经突破了传 统的用来记载大量数据的功能，它可以使插入页面中的图像和文本等对 象被限定在某一固定位置。相对于没有使用表格的页面，使用表格的页 面显得更加整齐有序。合理使用布局表格，会使网页对象被组织得更加 紧密，使整个页面看起来更加紧凑，如图4-1所示的页面就是使用表格 将大量的网页元素对象定位在网页特定的位置上的效果。 在设计网页时，可以直接绘制表格，也可以导入表格数据，并将其 转化为表格。绘制表格的具体操作步骤如下： （1）在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位置。 （2）在菜单栏中选择【插入】→【表格】命令，或在【插入】面板的【常用】模式中，单 击【表格】按钮，弹出【表格】对话框，如图所示。 4.1 插入表格 其中，各选项的含义如下： 行数：确定表格行的数目。 列数：确定表格列的数目。 表格宽度：以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽度。 边框粗细：指定表格边框的宽度（以像素为单位）。 单元格边距：确定单元格边框与单元格内容之间的像素数。 4.1 插入表格 单元格间距：决定相邻的表格单元格之间的像素数。如果没有明确指定边框粗细或单元格间距和单元格边距的值，则大多数浏览器都按边框粗细和单元格边距设置为 1、单元格间距设置为 2 来显示表格。若要确保浏览器显示表格时不显示边距或间距，请将“单元格边距”和“单元格间距”设置为 0。 无：对表格不启用列或行标题。 左对齐：可以将表格的第一列作为标题列，以便可为表格中的每一行 输入一个标题。 顶对齐：可以将表格的第一行作为标题行，以便可为表格中的每一列 输入一个标题。 4.1 插入表格 4.1 插入表格 （3）根据需要选择新建表格的大小、行列数值等，单击【确定】按 钮,完成如图所示的表格，这里一切选择默认设置。 4.1 插入表格 4.2 设置表格属性 在绘制表格或者导入表格数据后，根据需要可能要对表格属性项 进行修改设置才能达到设计的要求。下面就来介绍一下表格属性的设 置方法。 4.2.1 选择表格 1、选择整个表格 选择整个表格的方法有很多种，可以参照下列方法之一进行操作： （1）将鼠标指针移动到表格的上方，当鼠标指针的形状变为表格形状 时，单击鼠标左键即可选中整个表格，如图所示。 4.2 设置表格属性 * 1、选择整个表格 （2）将鼠标指针移动到表格的格线处，当鼠标指针的形状变为上下方向的箭头时，单击鼠标左键即可选中整个表格，如图所示。 4.2 设置表格属性 4.2.1 选择表格 * 1、选择整个表格 （3）将光标置于表格中，单击窗口左下角的table标记即可选中整 个表格。 （4）将光标置于表格中，在菜单栏中选择【修改】→【表格】→【选 择表格】菜单命令，即可选中整个表格。 （5）将光标置于表格之外，按住【shift】键，然后在表格中的任意处 单击鼠标左键即可选择整个表格。 4.2 设置表格属性 4.2.1 选择表格 2、选择单元格 选择单个单元格，直接单击要选择的单元格即可。选择行（或 列），可按如下几种操作方法进行： (1)将鼠标指针置于所要选择的行的左方（或列的上方），待鼠标指针 形状变为向右（或向下）的箭头时，单击鼠标左键，则可以选中该行（或该 列）。将鼠标指针置于所要选择的行的左方（或列的上方），待鼠标指针形 状变为向右（或向下）的箭头时，拖曳鼠标可以选中连续的多行（或多列）。 4.2 设置表格属性 4.2.1 选择表格 2、选择单元格 (2)将鼠标置于待选择的单元格中，然后按住鼠标左键不放并拖动鼠 标，横向拖动可以选择一行，纵向拖动可以选择一列，如果向对 角线方向拖动，行和列可以同时选择。 (3)