阿邦教育频道>dreamweaver>DW应用实例> 正文

如何用Dreamweaver在页面中插入表格

在页面中插入表格的步骤[点击放大]
在页面中插入表格的步骤 来源:黄超
    在DIV+CSS的布局方法没有广泛应用之前,布局的工作基本上都交给表格来做,表格的优点在于它可以简洁明了地将图片、文本、数据和表单有序的显示在页面上,在不同的浏览器中的表现也比较好。但对于大型网站使用过多的表格布局会使页面变得臃肿。

    然而,鉴于表格的优点确实很多,所以我们仍然需要熟练的掌握它。

插入表格

在软件菜单栏中点击“插入”--表格,或者在插入工具栏中“常用”项中点击“插入表格图标”(图一),在弹出的插入表格对话框中定义表格内容(图二)。 插入表格对话框分三部分,第一部分定义表格大小,即表格尺寸;第二部分定义表格页眉;第三部分定义表格的辅助功能。我也给大家分三部分详细介绍一下。   表格大小   行数,顾名思义,它定义的是表格一共有多少行,只能填整数数字。 列数,定义表格的列数,只能填整数数字。 表格宽度,定义表格的总宽度,可直接填入数值,后面的宽度选项,分为像素和百分比,当宽度单位为百分比时,表格的宽度可以根据浏览器的宽度自动伸展。 边框粗细,定义表格的外边框宽度。 单元格边距,它定义的是单元格中的内容与单元格边框的宽度,也就是单元格内的空白。 单元格间距,它定义的是单元格与单元格之间的间隙。 凭空想象,也许您对边框粗细、单元格边距和单元格间距根本弄不清楚,那么看下下面这张图(图三)。
表格结构详解[点击放大]
表格结构详解 来源:黄超
  页眉

  这里提供了四种页眉选项,分别是无页眉、左页眉、顶部页眉和左页眉顶页眉两者兼顾四种。其实表格页眉就是表格中列表内容的标题,因为“两者”这个选项把前面几项都包含其中,所以这里就拿它来做例子。例子样式请稍后看下面的图四。

  辅助功能

  辅助功能提供了三个选项,它们都是可以省略不填的,这里为了给大家详细说明,我就拿最简单的课程表为例。

    标题,它就是表格的标题,显示这个表格的主题,让别人知道它是做什么的。

    对齐标题,定义表格标题的对齐方式,有默认、顶部、底部、左、右五个选项,一般保持默认就可以了。

    摘要,这里可以将表格内容和它所要表述的内容做简要的描述,这样做应该有利于搜索引擎的抓取,不过目前我没有验证过呢。

    插入表格的三部分已经填写完成了,现在点击确定就能在网页中看到您插入的表格了,在表格的单元格中随便填些内容,看看是不是和图四的样式一样呢?

    有的朋友会问,表格的摘要到哪去了?上面我也说到了,摘要可能有利于搜索引擎抓取,因为它不会显示在页面中。选中表格,点击文档窗口切换按钮的代码按钮,可以在源代码的table标签中看到一个属性summary="成绩单的表格",这就是表格的摘要。

    插入表格成功,但它看起来是那么丑陋,下面我再教您修饰表格


留言板
不错 微笑 撇嘴 害羞 不行 疑惑 调皮
惊恐 困了 近视 喜欢 努力 可怜 伤心
留言规则》