浏览互联网上绝大部分网页,都会发现表格控制页面的影子。表格能使各种元素在网页设计中布局得整齐统一、井然有序。Dreamweaver为网页设计提供了强大的表格功能。在Dreamweaver中可以很轻松地插入表格、设置表格属性,以及改变表格的结构和大小等。
在网页中插入表格的方法非常简单。例如,插入一个3行3列的表格,可以按照下列步骤进行操作。
【操作步骤】
第1步,启动Dreamweaver,新建HTML文档,保存为test.html。
第2步,将光标置于文档中要插入表格的位置。
第3步,选择【插入】|【表格】命令,打开【表格】对话框。
第4步,在【表格】对话框中设置主要属性。
•行数:在该文本框中输入表格的行数为3。
•列:在该文本框中输入表格的列数为3。
•表格宽度:在该文本框中设置表格的宽度值为200,单位为像素,也可以用百分比来设置。
第5步,其他选项暂时保留默认值。输入完毕后,单击【确定】按钮,关闭对话框,这时页面中将显示插入的表格。
提示:在【表格】对话框中,还涉及其他的参数设置。
•边框粗细:该文本框用于设置表格的边框宽度,以像素为单位。如果表格边框设置为0,则不显示表格边框。
•单元格边距:该文本框用于设置单元格中的内容和边框之间的距离,以像素为单位。
它的默认值为1。
•单元格间距:该文本框用于在网站建设中设置各单元格之间的距离,以像素为单位。它的默认值为2。在【标题】选项组中可以为表格设置拥有标题的行或列。
•无:不使用行或列标题。
•左:将表格的第1列作为标题列,以便为表格中的每一行输入一个标题。
•顶部:将表格的第1行作为标题列,以便为表格中的每一列输入一个标题。
•两者:可以在表格中输入行标题和列标题。在【辅助功能】选项组中可以设置表格辅助功能。
•标题:提供了一个显示在表格外的表格标题。
•摘要:可以输入表格的说明文本。屏幕阅读器可以读取摘要文本,但是该文本不会显示在用户的浏览器中。
第6步,插入表格以后,如果在单元格中再插入一个表格,这时插入的表格即为嵌套表格。插入嵌套表格的方法与插入表格的方法基本一致,只要将插入点置于要嵌套的单元格中,然后按照插入表格的方法插入嵌套表格即可,
当前文章标题:表格基本操作
当前URL:http://www.lyjtt.cn/news/wzzz/3111.html
上一篇:在网页设计中的圆角栏目
下一篇:如何在网页设计中编辑表格