网页表格应用小贴士

数码时尚

毕朝国

　　1.多用表格排版网页，可以使你的网页更美观

　　将表格的宽度设为“100%”，可以使网页的兼容性更好。在大表格里插入小表格，如果不定义表格高度，那么会居中显示，影响排版。在Dreamweaver中最好定义小表格的高度为“1%”，这样小表格就会自动居上。如果需要实际的高度可以在单元格里定义，这样就可以更好地定义各个元素的分布，让你的网页看起来更加有序。在定义表格宽度和高度的时候要特别注意，要不全部用百分号，要不全部用实数(像素数)。在定义各个单元格的时候也要如此，并且都要把具体的数字或百分号写上，不然在IE5.0下显示会把表格撑大，以致整个版面参差不齐，并且还会不显示。

　　2.不把整个网页放在一个大表格里

　　如果整个网页放在一个表格里，那么这个大表格里的内容要全部Load完才会显示。这时该网页内容就会要么全部不显示，要么一下子全部显示出来。当用户在浏览你的网页的时候，如果长时间什么都不显示，就很可能把目光转移到其他网站去。

　　3.多用美观的细线边框表格

　　插入一个表格，边框大小设为“0”(border="0")，间距设为“1”(cellspacing="1")，背景色设为深色(如bgcolor="#000000")，然后选定所有单元格，并将单元格的背景色设为浅色(如：bgcolor="#FFFFFF")，这样可以得到一个细线边框的表格。

　　当然你也可以用另一种方法：将表格的边框设为“0”，选取表格，用CSS样式为表格设一个大小为“1”的边框(这种方法制作出来的网页兼容性会差一些)。

　　4.动态改变表格的颜色，让网页更有动感

　　在单元格的＜td＞标记里加上“onMouseOut=this.style.backgroundColor='red'onMouseOver=this.style.backgroundColor='lightgreen'”就可以了。

　　5.用表格代替水平线

　　插入一个表格，将高度设为“1”。当然也可以将宽度设为“1”来制作竖线。

　　注意：在Dreamweaver里制作时，要先将高度设为“1”后，切换到代码窗口，再将表格里的空格符( )去掉，如果不去掉将看不到效果。在表格里填上你需要的颜色，即水平线的颜色。