在介绍了表格的基本概念以及表格的属性之后,下面将学习如何在Dreamweaver CS6“文档”窗口中进行表格的编辑。
1.在网页中插入表格
1)任选以下操作之一创建表格:
●将鼠标移到“文档”页面上相应位置,打开“插入”面板,然后单击“表格”按钮。
●选择菜单栏上的“插入”→“表格”命令。
●将“插入表格”按钮,从“插入”面板拖动到页面相应位置。
通过以上任一方式执行创建表格命令后,打开图4-3所示的“表格”对话框,在这里根据需要进行表格的参数设置。
图4-3 “表格”对话框
2)在“行数”文本框中,输入需要插入表格的行数。
3)在“列”文本框中,输入需要插入表格的列数。
4)在“表格宽度”文本框中,输入以像素为单位,或以浏览器窗口百分比为单位的表格宽度。默认的表格大小设置为占据浏览器窗口的75%,通过在“表格宽度”文本框中改变数值,就可以改变这个百分比数值(在添加文本或图像时,表格会保持这个比例)。如果想以一个绝对像素数值作为表格宽度,而不是相对百分比,则可以在“表格宽度”文本框中输入像素数值,并且单击“表格宽度”文本框右侧的三角按钮,打开下拉菜单,选择“像素”选项。
5)在“边框粗细”文本框中,输入表格的边框宽度。如果不希望显示边框,则需要在这里输入0。
6)在“单元格边距”文本框中,输入单元格中的内容与单元格边界之间的距离。
7)在“单元格间距”文本框中,输入单元格之间的距离。
8)在“标题”列选项中,可以选择表格的说明在表格中的位置,主要有“无”“左”“顶部”“两者”几个选项。
9)在“标题”文本框中可以输入标题的说明文字,用于说明标题。
10)在“摘要”文本框中,输入表格的摘要。
11)设置完成之后,单击“确定”按钮,从而完成表格的创建。
2.表格和表格的嵌套
表格嵌套,是指把一个新表格插入到已有的表格单元格中。当然,嵌入的表格宽度将受到所在表格单元格的大小的限制。Dreamweaver CS6在嵌套表格上没有操作上的限制条件。用户可以将表格放在任意单元格中。
进行表格嵌套的操作如下:
1)选择下列操作之一创建嵌套表:
●将鼠标移入某个单元表格,然后选择菜单栏上的“插入”→“表格”命令。(www.daowen.com)
●将鼠标移到页面上相应位置,单击“插入”面板中的“表格”按钮。
●将“表格”按钮,从“插入”面板拖动到页面所需位置。
2)在打开的插入“表格”对话框中设置表格属性,在“行数”文本框中输入3,在“列”文本框中输入3;在“表格宽度”文本框中输入100,并且单击三角按钮打开下拉菜单,选择“百分比”单位;在“边框粗细”文本框中输入1,其他的参数保持默认值。具体设置如图4-4所示。
3)设置完成后,单击“确定”按钮退出。嵌套表格的效果如图4-5所示。
图4-4 设置表格的属性
图4-5 嵌套表格
3.在表格中输入文字或者插入图片
在表格单元格中可以插入文本、图片等其他内容。
在表格中插入文字的操作步骤如下:
将鼠标移到一个表格单元格中,然后任选以下操作之一插入文字。
●直接输入文本。当输入的文本长度超过表格单元格宽度时,表格单元格会自动调整其宽度。
●将Dreamweaver CS6或其他文本编辑器中的文本,复制并粘贴到表格单元格中。
在表格中插入图像的操作步骤如下:
1)将鼠标移到需要插入图像的单元格中。
2)在“插入”面板中单击“图像”按钮,或选择菜单栏上的“插入”→“图像”命令。
3)在打开的“选择图像源文件”对话框中选中要插入的图片,单击“确定”按钮即可完成图片的插入操作,如图4-6所示。
图4-6 插入图片操作
4.选定表格
在创建表格和输入表格内容之后,有时需要修改表格中的数据,这就要对表格元素进行选择,以便做下一步的操作。选择表格元素时,可以选择整个表格,也可以选择一行、一列或多行、多列,还可以选择表格中连续或不连续的多个单元格。选定表格或单元格之后,可以修改选定单元格及其所包含的文本,也可以复制和粘贴连续的单元格(值得注意的是:在Dreamweaver CS6中,不能复制或粘贴非连续的单元格)。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。