《商务网站规划与网页制作》04-04

1、4.4表格的应用 表格是一种常用的组织和处理数据的形式。在网页制作中表格还有更重要的作用，就是用于网页布局。利用表格可以控制文本和图像等元素在页面上的位置。 为了与第六章中的布局表格区分开来，本节介绍的表格可称为“原始表格”。4.4.1创建表格在Dreamweaver中可以使用插入栏或“插入”菜单来创建一个新表格。 选择“插入”菜单“表格”；或者在插入栏的“常用”类别中，单击“表格”按钮 ，将打开一个“表格”对话框“表格”对话框在“表格大小”一栏中指定以下内容：“行数”：确定表格具有的行的数目。“列数”：确定表格具有的列的数目。“表格宽度”：指定表格的宽度。选定“像素”则以像素为单位指定表格的

2、宽度，这是一个绝对值；选定“百分比”则以表格占所在框区宽度的百分比设置表格的宽度。“边框粗细”：指定表格边框的宽度的像素值。“单元格边距”：确定单元格边框和单元格内容之间的像素值。“单元格间距”：确定相邻的表格单元格之间的像素值。在“页眉”一栏中指定表格的标题部分。“无”：对表格不启用列或行标题。“左侧”：可以将表的第一列作为标题列，以便为表中的每一行输入一个标题。“顶部”：可以将表的第一行作为标题行，以便为表中的每一列输入一个标题。“两者”：可以在表中输入列标题和行标题。在“页眉”一栏中指定表格的标题部分。“无”：对表格不启用列或行标题。“左侧”：可以将表的第一列作为标题列，以便为表中的每一

3、行输入一个标题。“顶部”：可以将表的第一行作为标题行，以便为表中的每一列输入一个标题。“两者”：可以在表中输入列标题和行标题。4.4.2选取表格、单元格、行与列1选取表格方法一：单击表格的左上角、表格的顶边缘或底边缘的任何位置或者行或列的边框。 方法二：单击某个表格单元格，然后在文档窗口左下角的标签选择器中选择 标签。 方法三：单击某个表格单元格，然后选择“修改”菜单“表格”“选择表格”。 方法四：单击表格尺寸线上的向下箭头，打开表格标题菜单，然后选择“选择表格”。 方法五：右键单击某个表格单元格，在打开的快捷菜单中选择“表格”“选择表格”。2选取行或列 方法一：定位鼠标指针使其指向行的左边缘

4、或列的上边缘。当鼠标指针变为选择箭头时，单击鼠标左键以选择单个行或列。方法二：拖放鼠标指针以选择多个行或列。 3选取单元格方法一：单击单元格，在文档窗口左下角的标签选择器中选择 标签。 方法二：按住 键单击该单元格。方法三：单击单元格，然后选择“编辑”菜单“全选”。4.4.3设置表格和单元格属性 1了解HTML 中的表格格式设置的优先顺序优先顺序由高到低是：单元格行或列表格2设置表格属性表格属性检查器“表格ID”：指定表格的ID。“行和列”：指定表格中行和列的数目。“宽和高”：是以像素为单位或按占框区宽度的百分比计算的表格宽度和高度。“单元格边距”：指定单元格内容和单元格边框之间的像素值。“单

5、元格间距”：指定相邻的表格单元格之间的像素值。“对齐”：确定表格相对于同一段落中其他元素，如文本或图像，的显示位置。“边框”：指定表格边框的宽度的像素值。清除列宽按钮 和清除行高按钮 ：从表格中删除所有明确指定的行高或列宽。将表格宽度转换成像素按钮 和将表格高度转换成像素按钮 ：将表格中每列的宽度设置为以像素为单位的当前宽度，并且把整个表格的宽度设置为以像素为单位的当前宽度。表格高度的转换同理。将表格宽度转换成百分比按钮 和将表格高度转换成百分比按钮 ：将表格中每列的宽度设置为按占所在框区宽度百分比表示的当前宽度，并且把整个表格的宽度设置为按占所在框区宽度百分比表示的当前宽度。表格高度的转换同

6、理。“背景颜色”：表格的背景颜色。“边框颜色”：表格边框的颜色。“背景图像”：表格的背景图像。3设置单元格属性单元格属性检查器“水平”下拉列表：指定单元格内容的水平对齐方式。可以将内容对齐到单元格的左侧、右侧或使之居中对齐，也可以指示浏览器使用其默认的对齐方式，通常常规单元格为左对齐，标题单元格为居中对齐。“垂直”下拉列表：指定单元格内容的垂直对齐方式。可以将内容对齐到单元格的顶端、中间、底部或基线，或者指示浏览器使用其默认的对齐方式，通常是居中对齐。“宽”和“高”文本框：指定所选单元格的高度和宽度，以像素为单位或以占所在框区宽度或高度百分比为单位。如果要指定百分比，可在值后面使用百分比符号“

7、%”。如果要让浏览器根据单元格的内容确定适当的宽度或高度，可将不填写此项文本框。不换行：可以防止换行，从而使指定单元格中的所有内容提要都在一行上。标题：可以将所选的单元格格式设置为表格标题单元格。默认情况下，表格标题单元格的内容为粗体并且居中。“背景”文本框：指定单元格背景图像的文件名。单击文件夹图标 可查找并指定背景图像文件。“背景颜色”：使用颜色选择器选择的单元格的背景颜色。也可以在紧随其后的文本框中输入表示颜色带“#”号的十六进制数。“边框”：使用颜色选择器选择边框的颜色。也可以在紧随其后的文本框中输入表示颜色带“#”号的十六进制数。合并单元格按钮 ：可以将所选的单元格、行或列合并为一个

8、单元格。拆分单元格按钮 ：以将一个单元格分成两个或更多单元格。4.4.4调整表格、列和行的大小 1清除设置的宽度和高度 方法一：选择“修改”菜单“表格”“清除单元格宽度”或“清除单元格高度”。方法二：在表格属性检查器中单击清除列宽按钮 或清除行高按钮 。方法三：使用表格标题菜单中“清除所有宽度”或“清除所有高度”命令。方法四：使用列标题菜单中“清除列宽度”命令。2调整表格大小方法一：在表格属性检查器中，调整表格的宽度和高度值。 方法二：使用鼠标拖放的方法调整表格大小。3调整行或列的大小方法一：在表格属性检查器中，调整行宽和列高值。方法二：使用鼠标拖动行列边框调整行或列的大小。4.4.5表格嵌套 所谓表格嵌套，就是在一个表格的单元格中插入另一个表格。可以像对任何其他表格一样对嵌套表格进行格式设置；但是，其宽度受它所在单元格的宽度的限制。 4.4.6增加与删除表格的行、列方法一：选择“修改”菜单“表格”。 方法二：选择“插入”菜单“表格对象”。 方法三：使用列标题菜单。 4.4.7拆分与合并单元格 单元格的拆分与合并是表格的常用操作，只要选中的单元格形成一行或一个矩形，就可以合并任意