在DIV+CSS的布局方法没有广泛应用之前,布局的工作基本上都交给表格来做,表格的优点在于它可以简洁明了地将图片、文本、数据和表单有序的显示在页面上,在不同的浏览器中的表现也比较好。但对于大型网站使用过多的表格布局会使页面变得臃肿。
然而,鉴于表格的优点确实很多,所以我们仍然需要熟练的掌握它。
插入表格
在软件菜单栏中点击“插入”--表格,或者在插入工具栏中“常用”项中点击“插入表格图标”(图一),在弹出的插入表格对话框中定义表格内容(图二)。
插入表格对话框分三部分,第一部分定义表格大小,即表格尺寸;第二部分定义表格页眉;第三部分定义表格的辅助功能。我也给大家分三部分详细介绍一下。
表格大小
行数,顾名思义,它定义的是表格一共有多少行,只能填整数数字。
列数,定义表格的列数,只能填整数数字。
表格宽度,定义表格的总宽度,可直接填入数值,后面的宽度选项,分为像素和百分比,当宽度单位为百分比时,表格的宽度可以根据浏览器的宽度自动伸展。
边框粗细,定义表格的外边框宽度。
单元格边距,它定义的是单元格中的内容与单元格边框的宽度,也就是单元格内的空白。
单元格间距,它定义的是单元格与单元格之间的间隙。
凭空想象,也许您对边框粗细、单元格边距和单元格间距根本弄不清楚,那么看下下面这张图(图三)。如何用Dreamweaver在页面中插入表格
页眉
这里提供了四种页眉选项,分别是无页眉、左页眉、顶部页眉和左页眉顶页眉两者兼顾四种。其实表格页眉就是表格中列表内容的标题,因为“两者”这个选项把前面几项都包含其中,所以这里就拿它来做例子。例子样式请稍后看下面的图四。
辅助功能
辅助功能提供了三个选项,它们都是可以省略不填的,这里为了给大家详细说明,我就拿最简单的课程表为例。
标题,它就是表格的标题,显示这个表格的主题,让别人知道它是做什么的。
对齐标题,定义表格标题的对齐方式,有默认、顶部、底部、左、右五个选项,一般保持默认就可以了。
摘要,这里可以将表格内容和它所要表述的内容做简要的描述,这样做应该有利于搜索引擎的抓取,不过目前我没有验证过呢。
插入表格的三部分已经填写完成了,现在点击确定就能在网页中看到您插入的表格了,在表格的单元格中随便填些内容,看看是不是和图四的样式一样呢?
有的朋友会问,表格的摘要到哪去了?上面我也说到了,摘要可能有利于搜索引擎抓取,因为它不会显示在页面中。选中表格,点击文档窗口切换按钮的代码按钮,可以在源代码的table标签中看到一个属性summary="成绩单的表格",这就是表格的摘要。
插入表格成功,但它看起来是那么丑陋,下面我再教您修饰表格。再看几篇关于dreamweaver的文章


![在页面中插入表格的步骤[点击放大]](http://z.abang.com/d/dreamweaver/1/1/V/-/-/-/charubiaoge_all1.gif)
![表格结构详解[点击放大]](http://z.abang.com/d/dreamweaver/1/1/W/-/-/-/charubiaoge_all2.gif)
















