Dreamweaver-CS5实例教程-课件5

Dreamweaver-CS5实例教程-课件51第5章使用表格

本章简介： 表格是网页设计中一个非常有用的工具，它不仅可以将相关数据有序地排列在一起，还可以精确地定位文字、图像等网页元素在页面中的位置，使得页面在形式上丰富多彩又条理清楚，在组织上井然有序而不显单调。使用表格进行页面布局的最大好处是，即使浏览者改变计算机的分辨率也不会影响网页的浏览效果。因此，表格是网站设计人员必须掌握的工具。表格运用得是否熟练，是划分专业制作人士和业余爱好者的一个重要标准。第5章使用表格本章简介：2课堂学习目标表格的简单操作网页中的数据表格复杂表格的排版利用表格进行页面布局课堂学习目标表格的简单操作35.1

表格的简单操作课堂案例——时尚购物网页表格的组成插入表格表格各元素的属性在表格中插入内容选择表格元素复制、粘贴表格删除表格和表格内容缩放表格合并和拆分单元格增加和删除表格的行和列5.1表格的简单操作课堂案例——时尚购物网页45.1.1课堂案例——时尚购物网页

使用“表格”按钮插入表格效果。使用“图像”按钮插入图像。使用“合并所选单元格”按钮合并单元格。使用“属性”面板设置文字的颜色、对齐效果。 效果图5.1.1课堂案例——时尚购物网页 使用“表格”按钮插入55.1.2表格的组成

表格中包含行、列、单元格、表格标题等元素。 效果图5.1.2表格的组成 表格中包含行、列、单元格、表格标题65.1.3插入表格

要将相关数据有序地组织在一起，必须先插入表格，然后才能有效组织数据。 插入表格的具体操作步骤如下： （1）在“文档”窗口中，将插入点放到合适的位置。 （2）通过以下几种方法启用“表格”对话框。 选择“插入记录>表格”命令。 单击“插入”面板“常用”选项卡上的“表格”按钮。 单击“插入”布局“布局”选项卡面板上的“表格”按钮。 （3）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完成新建表格的设置。5.1.3插入表格 要将相关数据有序地组织在一起，必须75.1.4表格各元素的属性

插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到它们的各项参数，修改这些参数可以得到不同风格的表格。5.1.4表格各元素的属性 插入表格后，通过选择不同的85.1.5在表格中插入内容

建立表格后，可以在表格中添加各种网页元素，如文本、图像和表格等。在表格中添加元素的操作非常简单，只需根据设计要求选定单元格，然后插入网页元素即可。一般当表格中插入内容后，表格的尺寸会随内容的尺寸自动调整。当然，还可以利用单元格的属性来调整其内部元素的对齐方式和单元格的大小等。5.1.5在表格中插入内容 建立表格后，可以在表格中添95.1.6选择表格元素

先选择表格元素，然后对其进行操作。一次可以选择整个表格、多行或多列，也可以选择一个或多个单元格。5.1.6选择表格元素 先选择表格元素，然后对其进行操作105.1.7复制、粘贴表格

在DreamweaverCS5中复制表格的操作如同在Word中一样。可以对表格中的多个单元格进行复制、剪切、粘贴操作，并保留原单元格的格式。也可以仅对单元格的内容进行操作。5.1.7复制、粘贴表格 在DreamweaverC115.1.8删除表格和表格内容

删除表格的操作包括删除行或列，清除表格内容。5.1.8删除表格和表格内容 删除表格的操作包括删除行或125.1.9缩放表格

创建表格后，可根据需要调整表格、行和列的大小。5.1.9缩放表格 创建表格后，可根据需要调整表格、行和135.1.10合并和拆分单元格

有的表格项需要几行或几列来说明，这时需要将多个单元格合并，生成一个跨多个列或行的单元格。5.1.10合并和拆分单元格 有的表格项需要几行或几列145.1.11增加和删除表格的行和列

在实际工作中，随着客观环境的变化，表格中的项目也需要做相应的调整，通过选择“修改>表格”中的相应子菜单命令，可添加、删除行或列。5.1.11增加和删除表格的行和列 在实际工作中，随着155.2

