DREAMWEAVER 官方教程 第5章.ppt

《DREAMWEAVER 官方教程 第5章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第5章表格的应用插入表格导入和导出表格式数据选择表格元素使用“扩展表格”模式编辑表格设置表格和单元格的格式调整表格、列和行的大小添加及删除行和列拆分和合并单元格复制、粘贴和删除单元格嵌套表格对表格进行排序5.1关于表格表格是用于在HTML页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格。虽然HTML代码中通常不明确指定列，但Dreamweaver允许操作列、行和单元格。当选定了表格或表格中有插入点时，Dreamweaver会显示表格宽度和每个表格列的列宽。宽度旁边是表

2、格标题菜单与列标题菜单的箭头。使用菜单可以快速访问一些与表格相关的常用命令。根据需要可以启用或禁用宽度和菜单。如果未看到表的宽度或列的宽度，说明没有在HTML代码中指定该表或列的宽度。如果出现2个数字，说明“设计”视图中显示的可视宽度与HTML代码中指定的宽度不一致。当拖动表格的右下角来调整表格的大小，或将内容添加到比设置宽度大的单元格时会发生这种情况。例如，如果将某列的宽度设置为200像素，而添加的内容将宽度延长为250像素，则该列将显示两个数字：“200”（代码中指定的宽度）和“（250）”（位于括号中，表示该列呈现在

3、屏幕上的可视宽度）。5.1.1HTML中的表格格式设置优先顺序当在“设计”视图中对表格进行格式设置时，可以设置整个表格或表格中所选行、列或单元格的属性。如果将整个表格的某个属性（例如背景颜色或对齐）设置为一个值，而将单个单元格的属性设置为另一个值，则单元格格式设置优先于行格式设置，行格式设置又优先于表格格式设置。表格格式设置的优先顺序如下：（1）单元格。（2）行。（3）表格。例如，如果将单个单元格的背景颜色设置为蓝色，然后将整个表格的背景颜色设置为黄色，则蓝色单元格不会变为黄色，因为单元格格式设置优先于表格格式设置。注意：

4、当设置列的属性时，Dreamweaver更改对应于该列中每个单元格的td标签的属性。5.2插入表格使用“插入”工具栏或“插入”菜单来创建一个新表格。然后，按照在表格外添加文本和图像的方式，向表格单元格中添加文本和图像。只要整个选择部分的单元格形成一行或一个矩形，便可以合并任意数目的相邻的单元格，以生成一个跨多个列或行的单元格。可以将单元格拆分成任意数目的行或列，而不管之前它是否是合并的。Dreamweaver可以自动重新构造表格（添加任何必需的colspan或rowspan属性），以创建指定的排列方式。在下图中，前两行中间

5、的单元格已经合并成一个跨两行的单元格。5.1.2关于拆分和合并表格单元格步骤1在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位置。注意：如果文档是空白的，则只能将插入点放置在文档的开头。步骤2执行下列操作之一：选择“插入”

6、“表格”命令。在“插入”工具栏的“常用”类别中，单击“表格”按钮。步骤3打开“表格”对话框，如右图所示，在“表格大小”区域中指定下列选项：行数：确定表格具有的行的数目。列数：表格宽度：指定表格的宽度，在其右侧的下拉列表框中选择像素或百分比。边框粗细：指定表格边框的宽度（以像素为单位）。确定表

7、格具有的列的数目。提示：如果没有明确指定边框粗细的值，则大多数浏览器按边框粗细设置为1显示表格。若要确保浏览器显示的表格没有无边框，将边框粗细设置为0。无：对表不启用列或行标题。左：可以将表的第一列作为标题列，以便为表中的每一行输入一个标题。顶部：可以将表的第一行作为标题行，以便为表中的每一列输入一个标题。两者：能够在表中输入列标题和行标题。提示：如果没有明确指定单元格间距和单元格边距的值，大多数浏览器按单元格边距都设置为1，单元格间距设置为2显示表格。若要确保浏览器不显示表格中的边距和间距，将“单元格边距”和“单元格间距

8、”设置为0。步骤4在“页眉”区域中选择一个标题选项：提示：最好使用标题，以方便使用屏幕阅读器的Web站点访问者。屏幕阅读器读取表格标题并且帮助屏幕阅读器用户跟踪表格信息。单元格边距：确定单元格边框和单元格内容之间的像素数。单元格间距：确定相邻的表格单元格之间的像素数。步骤5在“辅助功能”区域中指定下列选项：标题：提供了一个显示在表格外的表格标题。5.3导入和导出表格式数据对齐标题：指定表格标题相对于表格的显示位置。摘要：给出表格的说明。屏幕阅读器可以读取摘要文本，但是该文本不会显示在用户的浏览器中。步骤6单击“确定”按钮。

9、可以将在另一个应用程序（例如MicrosoftExcel）中创建，并以分隔文本的格式（其中的项以制表符、逗号、冒号、分号或其他分隔符隔开）保存的表格式数据导入到Dreamweaver中，并设置为表格的格式。也可以将表格数据从Dreamweaver导出到文本文件中，相邻单元格的内容由分隔符隔开。可以使用逗