DREAMWEAVER官方课件

5.3.1 导入表格数据
若要导入表格数据，具体操作步骤如下： 步骤1 执行下列操作之一：
选择“文件”|“导入”|“表格式数据”命令。 选择“插入”|“表格对象”|“导入表格式数据”命令。
步骤2 打开“导入表格式数据”对话框，输 入有关包含数据的文件的信息，如右图所示。
数据文件：输入要导入的文件的 名称。单击“浏览”按钮选择一 个文件。 定界符：在下拉列表框中选择导入的文件中所使用的分隔符。如 果选择“其他”，在其右侧会出现文本框，输入文件中使用的定 界符。
步骤5 在“辅助功能”区域中指定下列选项： 标题：提供了一个显示在表格外的表格标题。
对齐标题：指定表格标题相对于表格的显示位置。 摘要：给出表格的说明。屏幕阅读器可以读取摘要文本，但是该
文本不会显示在用户的浏览器中。
步骤6 单击“确定”按钮。
5.3 导入和导出表格式数据
可以将在另一个应用程序（例如Microsoft Excel）中创建，并以分隔文本 的格式（其中的项以制表符、逗号、冒号、分号或其他分隔符隔开）保存的表格 式数据导入到Dreamweaver中，并设置为表格的格式。
第5章 表格的应用
关于表格 插入表格 导入和导出表格式数据 选择表格元素 使用“扩展表格”模式编辑表格 设置表格和单元格的格式
调整表格、列和行的大小 添加及删除行和列 拆分和合并单元格 复制、粘贴和删除单元格 嵌套表格 对表格进行排序
5.1 关于表格
表格是用于在HTML页上显示表格式数据以及对文本和图形进行布局的强有 力的工具。表格由一行或多行组成；每行又由一个或多个单元格。虽然HTML代 码中通常不明确指定列，但Dreamweaver允许操作列、行和单元格。
提示：如果没有明确指定边框粗细的值，则大多数浏览器按边框粗细设置为1显 示表格。若要确保浏览器显示的表格没有无边框，将边框粗细设置为0。
单元格边距：确定单元格边框和单元格内容之间的像素数。 单元格间距：确定相邻的表格单元格之间的像素数。
提示：如果没有明确指定单元格间距和单元格边距的值，大多数浏览器按单 元格边距都设置为1，单元格间距设置为2显示表格。若要确保浏览器不显示表格 中的边距和间距，将“单元格边距”和“单元格间距”设置为0。
当选定了表格或表格中有插入点时，Dreamweaver会显示表格宽度和每个 表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用菜单可以快 速访问一些与表格相关的常用命令。根据需要可以启用或禁用宽度和菜单。
如果未看到表的宽度或列的宽度，说明没有在HTML代码中指定该表或列的 宽度。如果出现2个数字，说明“设计”视图中显示的可视宽度与HTML代码中 指定的宽度不一致。当拖动表格的右下角来调整表格的大小，或将内容添加到比 设置宽度大的单元格时会发生这种情况。
也可以将表格数据从Dreamweaver导出到文本文件中，相邻单元格的内容 由分隔符隔开。可以使用逗号、冒号、分号或空格作为分隔符。当导出表格时， 将导出整个表格，不能选择导出部分表格。
提示：如果只需要表格中的某些数据（例如前六行或前六列），则复制包含 这些数据的单元格，将这些单元格粘贴到表格外（创建新表格），然后导出这个 新表格。
注意：确保指定保存数据文件时使用的定界符。如果未能指定定界符，则无法正 确地导入文件，也无法在表格中对您的数据进行正确的格式设置。
在下图中，前两行中间的单元格已经合并成一个跨两行的单元格。
5.2 插入表格
使用“插入”工具栏或“插入”菜单来创建一个新表格。然后，按照在表格 外添加文本和图像的方式，向表格单元格中添加文本和图像。
步骤1 在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位 置。
注意：如果文档是空白的，则只能将插入点放置在文档的开头。
步骤4 在“页眉”区域中选择一个标题选项：
无：对表不启用列或行标题。 左：可以将表的第一列作为标题列，以便为表中的每一行输入一
个标题。 顶部：可以将表的第一行作为标题行，以便为表中的每一列输入
一个标题。 两者：能够在表中输入列标题和行标题。
提示：最好使用标题，以方便使用屏幕阅读器的Web站点访问者。屏幕阅读器读 取表百度文库标题并且帮助屏幕阅读器用户跟踪表格信息。
步骤2 执行下列操作之一： 选择“插入”|“表格”命令。 在“插入”工具栏的“常用”类别中，单击 “表格”按钮。
步骤3 打开“表格”对话框，如右图所示，在 “表格大小”区域中指定下列选项：
行数：确定表格具有的行的数目。 列数：表格宽度：指定表格的宽度，
在其右侧的下拉列表框中选择像素或 百分比。 边框粗细：指定表格边框的宽度（以 像素为单位）。 确定表格具有的列的数目。
例如，如果将某列的宽度设置为200像素，而添加的内容将宽度延长为250 像素，则该列将显示两个数字：“200”（代码中指定的宽度）和“（250）” （位于括号中，表示该列呈现在屏幕上的可视宽度）。
5.1.1 HTML中的表格格式设置优先顺序
当在“设计”视图中对表格进行格式设置时，可以设置整个表格或表格中所 选行、列或单元格的属性。如果将整个表格的某个属性（例如背景颜色或对齐） 设置为一个值，而将单个单元格的属性设置为另一个值，则单元格格式设置优先 于行格式设置，行格式设置又优先于表格格式设置。
5.1.2 关于拆分和合并表格单元格
只要整个选择部分的单元格形成一行或一个矩形，便可以合并任意数目的相 邻的单元格，以生成一个跨多个列或行的单元格。可以将单元格拆分成任意数目 的行或列，而不管之前它是否是合并的。Dreamweaver可以自动重新构造表格 （添加任何必需的colspan或rowspan属性），以创建指定的排列方式。
表格格式设置的优先顺序如下： （1）单元格。 （2）行。 （3）表格。 例如，如果将单个单元格的背景颜色设置为蓝色，然后将整个表格的背景颜 色设置为黄色，则蓝色单元格不会变为黄色，因为单元格格式设置优先于表格格 式设置。
注意：当设置列的属性时，Dreamweaver更改对应于该列中每个单元格的 td标签的属性。