网页中的数据表格课堂案例——电子科技网页导入和导出表格的数据排序表格5.2网页中的数据表格课堂案例——电子科技网页165.2.1课堂案例——电子科技网页

使用“导入表格式数据”命令导入外部表格数据。使用“排序表格”命令将表格的数据排序。效果图5.2.1课堂案例——电子科技网页 使用“导入表格式数据17

有时需要将Word文档中的内容或Excel文档中的表格数据导入到网页中进行发布，或将网页中的表格数据导出到Word文档或Excel文档中进行编辑，DreamweaverCS5提供了实现这种操作的功能。5.2.2导入和导出表格的数据 有时需要将Word文档中的内容或Excel文档中的表格18

日常工作中，常常需要对无序的表格内容进行排序，以便浏览者可以快速找到所需的数据。表格排序功能可以为网站设计者解决这一难题。 将插入点放到要排序的表格中，然后选择“命令>排序表格”命令，弹出“排序表格”对话框，根据需要设置相应选项，单击“应用”或“确定”按钮完成设置。5.2.3排序表格 日常工作中，常常需要对无序的表格内容进行排序，以便浏览19

当一个表格无法对网页元素进行复杂的定位时，需要在表格的一个单元格中继续插入表格，这叫做表格的嵌套。单元格中的表格是内嵌入式表格，通过内嵌入式表格可以将一个单元再分成许多行和列，而且可以无限地插入内嵌入式表格，但是内嵌入式表格越多，浏览时花费在下载页面的时间越长，因此，内嵌入式的表格最多不超过3层。5.3复杂表格的排版 当一个表格无法对网页元素进行复杂的定位时，需要在表格的205.4课堂练习——设计家园网页

使用“导入表格式数据”命令导入外部表格数据。使用“排序表格”命令将表格的数据排序。 效果图5.4课堂练习——设计家园网页 使用“导入表格式数据”命215.5课堂练习——百货折扣网页

使用“页面属性”命令设置页面属性。使用“图像”和“表格”按钮制作网页效果。使用“属性”面板设置单元格背景颜色。效果图5.5课堂练习——百货折扣网页 使用“页面属性”命令225.6课后习题——手机频道网页

使用“页面属性”命令设置页面属性。使用“表格”按钮插入表格效果。使用“图像”按钮插入图像。效果图5.6课后习题——手机频道网页 使用“页面属性”命令设置23Dreamweaver-CS5实例教程-课件524第5章使用表格

本章简介： 表格是网页设计中一个非常有用的工具，它不仅可以将相关数据有序地排列在一起，还可以精确地定位文字、图像等网页元素在页面中的位置，使得页面在形式上丰富多彩又条理清楚，在组织上井然有序而不显单调。使用表格进行页面布局的最大好处是，即使浏览者改变计算机的分辨率也不会影响网页的浏览效果。因此，表格是网站设计人员必须掌握的工具。表格运用得是否熟练，是划分专业制作人士和业余爱好者的一个重要标准。第5章使用表格本章简介：25课堂学习目标表格的简单操作网页中的数据表格复杂表格的排版利用表格进行页面布局课堂学习目标表格的简单操作265.1

表格的简单操作课堂案例——时尚购物网页表格的组成插入表格表格各元素的属性在表格中插入内容选择表格元素复制、粘贴表格删除表格和表格内容缩放表格合并和拆分单元格增加和删除表格的行和列5.1表格的简单操作课堂案例——时尚购物网页275.1.1课堂案例——时尚购物网页

使用“表格”按钮插入表格效果。使用“图像”按钮插入图像。使用“合并所选单元格”按钮合并单元格。使用“属性”面板设置文字的颜色、对齐效果。 效果图5.1.1课堂案例——时尚购物网页 使用“表格”按钮插入285.1.2表格的组成

表格中包含行、列、单元格、表格标题等元素。 效果图5.1.2表格的组成 表格中包含行、列、单元格、表格标题295.1.3插入表格

