第6章 表格
合集下载
第6章 表格与表单
总结:间距cellspacing的作用
再设置填充为10
<table border="20" cellspacing="10 " cellpadding="10" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
可见：设置表格边框为0时，会使单元格边框也变为0象素， 而设置表格边框为其他数值时，不会影响单元格边框的宽
再设置背景颜色为玫瑰色
<table border="20" bgcolor="#9933CC" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
表格标记
表格是由<table>定义的，行由<tr>定义，单元格 由<td>定义，因此<table>、<tr>、<td>是表格中 三个最基本的标记，必须一起出现。 表格中的单元格<td>能容纳网页中的任何元素，如 图像，文本，列表，表单，表格等。
中文Excel2007电子表格制作实训教程(电子教程)第六章
第6章 管 理 数 据
6.1 数据清单 6.2 排序数据
6.3 筛选数据
6.4 分类汇总数据
6.5 典型实例——制作销售报告
小结 过关练习六
6.1 数 据 清 单
所谓数据清单，就是包含有关数据的一系列工作表数据行。
它具备数据库的多种管理功能，是Excel中常用的工具。数据清单 中的行相当于数据库中的记录，行标题相当于记录名。数据清单 中的列相当于数据库中的字段，列标题相当于数据库中的字段 名称。
图6.3.3 筛选结果
2．筛选数字 如果用户要对工作表中的数字进行筛选，可按照以下操作步 骤进行： （1）选择包含数值数据的单元格区域。
（2）在“开始”选项卡中的“编辑”选项区中单击“排序和
筛选”按钮，在弹出的下拉菜单中选择“筛选”命令，此时，被 选定数据区域标题栏下方将显示箭头。 （3）单击箭头，弹出其下拉菜单，如图6.3.4所示。 （4）取消选中“（全选）”复选框，然后选择要作为筛选依
（3）如果要将标志和其他数据分开，应使用单元格边框
（而不是空格或短画线），在标志行下插入一条直线。 3．行和列内容 （1）在设计数据清单时，应使用同一列中的各行有近似的 数据项。
（2）在单元格的开始处不要插入多余的空格，因为多余的 空格影响排序和查找。 （3）不要使用空白行将列标题和第一行数据分开。
被选定数据区域标题栏下方将显示箭头，如图6.3.1所示。
（3）单击箭头，弹出其下拉菜单，如图6.3.2所示。
图6.3.1 显示下拉箭头
图6.3.2 下拉菜单
（4）取消选中“(全选)”复选框，然后选择要作为筛选依据 的特定文本值。 （5）设置好后，单击“确定”按钮，效果如图6.3.3所示。
6.1.2 建立数据清单
6.1 数据清单 6.2 排序数据
6.3 筛选数据
6.4 分类汇总数据
6.5 典型实例——制作销售报告
小结 过关练习六
6.1 数 据 清 单
所谓数据清单，就是包含有关数据的一系列工作表数据行。
它具备数据库的多种管理功能，是Excel中常用的工具。数据清单 中的行相当于数据库中的记录，行标题相当于记录名。数据清单 中的列相当于数据库中的字段，列标题相当于数据库中的字段 名称。
图6.3.3 筛选结果
2．筛选数字 如果用户要对工作表中的数字进行筛选，可按照以下操作步 骤进行： （1）选择包含数值数据的单元格区域。
（2）在“开始”选项卡中的“编辑”选项区中单击“排序和
筛选”按钮，在弹出的下拉菜单中选择“筛选”命令，此时，被 选定数据区域标题栏下方将显示箭头。 （3）单击箭头，弹出其下拉菜单，如图6.3.4所示。 （4）取消选中“（全选）”复选框，然后选择要作为筛选依
（3）如果要将标志和其他数据分开，应使用单元格边框
（而不是空格或短画线），在标志行下插入一条直线。 3．行和列内容 （1）在设计数据清单时，应使用同一列中的各行有近似的 数据项。
（2）在单元格的开始处不要插入多余的空格，因为多余的 空格影响排序和查找。 （3）不要使用空白行将列标题和第一行数据分开。
被选定数据区域标题栏下方将显示箭头，如图6.3.1所示。
（3）单击箭头，弹出其下拉菜单，如图6.3.2所示。
图6.3.1 显示下拉箭头
图6.3.2 下拉菜单
（4）取消选中“(全选)”复选框，然后选择要作为筛选依据 的特定文本值。 （5）设置好后，单击“确定”按钮，效果如图6.3.3所示。
6.1.2 建立数据清单
第6章_电子表格_Excel_2003_基本操作new
第6章 电子表格 Excel 2003 基本操 作
colorzhe@
2003的基础知识 6.1 Excel 2003的基础知识
6.1.1 Excel2003的工作界面 6.1.2 Excel 2003的基本概念
2003的工作界面 6.1 Excel 2003工作界面除了具有与Word 2003相同的标题栏、菜单栏、工具栏等 Excel 2003的工作界面
打印时如何显示页码？ 打印时如何显示页码？
2、窗口的拆分有什么作用？ 3、如何实现冻结的效果 4、排序（排名）的实现？(rank()函数，已讲) 5、如何实现上次实验中按收入多少进行扣税处理？ （if()函数的嵌套）
6.8 高级应用
技巧1 导入外部数据 技巧2 offset()函数的使用 ：
OFFSET函数是EXCEL常用函数中有趣而又实用的一个，它以指定的引用为 参照系，通过给定偏移量得到新的引用。其语法如下： OFFSET(reference,rows,cols,height,width) 参数reference为函数引用基点，它必须是单元格引用，而不能是常量数 组。 函数返回的结果最终为一个单元格引用或单元格区域引用。
输入批量数据 在制作电子表格时，通常要在其中输入批量数据。如果一个一个地输入，这将 十分麻烦且浪费时间，因此，用户可采取特定的方法来输入大批量的数据，以提高 工作效率。 1．输入相同数据 如果要输入批量相同数据，可按照以下操作步骤进行: （1）在某个单元格中输入初始数据。 （2）选中包括该初始数据在内的一个单元格区域。
3．输入日期 日期也是数字，但它们有特定的格式，输入时必须按照特定的格式 才能正确输入。输入日期时，应按照yyyy/mm/dd的格式输入，即先输入 年份，再输入月份，最后输入日，如2010/04/21。如果用户要输入当前日 期，按“Ctrl+；”组合键 即可。
colorzhe@
2003的基础知识 6.1 Excel 2003的基础知识
6.1.1 Excel2003的工作界面 6.1.2 Excel 2003的基本概念
2003的工作界面 6.1 Excel 2003工作界面除了具有与Word 2003相同的标题栏、菜单栏、工具栏等 Excel 2003的工作界面
打印时如何显示页码？ 打印时如何显示页码？
2、窗口的拆分有什么作用？ 3、如何实现冻结的效果 4、排序（排名）的实现？(rank()函数，已讲) 5、如何实现上次实验中按收入多少进行扣税处理？ （if()函数的嵌套）
6.8 高级应用
技巧1 导入外部数据 技巧2 offset()函数的使用 ：
OFFSET函数是EXCEL常用函数中有趣而又实用的一个，它以指定的引用为 参照系，通过给定偏移量得到新的引用。其语法如下： OFFSET(reference,rows,cols,height,width) 参数reference为函数引用基点，它必须是单元格引用，而不能是常量数 组。 函数返回的结果最终为一个单元格引用或单元格区域引用。
输入批量数据 在制作电子表格时，通常要在其中输入批量数据。如果一个一个地输入，这将 十分麻烦且浪费时间，因此，用户可采取特定的方法来输入大批量的数据，以提高 工作效率。 1．输入相同数据 如果要输入批量相同数据，可按照以下操作步骤进行: （1）在某个单元格中输入初始数据。 （2）选中包括该初始数据在内的一个单元格区域。
3．输入日期 日期也是数字，但它们有特定的格式，输入时必须按照特定的格式 才能正确输入。输入日期时，应按照yyyy/mm/dd的格式输入，即先输入 年份，再输入月份，最后输入日，如2010/04/21。如果用户要输入当前日 期，按“Ctrl+；”组合键 即可。
第6章 表格与表单
注意: cellpadding类似于盒子模型的内边距padding，指的是单元格内部的距离 ，cellspacing则指的是外部单元格与单元格之间的距离。可以结合盒子 模型的内外边距理解cellpadding与cellspacing的不同。
6.1 表格标记
• 6.1.2 <table>标记的属性
4、width与height属性
设置单元格的背景图像 设置单元格横跨的列数（用于合并水平方向 的单元格） 设置单元格竖跨的行数（用于合并竖直方向 的单元格）
rowspan
正整数
6.1 表格标记
• 6.1.4 <td>标记的属性
注意:
让IT教学更简单，让IT学习更有效
1、在<td>标记的属性中，重点掌握colspan和rolspan，其他的属性了解 即可，不建议使用，均可用CSS样式属性替代。 2、当对某一个<td>标记应用width属性设置宽度时，该列中的所有单元 格均会以设置的宽度显示。 3、当对某一个<td>标记应用height属性设置高度时，该行中的所有单元 格均会以设置的高度显示。
6.2 CSS控制表格样式
• 6.2.2 CSS控制单元格边距
让IT教学更简单，让IT学习更有效
– 使用<table>标记的属性美化表格时，可以通过cellpadding和 cellspacing分别控制单元格内容与边框之间的距离以及相邻单元 格边框之间的距离。
注意: 行标记<tr>无内边距属性padding和外边距属性margin，本书不再做 具体的演示，初学者可以自己测试加深理解。
属性名 含义 常用属性值
height
align valign
大学计算机基础(Windows 10+Office 2016) 第6章 电子表格软件Excel 2016
COMPUTER
大 学 计 算 机 基 础 （Windows10+Office 2016）
第6章 电子表格软件Excel 2016
目录
CONTENTS
6.1 Excel 2016入门 6.2 Excel 2016的数据与编辑 6.3 Excel 2016的单元格格式设置
6.4 Excel 2016的公式与函数
第6章 电子表格软件Excel 2016
6.1.5 Excel 2016 的工作簿及其操作
2．保存工作簿
直接保存：在快速访问工具栏中 单击“保存”按钮，或按“Ctrl+S” 组合键，或选择【文件】/【保存】 命令，在打开的“另存为”列表框中 选择不同的保存方式进行保存。
另存为：如果需要将编辑过的工 作簿保存为新文件，可选择【文件】/ 【另存为】命令，在打开的“另存为” 列表框中选择所需的保存方式进行工 作簿的保存即可。
单中选择“重命名”命令，工作表标签呈可编辑 状态，输入新的名称后按“Enter”键。
大学计算机基础（Windows 10+Office 2016）
第6章 电子表格软件Excel 2016
6.1.6 Excel 2016 的工作表及其操作
3．移动和复制工作表
（1）在同一工作簿中移动和复制工 作表
在同一工作簿中移动和复制工作表的 方法比较简单，在要移动的工作表标签上 按住鼠标左键不放，将其拖到目标位置即 可；如果要复制工作表，则在拖动鼠标时 按住“Ctrl”键。
打开工作簿所在的文件夹，双击工作簿，可直接将其打开。
大学计算机基础（Windows 10+Office 2016）
第6章 电子表格软件Excel 2016
6.1.5 Excel 2016 的工作簿及其操作
大 学 计 算 机 基 础 （Windows10+Office 2016）
第6章 电子表格软件Excel 2016
目录
CONTENTS
6.1 Excel 2016入门 6.2 Excel 2016的数据与编辑 6.3 Excel 2016的单元格格式设置
6.4 Excel 2016的公式与函数
第6章 电子表格软件Excel 2016
6.1.5 Excel 2016 的工作簿及其操作
2．保存工作簿
直接保存：在快速访问工具栏中 单击“保存”按钮，或按“Ctrl+S” 组合键，或选择【文件】/【保存】 命令，在打开的“另存为”列表框中 选择不同的保存方式进行保存。
另存为：如果需要将编辑过的工 作簿保存为新文件，可选择【文件】/ 【另存为】命令，在打开的“另存为” 列表框中选择所需的保存方式进行工 作簿的保存即可。
单中选择“重命名”命令，工作表标签呈可编辑 状态，输入新的名称后按“Enter”键。
大学计算机基础（Windows 10+Office 2016）
第6章 电子表格软件Excel 2016
6.1.6 Excel 2016 的工作表及其操作
3．移动和复制工作表
（1）在同一工作簿中移动和复制工 作表
在同一工作簿中移动和复制工作表的 方法比较简单，在要移动的工作表标签上 按住鼠标左键不放，将其拖到目标位置即 可；如果要复制工作表，则在拖动鼠标时 按住“Ctrl”键。
打开工作簿所在的文件夹，双击工作簿，可直接将其打开。
大学计算机基础（Windows 10+Office 2016）
第6章 电子表格软件Excel 2016
6.1.5 Excel 2016 的工作簿及其操作
第6章 编排表格
2、文本的对齐方式 （1）表格工具栏——对齐方式；（2）表格—表格属性—单元格 3、改变文本方向 右击选定的文字——文字方向 4、绘制斜线表头 （1）表格——绘制斜线表头；（2）直线、文本框 5、表格的边框及底纹 （1）选定表格——格式——边框和底纹 （2）绘制表格工具栏——线型、粗细、颜色、边框 6、表格的移动 拖动表格左上角的 8、表格的自动套用格式 表格——自动套用格式——选定格式——确定 9、求和 默认纵向求和，横向求和要从下向上
（2）拖动标尺节点；（3）表格——表格属性 （4）拖动表格右下角的控制点； 3、插入、删除行、列
插入：表格—插入
行 列
删除：表格——删除——表格、行、列 4、表格的拆分及合并 （1）单元格的拆分及合并 拆分：将一个单元格拆分为多个单元格 合并：将多个单元格合并为一个单元格 表格——拆分及合并 （2）表格的拆分 光标定位——CTRL+SHIFT+回车 三、表格的编辑 1、小数的输入：将输入法转换为英文
第6 章பைடு நூலகம்
编排表格
一、创建表格 1、使用鼠标创建表格 工具栏——插入表格——拖动鼠标定位行、列 2、使用菜单创建表格 表格——插入——表格——输入行、列值——确定 3、自由绘制表格 表格——绘制表格——铅笔工具 二、表格的编辑 1、选定表格 （1）选定一个单元格：指针指向单元格左侧边框，单击左键。 （2）选定一行：拖动鼠标； （3）选定一列：指针指向列的上方，单击。 （4）全选：单击表格左上角的 2、调整表格的行高、列宽 （1）移动表格线；
《第6章表格》教学指南
《第六章表格》教学指南
一、教学目标
通过本章的学习，学生应达到如下基本要求：
1、掌握表格的创建
2、掌握表格属性的设置
3、掌握行标记的属性设置
4、掌握表格单元格的属性设置
5、掌握利用表格进行页面布局的方法
二、本章提要
本章主要阐述表格标记的使用。
主要包括表格的属性设置，表格行属性的设置、表格单元格的合并以及表格嵌套等重要问题。
通过大量实例的演示与分析，使学生利用表格属性进行各种表格的设计和展示，并能够利用表格进行局部页面布局，创建形式多样、风格各异的页面。
三、本章重难点
表格的结构调整与美化方法、表格与单元格的主要属性及其设置方法以及通过表格进行页面布局的方法。
*四、教学过程（可选）
包括内容、授课过程、课堂练习、教学总结、作业、预习。
五、教学参考内容
1、主教材第6章
2、实验教材第7章理论解答题及学生实验作业
3、教材配套ppt及源代码案例
4、课后习题答案。
中文Excel2007教程第6章
（2）在“开始”选项卡中的“编辑”选项区中单击“排序 和筛选”按钮，弹出其下拉菜单，如图6.2.1所示。
（3）当用户选择“升序”或“降序”命令，将会弹出如图 6.2.2所示的提示框，提示用户是否调整选中字母列对应的数据。
图6.2.1 排序和筛选下拉菜单
图6.2.2 提示框
（4）单击“排序”按钮，则可按照所选排序方式进行排序。 如图6.2.3所示为按字母Z～A的顺序降序排序后的效果。
图6.4.4 设置后的“分类汇总”对话框
图6.4.5 分类汇总后的表格
为数据清单添加自动分类汇总时，Excel自动将数据清单分级
显示（在工作表左侧出现分级显示符号
），以便用户根据
需要查看其结构。例如，只显示分类汇总和总计的汇总，可单击
行数值旁的分级显示符号
中的符号 ，如图6.4.6所示。或
者单击 和 符号来显示或隐藏单个分类汇总的明细数据行。
6.2 数据排序
数据排序是按照一定的规则对数据进行整理和重新排列，从 而为数据的进一步处理做好准备。Excel 2007为用户提供多种数 据清单的排序方法，允许按一列、多列和行进行排序，也允许用 用户自己定义的规则进行排序。
6.2.1 常规排序 按常规排序可以将数据清单中的列标记作为关键字进行排序， 其具体操作步骤如下： （1）选中要进行排序的列中的任意一个单元格。
技巧：在使用Excel进行排序时，无论是按升序还是按降序 排列，空白单元格总是被排在最后，其他单元格中的数据在两种 排序方式中显示的顺序相反。
图6.2.5 “排序”对话框
图6.2.6 按出生年月先后排序
6.3 筛选数据
筛选数据可显示满足指定条件的行，并隐藏不希望显示的行。 筛选数据之后，对于筛选过的数据子集，不用重新排列或移动就 可以复制、查找、编辑、设置格式、制作图表或打印。Excel 2007提供了两种筛选数据的方法，即自动筛选和高级筛选。使用 自动筛选可以创建按列表值、按格式和按条件3种筛选类型。
第6章 表格在网页中的应用
4. 表头标签<th>
<th></th>标签对为表格特有的表示表头单元格的标签，在Dreamweaver的设计界 面中创建表格时可以选择表头所在的位置。scope为<th>标签的属性，表示定义表头， "col"为属性值，表示将当前列的所有单元格和表头单元格联系起来。
5. 标题标签<caption>
<caption></caption>标签对为table表格特有的表示标题的标签，同<th>标签不同的 是，<caption>标签不需要合并，它本身就只有一列，同时<caption>标签的位置是默认 居中的。
— 27 —
案例二 制作月历——使用CSS控制表格进阶
— 10 —
案例一 制作2012年世界杯分组表——构建和美化表格
案例步骤
步骤 04
设置表头（<th>标签）样式。在步骤3输入的代码下方输入如下代码。
th{ background-image:url(image/title.gif); /*设置表头背景图像为title.gif */ background-repeat:repeat-x; /*设置表头背景图像为横向重复*/ height:25px; /*设置表头高度为25像素（与背景图像的高度相同）*/ line-height:25px; /*设置表头行高为25像素（与表头高度一致，使文字居中）*/ color:#FFFFFF; /*设置表头文字颜色为白色（也可以写成color:white;）*/ border:1px solid #5F5F5F; /*设置表头边框1px，样式为直线，颜色为#5F5F5F*/ padding:0 2px 0; /*设置单元格内边距大小为上：0，左右：2像素，下：0*/ }
<th></th>标签对为表格特有的表示表头单元格的标签，在Dreamweaver的设计界 面中创建表格时可以选择表头所在的位置。scope为<th>标签的属性，表示定义表头， "col"为属性值，表示将当前列的所有单元格和表头单元格联系起来。
5. 标题标签<caption>
<caption></caption>标签对为table表格特有的表示标题的标签，同<th>标签不同的 是，<caption>标签不需要合并，它本身就只有一列，同时<caption>标签的位置是默认 居中的。
— 27 —
案例二 制作月历——使用CSS控制表格进阶
— 10 —
案例一 制作2012年世界杯分组表——构建和美化表格
案例步骤
步骤 04
设置表头（<th>标签）样式。在步骤3输入的代码下方输入如下代码。
th{ background-image:url(image/title.gif); /*设置表头背景图像为title.gif */ background-repeat:repeat-x; /*设置表头背景图像为横向重复*/ height:25px; /*设置表头高度为25像素（与背景图像的高度相同）*/ line-height:25px; /*设置表头行高为25像素（与表头高度一致，使文字居中）*/ color:#FFFFFF; /*设置表头文字颜色为白色（也可以写成color:white;）*/ border:1px solid #5F5F5F; /*设置表头边框1px，样式为直线，颜色为#5F5F5F*/ padding:0 2px 0; /*设置单元格内边距大小为上：0，左右：2像素，下：0*/ }
Office2013办公软件应用标准教程第六章Excel2013基础操作
③单击
单击【快速访问工具栏】中的【保存】
按钮 ，此时系统会自动弹出【另存为】
页面，选择【计算机】选项，并单击【浏
览】按钮，如图 6-4 所示。
图 6-4 选择保存位置
然后，在弹出的【另存为】对话框
6.2 操作工作簿
在对 Excel 文件进行编辑操作之前，需要掌握创建工作簿的各种方法。另外，为了 更好地保护工作簿中的数据，需要对新创建或新编辑的工作簿进行手动保存或自动保存。 下面便详细介绍 Excel 工作簿的创建、保存、打开与关闭的操作方法与技巧。
6.2.1 创建工作簿
在 Excel 2013 中，用户可以通过执行【文件】命令或【快速访问工具栏】中的相应 命令来创建工作簿。
本章学习目的： Excel 2013 界面介绍 操作工作簿 编辑单元格 编辑工作表 管理工作表
Office 2013
6.1 Excel 2013 界面介绍
相对于旧版本的 Excel 来讲，Excel 2013 为用户提供了一个新颖、独特且简易操作 的用户界面。例如，最具有特色的便是 Excel 2013 中的 Excel 图标是以立体的效果进 行显示的。在学习 Excel 2013 之前，首先需要了解一下 Excel 2013 的工作窗口与常用 术语。
1．工作簿
当用户创建工作簿时，系统会自动显示名为“工作簿 1”的电子表格。新版本的 Excel 默认情况下每个工作簿中只包括名称为 Sheet1 的 1 个工作表，而工作簿的扩展名为.xlsx。 用户可通过执行【文件】|【选项】命令，在弹出的对话框中设置工作表的默认数量。
2．工作表
工作表又称为电子表格，主要用来存储与处理数据。工作表由单元格组成，每个单 元格中可以存储文字、数字、公式等数据。每张工作表都具有一个工作表名称，默认的 工作表名称均为 Sheet 加数字。例如，Sheet1 工作表即表示该工作簿中的第 1 个工作表。 用户可以通过单击工作表标签的方法，在工作表之间进行快速切换。
第6章 Excel图表处理
【例6.3】 图6.9中的第一个图表是某班期末考试的 学生成绩柱形图。由于成绩数据较多，该图显得 非常零乱（有太多的“柱子”）。现对该图进行 修改，用柱形堆积图来表示各位同学的成绩，如 图6.9中的第二个图表所示。
单击”更改图表类型”,
弹出图表对话框,从中选择需 要的图表类型
单击图表,显示出”图表 工具”
6.3 图表的建立
1、图表建立案例
【例6.1】某录像带租借店经营以下几种类型的录像带： 武打片、爱情片、恐怖片、枪战片、喜剧片，现要统 计各类录像带的利润，并以饼图来表示各类录像带的 利润比例
第一步骤：建立数据表
6.3 图表的建立
步骤二：选择图表类型
选择“插入”选项卡
单击图表
组中“其 它类型”
6.4.2 图表标题和图表式样
饼图的“图表式样”
激活设计的饼图后，用鼠标 指向饼图式样中的某个图形， 就会立即看出图表实施该式 样后的效果，发现满意的式 样后，单击鼠标就可以应用
该式样到图表上。
6.4.3 修改图表类型
对于大多数二维图表（包括嵌入式图表和图表工 作表），可以更改整个图表的图表类型以赋予其 完全不同的外观，也可以为任何单个数据系列选 择另一种图表类型，使图表转换为组合图表。对 于气泡图和大多数三维图表，只能更改整个图表 的图表类型。
6.4.1 图表布局
应用Excel预定义的图表布局和图表样式设置图 表，能够很轻松地创建具有专业外观的图表。
应用预定义的图表布局时，会有一组特定的图表 元素，如标题 （图表标题是说明性的文本，可以 自动与坐标轴对齐或在图表顶部居中）、图例、 数据表或数据标签 （为数据标记提供附加信息的 标签，数据标签代表源于数据表单元格的单个数 据点或值）按特定的排列顺序在图表中显示，可 以从为每种图表类型提供的各种布局中进行选择。
单击”更改图表类型”,
弹出图表对话框,从中选择需 要的图表类型
单击图表,显示出”图表 工具”
6.3 图表的建立
1、图表建立案例
【例6.1】某录像带租借店经营以下几种类型的录像带： 武打片、爱情片、恐怖片、枪战片、喜剧片，现要统 计各类录像带的利润，并以饼图来表示各类录像带的 利润比例
第一步骤：建立数据表
6.3 图表的建立
步骤二：选择图表类型
选择“插入”选项卡
单击图表
组中“其 它类型”
6.4.2 图表标题和图表式样
饼图的“图表式样”
激活设计的饼图后，用鼠标 指向饼图式样中的某个图形， 就会立即看出图表实施该式 样后的效果，发现满意的式 样后，单击鼠标就可以应用
该式样到图表上。
6.4.3 修改图表类型
对于大多数二维图表（包括嵌入式图表和图表工 作表），可以更改整个图表的图表类型以赋予其 完全不同的外观，也可以为任何单个数据系列选 择另一种图表类型，使图表转换为组合图表。对 于气泡图和大多数三维图表，只能更改整个图表 的图表类型。
6.4.1 图表布局
应用Excel预定义的图表布局和图表样式设置图 表，能够很轻松地创建具有专业外观的图表。
应用预定义的图表布局时，会有一组特定的图表 元素，如标题 （图表标题是说明性的文本，可以 自动与坐标轴对齐或在图表顶部居中）、图例、 数据表或数据标签 （为数据标记提供附加信息的 标签，数据标签代表源于数据表单元格的单个数 据点或值）按特定的排列顺序在图表中显示，可 以从为每种图表类型提供的各种布局中进行选择。
第六章电子表格软件Excel Excel是一种以“表格”形式管理和分析数据的 ....ppt
6.4 公式和函数
6.4.4 函数 包括财务函数、日期与时间函数、 包括财务函数、日期与时间函数、数量与三角函 统计函数、查找与引用函数、数据库函数、 数、统计函数、查找与引用函数、数据库函数、文 字函数、逻辑函数、 字函数、逻辑函数、信息函数等等 1.求和函数SUM 1.求和函数 求和函数SUM 功能： 功能：求一组数值的总和 格式：sum（num1，num2， 格式：sum（num1，num2，… ） 其中 num1， num1，num2 ，… 可以是数字或单元格引用
6.1
Excel 97概述 97概述
6.1.1 Excel 97的启动和退出 97的启动和退出
一、 Excel 97 的启动 二、 Excel 97 的退出 1.文件菜单 1.文件菜单 2.双击主窗口左上角的控制框 2.双击主窗口左上角的控制框 3.按ALT+F4键 3.按ALT+F4键
6.1.2 Excel 97 窗口的基本组成
比较运算返回逻辑值，条件成立返回TRUE，否则返回FALSE 比较运算返回逻辑值，条件成立返回TRUE，否则返回FALSE
ִ运算符优先级
算术运算符、文字运算符、比较运算符（从高到低） 运算符、 运算符、 运算符（从高到低）
6.4 公式和函数
6.4.3 单元格引用
ִ相对引用：当把一个含有单元格地址的公式复制到新位 相对引用： 置或用公式填入一区域时， 置或用公式填入一区域时，公式中的单元格地址随着改 变 ִ绝对引用：把公式复制或填入到新位置时，公式中的单 绝对引用：把公式复制或填入到新位置时， 元格地址不变(单元格地址的行号和列号前填上$) 元格地址不变(单元格地址的行号和列号前填上$) ִ混合引用：在一个单元格地址中，既有相对引用，又有 混合引用：在一个单元格地址中，既有相对引用， 绝对引用
第6章利用表格排版页面
标题：提供一个显示在表格外的表格标题。
对齐标题：指定表格标题相对于表格的显 示位置。包括默认、顶部、底部、左、右 五个选项。
摘要 ：给出该表格的说明。在页面编辑时 可以读取摘要内容，但是该不会显示在用 户的浏览器中。
6.2 编辑表格
6.2.1 在表格单元中添加内容 （1）输入文字
在表格单元格中可以插入文字、图 像和其他对象（如嵌套表格）等。单 击任意一个单元格，即可在该单元格 中输入文本。此时，单元格宽度会随 着键入文本自动扩展。
（2）拆分单元格
当需要对单个单元格进行拆分时，可以使用拆 分单元格。倘若选中多个单元格进行拆分单元格操 作，操作仅对第一个单元格有效。选中需要合并的 单元格后，请执行下列操作之一：
①选择菜单栏【修改】→【表格】→【拆分单元格】。
②在展开的属性面板中，单击“拆分单元格” 。
然后在弹出的拆分单元格对话框中选择拆分的行数或 者列数 。
6.2.3 使用扩展表格模式
在Dreamweaver CS3中，可以使用扩展 表格模式更容易的编辑表格。“扩展表格” 模式临时向文档中的所有表格添加单元格边 距和间距，并且增加表格的边框以使编辑操 作更加容易。利用这种模式，我们可以选择 表格中的项目或者精确地放置插入点。这样， 我们就可以更准确的将插入点放置在图像的 左边或右边，从而避免无意中选中该图像或 表格单元格。
第6章 利用表格排版页面
6.1 插入表格
表格是用于在 HTML 页上显示表格式数据以 及对文本和图形进行布局的强有力的工具。表格 由一行或多行组成；每行又由一个或多个单元格 组成。
Dreamweaver CS3提供了两种查看和操作表格 的方式：“标准”模式（在该模式下，表格显示 为行和列的网格）和“布局”模式（允许您在将 表格用作基础结构的同时在页面上绘制方框、调 整方框的大小以及移动方框）。 我们先来学习 在标准模式下的表格操作。
对齐标题：指定表格标题相对于表格的显 示位置。包括默认、顶部、底部、左、右 五个选项。
摘要 ：给出该表格的说明。在页面编辑时 可以读取摘要内容，但是该不会显示在用 户的浏览器中。
6.2 编辑表格
6.2.1 在表格单元中添加内容 （1）输入文字
在表格单元格中可以插入文字、图 像和其他对象（如嵌套表格）等。单 击任意一个单元格，即可在该单元格 中输入文本。此时，单元格宽度会随 着键入文本自动扩展。
（2）拆分单元格
当需要对单个单元格进行拆分时，可以使用拆 分单元格。倘若选中多个单元格进行拆分单元格操 作，操作仅对第一个单元格有效。选中需要合并的 单元格后，请执行下列操作之一：
①选择菜单栏【修改】→【表格】→【拆分单元格】。
②在展开的属性面板中，单击“拆分单元格” 。
然后在弹出的拆分单元格对话框中选择拆分的行数或 者列数 。
6.2.3 使用扩展表格模式
在Dreamweaver CS3中，可以使用扩展 表格模式更容易的编辑表格。“扩展表格” 模式临时向文档中的所有表格添加单元格边 距和间距，并且增加表格的边框以使编辑操 作更加容易。利用这种模式，我们可以选择 表格中的项目或者精确地放置插入点。这样， 我们就可以更准确的将插入点放置在图像的 左边或右边，从而避免无意中选中该图像或 表格单元格。
第6章 利用表格排版页面
6.1 插入表格
表格是用于在 HTML 页上显示表格式数据以 及对文本和图形进行布局的强有力的工具。表格 由一行或多行组成；每行又由一个或多个单元格 组成。
Dreamweaver CS3提供了两种查看和操作表格 的方式：“标准”模式（在该模式下，表格显示 为行和列的网格）和“布局”模式（允许您在将 表格用作基础结构的同时在页面上绘制方框、调 整方框的大小以及移动方框）。 我们先来学习 在标准模式下的表格操作。
《FrontPage 2002中文版快捷教程》第6章：表格
FrontPage2002中文版快捷教程
3. 单元格的属性与操作
使用【单元格属性】对话框调整属性 插入单元格 合并单元格 拆分单元格 删除单元格 调整单元格的大小
பைடு நூலகம்
FrontPage2002中文版快捷教程
4. 表格的特殊应用
在单元格中填充颜色 使用表格的自动套用格式 使用向下填充与向右填充 使用边框工具栏 表格内容的排布
FrontPage2002中文版快捷教程
第6章 表格
教学目标:
本章介绍在编辑网页过程中如何使用表 格。掌握如何在网页中插入表格，对表格进 行基本操作，如何设置表格的各项属性，学 习巧妙的应用表格和表格工具栏帮助快速创 建与修改表格。
FrontPage2002中文版快捷教程 教学重点:
如何创建表格 表格的基本操作 单元格的属性与操作 表格的特殊应用
FrontPage2002中文版快捷教程
教学过程: 1. 创建表格
使用鼠标绘制表格 使用【插入表格】按钮创建表格 利用菜单命令插入表格 将文本转换表格 粘贴表格
FrontPage2002中文版快捷教程
2. 表格的基本操作
插入行或列 删除行或列 调整行高和列宽 平均分配各行 平均分配各列 根据内容调整表格 添加表格标题 移动、复制行或列
HTML5网页制作技术第6章 表格
【疑问】：对于表格的显示效果来说，thead、tbody和tfoot这3 个标签加了跟没加是一样的啊，为什么还要用呢？
单纯从显示效果来说，确实如此。曾经作为初学者时，我也有 过这样的疑问。但是加了之后，会让你的代码更具有逻辑性， 并且还可以很好地结合CSS来分块控制样式。
6.5 合并行
• 我们可以使用rowspan属性来合并行。所谓的合并行，指 的是将“纵向的N个单元格”合并。;></td>
6.5 合并列
• 我们可以使用colspan属性来合并列。所谓的合并列，指 的是将“横向的N个单元格”合并。 语法：
<td colspan = “跨越的列数"></td>
练习题
一、单选题
1、下面有关表格的说法正确的是（ ）。 A. 表格已经被抛弃了，现在没必要学 B. 我们可以使用表格来布局 C. 表格一般用于展示数据 D. 表格最基本的3个标签是：tr、th、td
第6章 表格
教学重点
➢ 掌握表格基本结构、完整结构 ➢ 掌握表格语义化 ➢ 掌握2个属性：rowspan和colspan
6.1 表格简介
• 表格布局方式已经被舍弃，现在用的是“浮动布局”和 “定位布局”（CSS部分的内容）
• 表格一般用于展示数据
6.2 基本结构
• 在HTML中，一个表格一般会由以下3个部分组成： ➢ 表格：table ➢ 行：tr ➢ 单元格：td
</table>
• th和td的区别：
➢ 显示上：浏览器会以“粗体”和“居中”来显示th标签中 的内 容，但是td标签不会；
➢ 语义上：th标签用于表头，而td标签用于表行。
6.4 表格语义化
第6章WORD制作表格PPT课件
• 6.3.2 调整表格在页面中的位置 1 将插入点置于表格内，选择“表格”>“表格属性”菜单，打开
“表格属性”对话框。
选择“表格”选
项卡
2
设置表格对齐方式
3
• 6.3.3 单元格的合并、拆分与删除
1．合并单元格
在表格中选中要合并的单 元格，选择“表 格”>“合并单元格”菜 单
2．拆分单元格
选中要拆分的单元格，选择
• 6.5.4 表格的排序与计算
1．表格排序
2
选择“表格”>“排序”菜单
1
将插入点置于表格中的任意位置
3 在“主要关键字”下拉列
在位于左上角的单元格中按一下【Enter】
键，然后在插入的空行中输入表格的名称，
例如输入“履历表”
1
依次在其他单元格中单击 鼠标，并输入相应的内容
2
6.2 单元格、行、列与表格的选取
要修改表格，首先选中要修改的表格。用鼠标拖动或用【Shift】＋↑、↓、←、→ 键，可以随意地选择一个单元格或多个单元格，甚至整个表格中的文字、段落。
单击要选择的第一个单元格，将鼠标的 型指针移至要选择 的最后一个单元格，按下【Shift】键，同时单击鼠标左键
按住【Alt】键的同时双击表格内的任何位置，或单击表格左 上角的 符号
选中整列
选中当前单元格 选中整行
6.3 调整表格布局
• 6.3.1 设置表格的行高与列宽
1．利用鼠标手工拖动的方法改变行高或列宽
将光标移到要改变列宽的列边框线上，如表格的最右侧边线上，此时鼠标 指针将变成 形状，按住鼠标并左右拖动，此时会出现一条虚线，释放 鼠标，完成操作。
要调整表格的行高，可将光标移到要改变行高的行边框线上，如表格第 一行边线上，此时鼠标指针将变成 形状，按住鼠标并上下拖动，释放 鼠标，即可改变行的高度。
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
WEB DESIGNS
4<caption> 标签
定义和用法
caption 元素定义表格标题。 caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。 通常这个标题会被居中于表格之上。
实例
<table border="6"> <caption>我的标题</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table>
thead、tfoot 以及 tbody 元素对表格中的行进行分组。
当创建某个表格时，希望拥有一个标题行，一些带有数据的行，以及位于 底部的一个总计行。 这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。 当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张 页面上。
<th>Savings</th>
<td>$180</td>
<tbody> <tr> <td>January</td> </tr> <tr> <td>February</td> </tr> </tboห้องสมุดไป่ตู้y> </table>
<td>$100</td>
<td>$80</td>
WEB DESIGNS
WEB DESIGNS
2<table> 标签的 border 属性
定义和用法
border 属性规定规定围绕表格的边框的宽度。 border 属性会为每个单元格应用边框，并用边框围绕表格。 <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 如果 border 属性的值发生改变，那么只有表格周围边框的尺寸会发生变 化。表格内部的边框则是 1 像素宽。 提示：设置 border="0"，可以显示没有边框的表格。
CS
第6章 表格
田兵 软件工程系 tianbing2001@
目录
6.1~6.6
WEB DESIGNS
1 <table> 标签
定义和用法
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
WEB DESIGNS
实例
带有 thead、tbody 以及 tfoot 元素的 HTML 表格：
<table border="1"> <thead> <tr> <th>Month</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> </tr> </tfoot>
WEB DESIGNS
6.<td> 标签的 rowspan 属性
定义和用法
rowspan 属性规定单元格可横跨的行数。
实例
表格单元横跨两行的表格： <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100.00</td> <td rowspan="2">$50</td> </tr> <tr> <td>February</td> <td>$10.00</td> </tr> </table>
WEB DESIGNS
3<th> 标签
定义和用法
定义表格内的表头单元格。 HTML 表单中有两种类型的单元格：
• 表头单元格 - 包含表头信息（由 th 元素创建） • 标准单元格 - 包含数据（由 td 元素创建）
th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素 内的文本通常是左对齐的普通文本。
WEB DESIGNS
5<td> 标签的 colspan 属性
定义和用法
colspan 属性规定单元格可横跨的列数。
实例
表格单元横跨两列的表格： <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td colspan="2">January</td> </tr> <tr> <td colspan="2">February</td> </tr> </table>
WEB DESIGNS
阅读书中6.6的综合例子 6.9-6.12例子
本章结束！
WEB DESIGNS
WEB DESIGNS
实例 普通的 HTML 表格，包含两行两列：
<html> <body> <table border="1"> <tr> <th>Company</th> <th>Address</th> </tr> <tr> <td>Apple, Inc.</td> <td>1 Infinite Loop Cupertino, CA 95014</td> </tr> </table> </body> </html>
更复杂的 HTML 表格也可能包括 caption、col、colgroup、 thead、tfoot 以及 tbody 元素。
WEB DESIGNS
一个简单的 HTML 表格，包含两行两列：
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
thead 元素应该与 tbody 和 tfoot 元素结合起来使用。 tbody 元素用于对 HTML 表格中的主体内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。
注释：
如果使用 thead、tfoot 以及 tbody 元素，就必须使用全部的 元素。 它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以 在收到所有数据前呈现页脚了。 必须在 table 元素内部使用这些标签。
WEB DESIGNS
7. <thead> 标签
定义和用法
<thead> 标签定义表格的表头。 该标签用于组合 HTML 表格的表头内容。
提示和注释：
注释：<thead> 内部必须拥有 <tr> 标签！ 注释：<thead>、<tbody> 以及 <tfoot> 很少被使用，这是因为糟糕的浏览 器支持。
4<caption> 标签
定义和用法
caption 元素定义表格标题。 caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。 通常这个标题会被居中于表格之上。
实例
<table border="6"> <caption>我的标题</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table>
thead、tfoot 以及 tbody 元素对表格中的行进行分组。
当创建某个表格时，希望拥有一个标题行，一些带有数据的行，以及位于 底部的一个总计行。 这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。 当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张 页面上。
<th>Savings</th>
<td>$180</td>
<tbody> <tr> <td>January</td> </tr> <tr> <td>February</td> </tr> </tboห้องสมุดไป่ตู้y> </table>
<td>$100</td>
<td>$80</td>
WEB DESIGNS
WEB DESIGNS
2<table> 标签的 border 属性
定义和用法
border 属性规定规定围绕表格的边框的宽度。 border 属性会为每个单元格应用边框，并用边框围绕表格。 <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 如果 border 属性的值发生改变，那么只有表格周围边框的尺寸会发生变 化。表格内部的边框则是 1 像素宽。 提示：设置 border="0"，可以显示没有边框的表格。
CS
第6章 表格
田兵 软件工程系 tianbing2001@
目录
6.1~6.6
WEB DESIGNS
1 <table> 标签
定义和用法
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
WEB DESIGNS
实例
带有 thead、tbody 以及 tfoot 元素的 HTML 表格：
<table border="1"> <thead> <tr> <th>Month</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> </tr> </tfoot>
WEB DESIGNS
6.<td> 标签的 rowspan 属性
定义和用法
rowspan 属性规定单元格可横跨的行数。
实例
表格单元横跨两行的表格： <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100.00</td> <td rowspan="2">$50</td> </tr> <tr> <td>February</td> <td>$10.00</td> </tr> </table>
WEB DESIGNS
3<th> 标签
定义和用法
定义表格内的表头单元格。 HTML 表单中有两种类型的单元格：
• 表头单元格 - 包含表头信息（由 th 元素创建） • 标准单元格 - 包含数据（由 td 元素创建）
th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素 内的文本通常是左对齐的普通文本。
WEB DESIGNS
5<td> 标签的 colspan 属性
定义和用法
colspan 属性规定单元格可横跨的列数。
实例
表格单元横跨两列的表格： <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td colspan="2">January</td> </tr> <tr> <td colspan="2">February</td> </tr> </table>
WEB DESIGNS
阅读书中6.6的综合例子 6.9-6.12例子
本章结束！
WEB DESIGNS
WEB DESIGNS
实例 普通的 HTML 表格，包含两行两列：
<html> <body> <table border="1"> <tr> <th>Company</th> <th>Address</th> </tr> <tr> <td>Apple, Inc.</td> <td>1 Infinite Loop Cupertino, CA 95014</td> </tr> </table> </body> </html>
更复杂的 HTML 表格也可能包括 caption、col、colgroup、 thead、tfoot 以及 tbody 元素。
WEB DESIGNS
一个简单的 HTML 表格，包含两行两列：
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
thead 元素应该与 tbody 和 tfoot 元素结合起来使用。 tbody 元素用于对 HTML 表格中的主体内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。
注释：
如果使用 thead、tfoot 以及 tbody 元素，就必须使用全部的 元素。 它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以 在收到所有数据前呈现页脚了。 必须在 table 元素内部使用这些标签。
WEB DESIGNS
7. <thead> 标签
定义和用法
<thead> 标签定义表格的表头。 该标签用于组合 HTML 表格的表头内容。
提示和注释：
注释：<thead> 内部必须拥有 <tr> 标签！ 注释：<thead>、<tbody> 以及 <tfoot> 很少被使用，这是因为糟糕的浏览 器支持。