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

4.4表格的应用 表格是一种常用的组织和处理数据的形式。在网页制作中表格还有更重要的作用，就是用于网页布局。利用表格可以控制文本和图像等元素在页面上的位置。 为了与第六章中的布局表格区分开来，本节介绍的表格可称为“原始表格”。 4.4.1创建表格 在Dreamweaver中可以使用插入栏或“插入”菜单来创建一个新表格。 选择“插入”菜单“表格”；或者在插入栏的“常用”类别中，单击“表格”按钮 ，将打开一个“表格”对话框 在“表格大小”一栏中指定以下内容： ·“行数”：确定表格具有的行的数目。 ·“列数”：确定表格具有的列的数目。 ·“表格宽度”：指定表格的宽度。选定“像素”则以像素为单位指定表格的宽度，这是一个绝对值；选定“百分比”则以表格占所在框区宽度的百分比设置表格的宽度。 ·“边框粗细”：指定表格边框的宽度的像素值。 ·“单元格边距”：确定单元格边框和单元格内容之间的像素值。 ·“单元格间距”：确定相邻的表格单元格之间的像素值。 在“页眉”一栏中指定表格的标题部分。 ·“无”：对表格不启用列或行标题。 ·“左侧”：可以将表的第一列作为标题列，以便为表中的每一行输入一个标题。 ·“顶部”：可以将表的第一行作为标题行，以便为表中的每一列输入一个标题。 ·“两者”：可以在表中输入列标题和行标题。 在“页眉”一栏中指定表格的标题部分。 ·“无”：对表格不启用列或行标题。 ·“左侧”：可以将表的第一列作为标题列，以便为表中的每一行输入一个标题。 ·“顶部”：可以将表的第一行作为标题行，以便为表中的每一列输入一个标题。 ·“两者”：可以在表中输入列标题和行标题。 4.4.2选取表格、单元格、行与列 1．选取表格 ●方法一：单击表格的左上角、表格的顶边缘或底边缘的任何位置或者行或列的边框。 ●方法二：单击某个表格单元格，然后在文档窗口左下角的标签选择器中选择 table 标签。 ●方法三：单击某个表格单元格，然后选择“修改”菜单“表格”“选择表格”。 ●方法四：单击表格尺寸线上的向下箭头，打开表格标题菜单，然后选择“选择表格”。 ●方法五：右键单击某个表格单元格，在打开的快捷菜单中选择“表格”“选择表格”。 2．选取行或列 ●方法一：定位鼠标指针使其指向行的左边缘或列的上边缘。当鼠标指针变为选择箭头时，单击鼠标左键以选择单个行或列。 ●方法二：拖放鼠标指针以选择多个行或列。 3．选取单元格 ●方法一：单击单元格，在文档窗口左下角的标签选择器中选择 td 标签。 ●方法二：按住 Ctrl 键单击该单元格。 ●方法三：单击单元格，然后选择“编辑”菜单“全选”。 4.4.3设置表格和单元格属性 1．了解HTML 中的表格格式设置的优先顺序 优先顺序由高到低是： 单元格→行或列→表格 2．设置表格属性 ?“表格ID”：指定表格的ID。 ?“行和列”：指定表格中行和列的数目。 ?“宽和高”：是以像素为单位或按占框区宽度的百分比计算的表格宽度和高度。 ?“单元格边距”：指定单元格内容和单元格边框之间的像素值。 ?“单元格间距”：指定相邻的表格单元格之间的像素值。 ?“对齐”：确定表格相对于同一段落中其他元素，如文本或图像，的显示位置。 ?“边框”：指定表格边框的宽度的像素值。 ?清除列宽按钮 和清除行高按钮 ：从表格中删除所有明确指定的行高或列宽。 ?将表格宽度转换成像素按钮 和将表格高度转换成像素按钮 ：将表格中每列的宽度设置为以像素为单位的当前宽度，并且把整个表格的宽度设置为以像素为单位的当前宽度。表格高度的转换同理。 ?将表格宽度转换成百分比按钮 和将表格高度转换成百分比按钮 ：将表格中每列的宽度设置为按占所在框区宽度百分比表示的当前宽度，并且把整个表格的宽度设置为按占所在框区宽度百分比表示的当前宽度。表格高度的转换同理。 ?“背景颜色”：表格的背景颜色。 ?“边框颜色”：表格边框的颜色。 ?“背景图像”：表格的背景图像。 3．设置单元格属性 ?“水平”下拉列表：指定单元格内容的水平对齐方式。可以将内容对齐到单元格的左侧、右侧或使之居中对齐，也可以指示浏览器使用其默认的对齐方式，通常常规单元格为左对齐，标题单元格为居中对齐。 ?“垂直”下拉列表：指定单元格内容的垂直对齐方式。可以将内容对齐到单元格的顶端、中间、底部或基线，或者指示浏览器使用其默认的对齐方式，通常是居中对齐。 ?“宽”和“高”文本框：指定所选单元格的高度和宽度，以像素为单位或以占所在框区宽度或高度百分比为单位。如果要指定百分比，可在值后面使用百分比符号“%”。如果要让浏览器根据单元格的内容确定适当的宽度或高度，可将不填写此项文本框。 ?不换行：可以防止换行，从而使指定单元格中的所有内容提要都在一行上。 ?标