10.1 在网页中插入表格

表格由行、列和单元格3部分组成。行贯穿表格的左右,列则是上下方式的。单元格是行和列交汇的部分,用来输入信息。单元格会自动扩展到输入信息相适应的尺寸。

10.1.1 插入表格

在Dreamweaver中,表格可以用于制作简单的图表,还可以用于安排网页文档的整体布局。在网页中插入表格的方法非常简单,具体操作步骤如下:

01 打开网页文档,如图10-1所示。

图10-1 打开网页文档

02 执行“插入”|“表格”命令,如图10-2所示。

图10-2 执行“表格”命令

03 弹出“表格”对话框,在对话框中将“行数”设置为3、“列”设置为2、“表格宽度”设置为70%,如图10-3所示。

图10-3 “表格”对话框

★提示★

在“表格”对话框中可以进行如下设置:

●“行数”:在文本框中输入新建表格的行数。

●“列”:在文本框中输入新建表格的列数。

●“表格宽度”:用于设置表格的宽度,其中右边的下拉列表中包含百分比和像素两种单位。

●“边框粗细”:用于设置表格边框的宽度,如果将其设置为0,在浏览时则看不到表格的边框。

●“单元格边距”:用于设置单元格内容和单元格边界之间的像素数。

●“单元格间距”:用于设置单元格之间的像素数。

●“标题”:可以定义表头样式,4种样式可以任选一种,用来定义表格标题的对齐方式。

●“标题”:定义表格的标题。

●“摘要”:用来对表格进行注释。

04 单击“确定”按钮,插入表格,如图10-4所示。

图10-4 插入表格

10.1.2 添加内容到单元格

表格建立以后,就可以向表格中添加各种元素了,如文本、图像、表格等。在表格中添加文本就同在文档中操作一样,除了直接输入文本,还可以先利用其他文本编辑器编辑文本,然后将文本复制到表格里,这也是在文档中添加文本的一种简洁而快速的方法。

在单元格中插入图像时,如果单元格的尺寸小于插入图像的尺寸,则插入图像后,单元格的尺寸自动增高或者增宽。将光标置于单元格中,然后在每个单元格中分别输入相应的文字,如图10-5所示。

图10-5 输入文字

★提示★

怎样才能将在800×600的分辨率下生成的网页在1024×768下居中显示?

把页面内容放在一个宽为778的大表格中,把大表格的对齐方式设置为居中对齐。宽度定为778是为了在800×600的分辨率下窗口不出现水平滚动条,也可以根据需要进行调整。如果要加快关键内容的显示,也可以把内容拆开放在几个竖向相连的大表格中。