欢迎来到天天文库
浏览记录
ID:50606939
大小:588.50 KB
页数:44页
时间:2020-03-12
《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导出到文本文件中,相邻单元格的内容由分隔符隔开。可以使用逗
此文档下载收益归作者所有