2024年5月10日发(作者：)

竭诚为您提供优质文档/双击可除

dw怎么在同一行插入多个表格

篇一：dreamweaver制作表格表单

dreamweaver制作表格和表单

表格当初主要用于数据的格式化显示，现在表格更多地

用于排列网页中的内容，今天我们就一起来看看在

dreamweavercs3里如何创建表格，以及如何使用表格对网页

中的图文进行布局。

一、什么是表格布局

表格布局就是为了精确定位、合理安排网页中的文字、

图片等元素，它就像网页的脸面，是在一个限定的面积范围

内合理安排、布置图像、文字等元素的位置，从而设计出版

式漂亮的页面。如图1所示，就是一个使用表格布局的页面。

图1表格布局文字和图片

二、表格的使用

如果我们要实现如图1所示的表格布局页面，该怎么办？

不急！下面就一步一步地实现如图1所示的表格布局页面。

1 13

请执行以下步骤：

(1)新建空白文档，然后选择“插入”一“表格”命令，

以显示“表格”对话框，如图2所示。

图2“表格”对话框

(2)输入所需的行数为7和列数为4，选择“百分比”或

“像素”为单位的表格宽度。

(3)在“边框粗细”后的文本框中输入边框宽度，如果

不需要显示边框，请将值设为"0"。

(4)设置“单元格边距”和“单元格间距”。

(5)设置的相关值如图2所示，然后单击“确定”按钮。

(6)选中第1行所有单元格，然后右击鼠标选择“表格”

一“合并单元格”命令，高度设为34。同理，合并第3行所

有单元格，合并第7行所有单元格，合并第1列第4行、第

1列第5行、第1列第6行这3个单元格，合并第2列第4

行、第2列第5行、第2列第6行这3个单元格，合并第4

列第4行、第4列第5行、第4列第6行这3个单元格，合

并后的效果如图3所示。

(7)按图1添加相关文字内容。

(8)光标定位到第4行第1个单元格里，然后依次选择

“插入”一“表单”一“复选框”命令。

(9)在第1行单元格里插入图片

“commodity_’。同理，在相应位置插入图片

2 13