Dreamweaver3之一学就会(四)

Author: 5D精英网 机器猫 Date: 2000年 第26期

#1    表格篇
  自连载刊登以来收到了很多读者的E-mail,在这里谢谢大家对我的支持和鼓励。我想在最后一期把大家的问题和我的解答登出来,做一个Q&A。有一些读者朋友非常的着急,想早日完成建站“大业”,来信索取我的教程。大家想看前面的几期教程可以到www.5dmedia.com。想看后面的几期教程,请关注以后的《电脑报》!其实看完了这一期的表格篇和下一期的分帧篇,大家就可以开始制作自己的主页了。加油啊!
  表格是现在网页制作的一个重要组成部分。表格之所以重要是因为表格可以实现网页的精确排版和定位。本次的教程我们分为两步来进行。首先是表格操作的一个实例。然后是一些表格操作的基本方法。
    在正式开始制作表格之前,我们有必要对于表格的一些部分的名称作一个解释(如^26040201a^1)。
  一张表格横向叫做行(row),纵向叫做列(column)。行列交叉所围成的区域就叫做单元格(cell)。
  单元格中的内容和边框之间的距离叫做单元格空距(cell pad),单元格和单元格之间的距离叫做单元格间距(cell space),整张表格凸起的边缘叫做边框(border)。
  OK,下面看看我们本次要制作的页面(如^26040201b^2)。
  这张页面如果用以前我们所讲的图片对齐方法来做是不行的,这里我们就需要用到表格。要制作的网页实际上是这样的一张表格(如^26040201c^3)。
  1.在对象面板中选择插入表格(Insert Table)按钮,系统弹出对话框。这些参数我们都已经认识了,Rows(行)输入2,Columns(列)输入2,其余的参数都保留其默认值。
  2.在Dreamweaver中生成了一张表格,表格周围的黑色点是可以调整表格的高和宽的句柄。当光标移到点上就可以调整表格的高和宽,移到表格的边框线上也可以调整表格。
  3.在表格的第一格中单击,向下拖拽选中二格单元格,然后在展开的属性面板中选择合并单元格按钮(如^26040201d^4),将表格的单元格合并。如果要分割单元格,则可以用合并单元格按钮右边的按钮。
  4.用鼠标拖拽表格的边框调整到适当的大小。
  5.单击左边的单元格,在展开的属性面板中将Vert (单元格内容垂直对齐方式)设置为Top,然后输入文字。如果需要调整格子的大小,只需要鼠标的光标移动到边框上拖拽即可。
  6.在右下角的单元格内插入一张图片,现在表格的基本样子有了,但是单元格周围的立体边框还存在。
  7.光标移动到表格的边框上单击,表格周围出现黑框,表示选中整张表格,然后,在属性面板中将Border值设置为0,使边框不可见。为了排版的时候方便,我们还可以在右上角的单元格内,回车几下,空出一定距离,这样整个页面就做好了。
  通过上面的操作我们对于表格有了一个初步的认识。下面我们来看看具体的一些操作,首先,大家可能注意到了在对整张表格进行操作和对一个单元格进行操作的时候,相应的属性面板是不同的。
  下面我们就来看看这些属性面板的区别。
  表格的属性面板,要出现这个面板必须先选中整张表格,方法上面已经提到过了。下面我们介绍其上的一些基本参数(如^26040201e^5)。
  ·Rows:行数
  ·Cols:列数
  ·W:表格宽度(单位有百分比(%)和像素(Pixels)两种)
  ·H:表格高度(单位有百分比(%)和像素(Pixels)两种)
  ·Cell Pad:单元格空距
  ·Cell Space :单元格间距
  ·Align:表格的对齐方式。使整张表格居左,居中或者居右
  ·Border:表格的边框宽度
  ·Bg:表格的背景图片,可以选择黄色文件夹选择图片
  ·Bg:表格背景色,选过图片以后背景色就被覆盖了
  ·边框色:可以指定表格的边框颜色。有机会我们会在技巧教程中详述。
  选中了单元格之后属性面板就发生变化了(如^26040201f^6)。选择行或者列都属于选中单元格。
  ·合并:将选中的连续单元格合并成为一个单元格
  ·分割:将一个单元格分割成若干单元格
  ·Horz:水平对齐方式,单元格中的内容水平对齐方式。分为Left(左),center(中)、Right(右)三种
  ·Vert :垂直对齐方式,单元格中的内容垂直对齐方式。分为Top(顶)Middle(居中)Bottom(居底)Base line(基线对齐)
  ·Bg:单元格背景颜色
  表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键,在右键菜单中选择Table→Insert Rows or Columns选项,系统会弹出对话框(如^26040201g^7)。
  ·Insert 插入: Rows 插入行 Columns插入列两者选一个。
  ·Number of Rows插入的行数。如果插入的是列则为插入的列数。
  ·Where :插入方向
   Above the selection 在当前行的上面
   Below the selection 在当前行的下面
   如果插入的是列,则参数为:
   before current columns:在当前列之前
   After current columns:在当前列之后
  删除行或者列,可以单击这一行或者列中的一个单元格,然后鼠标右键激活菜单选择Delete row或者Delete Column就可以了。
  最后要说的是怎样选中表格中的各种元素的方法:
  ·选中一行,把光标移到该行的最左边单元格的左面,光标会变成箭头状,然后单击就可以选中一行了。
  ·选中一列,把光标移到该列的最上边单元格的上面,光标会变成箭头状,然后单击可以选中。
  ·选中整张表格,把光标移到表格的边框线上,光标变成双箭头或者十字箭头单击即可选中整张表格。选中的表格会周围出现一个黑框表示整张表格选中了。
  ·选中单元格,单元格可以同时选中多个,选择连续的单元格,光标先选其中的一个单元格,然后按住Shift键不放,选取最后一个单元格。选不连续的单元格、按住Ctrl键,点取所需要的单元格即可。
  OK,我们对于表格的使用就讲到这里。表格是网页制作基本技术中比较难的一个技术,所以,光靠我们今天讲的这些大家还不一定能够全部领会,学习中遇到问题可到www.5dmedia.com寻求技术支持或直接发E-mail给我:rudolf@21cn.com。