要将相关数据有序地组织在一起，必须先插入表格，然后才能有效组织数据。 插入表格的具体操作步骤如下： （1）在“文档”窗口中，将插入点放到合适的位置。 （2）通过以下几种方法启用“表格”对话框。 选择“插入记录>表格”命令。 单击“插入”面板“常用”选项卡上的“表格”按钮。 单击“插入”布局“布局”选项卡面板上的“表格”按钮。 （3）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完成新建表格的设置。5.1.3插入表格 要将相关数据有序地组织在一起，必须305.1.4表格各元素的属性

插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到它们的各项参数，修改这些参数可以得到不同风格的表格。5.1.4表格各元素的属性 插入表格后，通过选择不同的315.1.5在表格中插入内容

建立表格后，可以在表格中添加各种网页元素，如文本、图像和表格等。在表格中添加元素的操作非常简单，只需根据设计要求选定单元格，然后插入网页元素即可。一般当表格中插入内容后，表格的尺寸会随内容的尺寸自动调整。当然，还可以利用单元格的属性来调整其内部元素的对齐方式和单元格的大小等。5.1.5在表格中插入内容 建立表格后，可以在表格中添325.1.6选择表格元素

先选择表格元素，然后对其进行操作。一次可以选择整个表格、多行或多列，也可以选择一个或多个单元格。5.1.6选择表格元素 先选择表格元素，然后对其进行操作335.1.7复制、粘贴表格

在DreamweaverCS5中复制表格的操作如同在Word中一样。可以对表格中的多个单元格进行复制、剪切、粘贴操作，并保留原单元格的格式。也可以仅对单元格的内容进行操作。5.1.7复制、粘贴表格 在DreamweaverC345.1.8删除表格和表格内容

删除表格的操作包括删除行或列，清除表格内容。5.1.8删除表格和表格内容 删除表格的操作包括删除行或355.1.9缩放表格

创建表格后，可根据需要调整表格、行和列的大小。5.1.9缩放表格 创建表格后，可根据需要调整表格、行和365.1.10合并和拆分单元格

有的表格项需要几行或几列来说明，这时需要将多个单元格合并，生成一个跨多个列或行的单元格。5.1.10合并和拆分单元格 有的表格项需要几行或几列375.1.11增加和删除表格的行和列

在实际工作中，随着客观环境的变化，表格中的项目也需要做相应的调整，通过选择“修改>表格”中的相应子菜单命令，可添加、删除行或列。5.1.11增加和删除表格的行和列 在实际工作中，随着385.2

网页中的数据表格课堂案例——电子科技网页导入和导出表格的数据排序表格5.2网页中的数据表格课堂案例——电子科技网页395.2.1课堂案例——电子科技网页

使用“导入表格式数据”命令导入外部表格数据。使用“排序表格”命令将表格的数据排序。效果图5.2.1课堂案例——电子科技网页 使用“导入表格式数据40

有时需要将Word文档中的内容或Excel文档中的表格数据导入到网页中进行发布，或将网页中的表格数据导出到Word文档或Excel文档中进行编辑，DreamweaverCS5提供了实现这种操作的功能。5.2.2导入和导出表格的数据 有时需要将Word文档中的内容或Excel文档中的表格41

日常工作中，常常需要对无序的表格内容进行排序，以便浏览者可以快速找到所需的数据。表格排序功能可以为网站设计者解决这一难题。 将插入点放到要排序的表格中，然后选择“命令>排序表格”命令，弹出“排序表格”对话框，根据需要设置相应选项，单击“应用”或“确定”按钮完成设置。5.2.3排序表格 日常工作中，常常需要对无序的表格内容进行排序，以便浏览42

当一个表格无法对网页元素进行复杂的定位时，需要在表格的一个单元格中继续插入表格，这叫做表格的嵌套。单元格中的表格是内嵌入式表格，通过内嵌入式表格可以将一个单元再分成许多行和列，而且可以无限地插入内嵌入式表格，但是内嵌入式表格越多，浏览时花费在下载页面的时间越长，因此，内嵌入式的表格最多不超过3层。5.3复杂表格的排版 当一个表格无法对网页元素进行复杂的定位时，需要在表格的435.4课堂练习——设计家园网页

使用“导入表格式数据”命令导