Dreamweaver4神童教程之七

2008-02-23 06:17:43来源：互联网阅读 ()

Dreamweaver4神童教程——表格
摘自赛迪网（小雷）

　　恭喜您，经过前面的学习，您已掌控了基本的网页制作知识，能够单独制作一些较简单的网页了。但光是那些知识还是远远不够的，下面我们将谈到网页定位技术的问题，让您在进行网页编辑时取得更为精准的控制权。

　　网页的定位，就是指把网页元素诸如文本、图片等等按需要放在合适的位置，Dreamweaver 提供了诸如表格、框架、图层，连同 4.0 版本所独有的版面(Layou) 规划等网页定位技术，掌控他们，才能真正学到网页制作技术的精髓！

一．表格概述：

　　表格的应用，最简单的理解的是作为数据的列表进行显示。如图一：

图一

　　在实际制作过程中，表格更多地用在网页定位上，只需通过设定表格宽度，高度，彼此之间的比例大小，等等，就能够把不同的网页要素分别"框"在不同的单元格之中以达到页面的平衡。

　　表格在网页定位上，除了精准控制的特点外，还具备规范、灵活的特点，正是因为这些原因，表格在网页制作过程中扮演着重要的角色。事实上，国内的许多大型网站的页面，都应用到了表格定位技术。

二．表格的创建：

Insert/Table ，然后弹出一个窗口，如图二：

图二

Rows：行数
Columns：列数
Width：宽度，能够是相对比例（百分数），也能够是绝对尺寸。
Border：边线是否可见，0 代表无边线；1 代表有边线。
Cell Padding：单元格中内容和单元格边线之间的距离。
Cell Spacing：单元格和单元格之间的距离。

提示：创建表格时，假如开始不能确定他的属性，能够使用默认值，然后再通过属性面板进行修改；另外，关于 Width 的设定，一般来说，大表格往往采用绝对尺寸，表格中所套的表格采用相对尺寸，这样定位出来的网页才不会随着显示器分辩率的差异而引起混乱。

　　表格的基本属性配置好后，点按 OK ，这时编辑窗口会出现一个空白表格，假如属性面板打开的话，其属性面板变成如图三的样式：

图三

除了上面已介绍的参数外，属性面板还提供了其他的参数：

Align：表格的对齐方式，分别是居左，居中，居右。
Bgcolor：表格的背景颜色。
Brdr Color：边线颜色，只有当 Border 参数为 1 即边线显现时本参数才有意义。
BgImage：表格的背景图片。

：清除行高和列宽。

：根据表格的当前值，分别将表格比例改为绝对尺寸或相对比例尺寸。

提示：表格的背景颜色，既能够是整个表格，也能够是某个单元格，（也就是说大表格用一种颜色，某个或某些单元格用另外的颜色。）因此他的灵活配置往往能够创建出别具一格的网页配色；清除行高和列宽的主要作用是创建规则的表格，制作好表格后，在向单元格输入数据时，Dreamweaver 往往会改变表格单元格尺寸大小，让您本来定置好的表格变得面目全非，这时就能够用清除行高和列宽命令，将表格缩到最小，然后再通过属性面板上的 Width ，重新配置表格的宽度，这时一个规则，均匀的表格就出现了。

　　上面我们谈到的是表格的属性，当取消选择，随便用鼠标点一下任意单元格时，属性面板又会变成另外一种式样，让我们能够对该单元格进行配置，如图四：

图四

图四的上半部分，能够对表格中字体，链接等进行配置，是属性面板的默认参数，具体解释可见前面的章节；下半部分则是对单元格进行参数配置，他们分别是：

Horz：水平位置。
Vert：垂直位置。
W：单元格宽度，能够是百分数（如两个单元格组成一个表格，一个单元格能够设值为 30% ，另一个则设值为 70% ），也能够是绝对尺寸。
H：单元格高度。
No Wrap：强制不断行，任何内容在一行显示。值得提醒的是，此参数往往撑大整个表格，建议不要选。
上面的Bg：单元格背景图片。
下面的Bg：单元格颜色。
合并/拆分表格：