《网页设计与制作 第5章 表格.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作 第5章 表格.ppt（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第5 5章章 表格表格 第第5 5章章 表格表格v5.1 5.1 5.1 5.1 表格的基本操作表格的基本操作表格的基本操作表格的基本操作 v5.2 5.2 5.2 5.2 表格的高级操作表格的高级操作表格的高级操作表格的高级操作 v5.3 5.3 5.3 5.3 布局表格的应用布局表格的应用布局表格的应用布局表格的应用 v5.4 5.4 5.4 5.4 本章小结本章小结本章小结本章小结 表格在网页设表格在网页设表格在网页设表格在网页设计中占据着重要的计中占据着重要的计中占据着重要的计中占据着重要的地位。它是处理数地位。它是处理数地位。它是处理数地位。它是处理数据时最常用的一种据时最常用的一
2、种据时最常用的一种据时最常用的一种形式。同时，表格形式。同时，表格形式。同时，表格形式。同时，表格还是还是还是还是DreamweaverDreamweaver对文本和图形进行对文本和图形进行对文本和图形进行对文本和图形进行页面布局时强有力页面布局时强有力页面布局时强有力页面布局时强有力的工具。的工具。的工具。的工具。一个表格包括三部分：一个表格包括三部分：一个表格包括三部分：一个表格包括三部分：v行：表格的横向部分行：表格的横向部分行：表格的横向部分行：表格的横向部分v列：表格的纵向部分列：表格的纵向部分列：表格的纵向部分列：表格的纵向部分v单元格：表格的行列交叉部分单元格：表格的行列交叉部分
3、单元格：表格的行列交叉部分单元格：表格的行列交叉部分 操作方法如下：操作方法如下：操作方法如下：操作方法如下：（1 1）选择）选择）选择）选择【插入插入插入插入】|【表格表格表格表格】菜单命令菜单命令菜单命令菜单命令 （2 2）此对话框保留了最近一次插入的表格的数值，可按）此对话框保留了最近一次插入的表格的数值，可按）此对话框保留了最近一次插入的表格的数值，可按）此对话框保留了最近一次插入的表格的数值，可按需要填写各项参数设置，单击需要填写各项参数设置，单击需要填写各项参数设置，单击需要填写各项参数设置，单击“确定确定确定确定”按钮，完成表格按钮，完成表格按钮，完成表格按钮，完成表格的创建。的
4、创建。的创建。的创建。5.1.1 5.1.1 5.1.1 5.1.1 创建表格创建表格创建表格创建表格5.1 5.1 表格的基本操作表格的基本操作 创创创创建建建建表表表表格格格格后后后后，通通通通过过过过选选选选定定定定来来来来完完完完成成成成设设设设置置置置属属属属性性性性、移移移移动动动动、复复复复制制制制及及及及删删删删除除除除等等等等操操操操作作作作。可可可可以以以以一一一一次次次次选选选选定定定定整整整整个个个个表表表表格格格格、一一一一行行行行、一一一一列列列列或或或或几几几几个个个个连连连连续续续续的的的的单单单单元元元元格格格格，还还还还可可可可以以以以选选选选择择择择表表表
5、表格格格格中中中中多多多多个个个个不不不不连连连连续续续续的的的的单单单单元元元元格格格格并并并并修修修修改改改改这这这这些些些些单单单单元元元元格格格格的的的的属属属属性性性性，但但但但不不不不能能能能对对对对它它它它们们们们进进进进行行行行移移移移动动动动、复制或删除等操作。复制或删除等操作。复制或删除等操作。复制或删除等操作。5.1.2 5.1.2 5.1.2 5.1.2 选定表格对象选定表格对象选定表格对象选定表格对象 5.1 5.1 表格的基本操作表格的基本操作 5.1.3 5.1.3 5.1.3 5.1.3 设置表格属性设置表格属性设置表格属性设置表格属性 5.1.4 5.1.4
6、5.1.4 5.1.4 设置行、列与单元格属性设置行、列与单元格属性设置行、列与单元格属性设置行、列与单元格属性 5.2.1 5.2.1 5.2.1 5.2.1 导入表格数据导入表格数据导入表格数据导入表格数据 可以将在其它应用软件（例如可以将在其它应用软件（例如可以将在其它应用软件（例如可以将在其它应用软件（例如 Microsoft ExcelMicrosoft Excel）中中中中创建，并以制表符、逗号、冒号、分号或其他分隔符分创建，并以制表符、逗号、冒号、分号或其他分隔符分创建，并以制表符、逗号、冒号、分号或其他分隔符分创建，并以制表符、逗号、冒号、分号或其他分隔符分隔保存的表格式数据，
7、导入到隔保存的表格式数据，导入到隔保存的表格式数据，导入到隔保存的表格式数据，导入到 DreamweaverDreamweaver 中并重新中并重新中并重新中并重新格式化为表格。格式化为表格。格式化为表格。格式化为表格。5.2.2 5.2.2 5.2.2 5.2.2 导出表格导出表格导出表格导出表格 可以将表格数据从可以将表格数据从可以将表格数据从可以将表格数据从 DreamweaverDreamweaver 导出到文本文件导出到文本文件导出到文本文件导出到文本文件中，相邻单元格的内容由分隔符隔开。您可以将逗号、中，相邻单元格的内容由分隔符隔开。您可以将逗号、中，相邻单元格的内容由分隔符隔开。
8、您可以将逗号、中，相邻单元格的内容由分隔符隔开。您可以将逗号、冒号、分号或空格用作分隔符。冒号、分号或空格用作分隔符。冒号、分号或空格用作分隔符。冒号、分号或空格用作分隔符。5.2 5.2 表格的高级操作表格的高级操作 5.2 5.2 表格的高级操作表格的高级操作 5.2.3 5.2.3 5.2.3 5.2.3 使用预先设计的格式化表格使用预先设计的格式化表格使用预先设计的格式化表格使用预先设计的格式化表格 在在在在DreamweaverDreamweaver中已预置了多种表格模式。可以使中已预置了多种表格模式。可以使中已预置了多种表格模式。可以使中已预置了多种表格模式。可以使用用用用“格式化
9、表格格式化表格格式化表格格式化表格”命令将预先设置的设计快速应用到选命令将预先设置的设计快速应用到选命令将预先设置的设计快速应用到选命令将预先设置的设计快速应用到选定的表格。然后，可以选择选项进一步自定义设计样式。定的表格。然后，可以选择选项进一步自定义设计样式。定的表格。然后，可以选择选项进一步自定义设计样式。定的表格。然后，可以选择选项进一步自定义设计样式。5.2.4 5.2.4 5.2.4 5.2.4 表格排序表格排序表格排序表格排序 在在在在DreamweaverDreamweaver中，可以根据单个列的内容对表格中，可以根据单个列的内容对表格中，可以根据单个列的内容对表格中，可以根据
10、单个列的内容对表格中的内容进行排序。还可以根据两个列的内容执行更加中的内容进行排序。还可以根据两个列的内容执行更加中的内容进行排序。还可以根据两个列的内容执行更加中的内容进行排序。还可以根据两个列的内容执行更加复杂的表格排序。复杂的表格排序。复杂的表格排序。复杂的表格排序。5.3.1 5.3.1 5.3.1 5.3.1 页面布局简介页面布局简介页面布局简介页面布局简介 设计布局合理、美观大方的页面是每个网页设计者设计布局合理、美观大方的页面是每个网页设计者设计布局合理、美观大方的页面是每个网页设计者设计布局合理、美观大方的页面是每个网页设计者的目标。要制作出精美的网页，首先需要设计出结构严的目
11、标。要制作出精美的网页，首先需要设计出结构严的目标。要制作出精美的网页，首先需要设计出结构严的目标。要制作出精美的网页，首先需要设计出结构严谨的布局。布局设计是网页制作中一项很重要的工作，谨的布局。布局设计是网页制作中一项很重要的工作，谨的布局。布局设计是网页制作中一项很重要的工作，谨的布局。布局设计是网页制作中一项很重要的工作，它涉及到网页在浏览者的浏览器中所显示的外观，它往它涉及到网页在浏览者的浏览器中所显示的外观，它往它涉及到网页在浏览者的浏览器中所显示的外观，它往它涉及到网页在浏览者的浏览器中所显示的外观，它往往决定着网页设计的成败。往决定着网页设计的成败。往决定着网页设计的成败。往决
12、定着网页设计的成败。5.3.2 5.3.2 5.3.2 5.3.2 布局表格的基本操作布局表格的基本操作布局表格的基本操作布局表格的基本操作 为了简化使用表格进行页面布局设计的过程，为了简化使用表格进行页面布局设计的过程，为了简化使用表格进行页面布局设计的过程，为了简化使用表格进行页面布局设计的过程，DreamweaverDreamweaver提供了布局视图。提供了布局视图。提供了布局视图。提供了布局视图。5.3 5.3 页面布局表格的应用页面布局表格的应用 5.3 5.3 页面布局表格的应用页面布局表格的应用 5.3.3 5.3.3 5.3.3 5.3.3 布局表格的基本操作布局表格的基本操
13、作布局表格的基本操作布局表格的基本操作 v 绘制布局表格绘制布局表格绘制布局表格绘制布局表格 v 绘制布局单元格绘制布局单元格绘制布局单元格绘制布局单元格 v 在布局单元格中添加内容在布局单元格中添加内容在布局单元格中添加内容在布局单元格中添加内容 v 自动调整布局单元格的高度自动调整布局单元格的高度自动调整布局单元格的高度自动调整布局单元格的高度 5.4 5.4 本章小结本章小结 制作表格是整个网页设计的精华，它具有输入数制作表格是整个网页设计的精华，它具有输入数制作表格是整个网页设计的精华，它具有输入数制作表格是整个网页设计的精华，它具有输入数据和进行分类列表的功能，而且当前许多大型网站几
14、据和进行分类列表的功能，而且当前许多大型网站几据和进行分类列表的功能，而且当前许多大型网站几据和进行分类列表的功能，而且当前许多大型网站几乎都用表格来协助网页的页面布局。乎都用表格来协助网页的页面布局。乎都用表格来协助网页的页面布局。乎都用表格来协助网页的页面布局。在本章主要介绍了表格的相关操作，从最简单的在本章主要介绍了表格的相关操作，从最简单的在本章主要介绍了表格的相关操作，从最简单的在本章主要介绍了表格的相关操作，从最简单的创建表格到深层次的应用表格。通过本章的学习，可创建表格到深层次的应用表格。通过本章的学习，可创建表格到深层次的应用表格。通过本章的学习，可创建表格到深层次的应用表格。
15、通过本章的学习，可以了解到如何创建表格，如何设置表格属性，如何对以了解到如何创建表格，如何设置表格属性，如何对以了解到如何创建表格，如何设置表格属性，如何对以了解到如何创建表格，如何设置表格属性，如何对表格的单元格进行操作，最后还涉及到了对表格的具表格的单元格进行操作，最后还涉及到了对表格的具表格的单元格进行操作，最后还涉及到了对表格的具表格的单元格进行操作，最后还涉及到了对表格的具体应用。大家通过对这些内容的学习，可以更深刻地体应用。大家通过对这些内容的学习，可以更深刻地体应用。大家通过对这些内容的学习，可以更深刻地体应用。大家通过对这些内容的学习，可以更深刻地体会到表格在网页设计中的重要作用。体会到表格在网页设计中的重要作用。体会到表格在网页设计中的重要作用。体会到表格在网页设计中的重要作用。