DreamweaverCS6第5章使用表格课件.pptx

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

2、 掌握表格删除、缩放的应用u 掌握单元格的合并和单元格的拆分5.1表格的简单操作u 课堂案例租车网页u 表格的组成u 插入表格u 表格各元素的属性u 在表格中插入内容u 选择表格元素u 复制、粘贴表格u 删除表格和表格内容u 缩放表格u 合并和拆分单元格u 增加和删除表格的行和列5.1.1课堂案例租车网页使用“表格”按钮，插入表格效果；使用“图像”按钮，插入图像；使用“CSS样式”命令，为单元格添加背景图像及控制文字大小、颜色。效果图5.1.2表格的组成表格中包含行、列、单元格、表格标题等元素。效果图名称表格的标题5.1.3插入表格 要将相关数据有序地组织在一起，必须先插入表格，然后才能有效组

3、织数据。插入表格的具体操作步骤如下：（1）在“文档”窗口中，将插入点放到合适的位置。（2）通过以下几种方法启用“表格”对话框。选择“插入 表格”命令。单击“插入”面板“常用”选项卡上的“表格”按钮 。单击“插入”布局“布局”选项卡面板上的“表格”按钮 。（3）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完成新建表格的设置。5.1.4表格各元素的属性 插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到它们的各项参数，修改这些参数可以得到不同风格的表格。1表格的属性 2单元格和行或列的属性5.1.5在表格中插入内容 建立表格后，可以在表格中添加各种网页元素，如文本、图像和表格

4、等。在表格中添加元素的操作非常简单，只需根据设计要求选定单元格，然后插入网页元素即可。一般当表格中插入内容后，表格的尺寸会随内容的尺寸自动调整。当然，还可以利用单元格的属性来调整其内部元素的对齐方式和单元格的大小等。1输入文字 2插入其他网页元素5.1.6选择表格元素 先选择表格元素，然后对其进行操作。一次可以选择整个表格、多行或多列，也可以选择一个或多个单元格。1选择整个表格 2选择行或列 3选择单元格 4选择一个矩形块区域 5选择不相邻的单元格5.1.7复制、粘贴表格 在Dreamweaver CS6中复制表格的操作如同在Word中一样，可以对表格中的多个单元格进行复制、剪切、粘贴操作，并

5、保留原单元格的格式，也可以仅对单元格的内容进行操作。1复制单元格 2剪切单元格 3粘贴单元格 4粘贴操作的几点说明5.1.8删除表格和表格内容删除表格的操作包括删除行或列，清除表格内容。1清除表格内容 2删除行或列5.1.9缩放表格创建表格后，可根据需要调整表格、行和列的大小。1缩放表格 2修改行或列的大小5.1.10合并和拆分单元格 有的表格项需要几行或几列来说明，这时需要将多个单元格合并，生成一个跨多个列或行的单元格。1合并单元格 2拆分单元格5.1.11增加和删除表格的行和列 在实际工作中，随着客观环境的变化，表格中的项目也需要做相应的调整，通过选择“修改 表格”中的相应子菜单命令，可添

6、加、删除行或列。1插入单行或单列 2插入多行或多列5.2网页中的数据表格u 课堂案例典藏博物馆网页u 导入和导出表格的数据u 排序表格5.2.1课堂案例典藏博物馆网页 使用“导入表格式数据”命令，导入外部表格数据；使用“排序表格”命令，将表格的数据排序。效果图 有时需要将Word文档中的内容或Excel文档中的表格数据导入到网页中进行发布，或将网页中的表格数据导出到Word文档或Excel文档中进行编辑，Dreamweaver CS6提供了实现这种操作的功能。1导入Excel文档中的表格数据 2导入Word文档中的内容 3将网页中的表格导入到其他网页或Word文档中5.2.2导入和导出表格的数

7、据 日常工作中，常常需要对无序的表格内容进行排序，以便浏览者可以快速找到所需的数据。表格排序功能可以为网站设计者解决这一难题。将插入点放到要排序的表格中，然后选择“命令 排序表格”命令，弹出“排序表格”对话框。根据需要设置相应选项，单击“应用”或“确定”按钮完成设置。5.2.3排序表格 当一个表格无法对网页元素进行复杂的定位时，需要在表格的一个单元格中继续插入表格，这叫做表格的嵌套。单元格中的表格是内嵌入式表格，通过内嵌入式表格可以将一个单元再分成许多行和列，而且可以无限地插入内嵌入式表格，但是内嵌入式表格越多，浏览时花费在下载页面的时间越长，因此，内嵌入式的表格最多不超过3层。5.3复杂表格的排版5.4课堂练习OA办公系统网页使用“导入表格式数据”命令，导入外部表格数据；使用“排序表格”命令，将表格的数据排序。效果图5.5课后习题信用卡网页使用“表格”按钮，插入表格效果；使用“图像”按钮，插入图像；使用“CSS”命令，为单元格添加背景图像及控制文字大小、颜色。效果图