Dreamweaver表格运用技巧

表格使用注意事项：

　　1、整个表格不要都套在一个表格里，尽量拆分成多个表格。

　　2、表格的嵌套层次尽量要少，最好嵌套表格不超过3层。

　　3、单一表格的结构尽量整齐。

Dreamweaver表格的几个运用技巧

（1）使鼠标指到表格时表格背景变色

　　这个特效用的是表格样式表，要达到此效果你只需在代码中加入：

onmouseout="this.style.backgroundColor=’’" onmouseover="this.style.backgroundColor=’#FFcccc’" 

例：

（2）表格背景图片技巧

　　大家都知道在一个较大的表格中放入背景图片，背景图片就会重复填充直到整个页面。我们可以利用表格的这个特性来减小我们网页中图片的大小。你若要插入一根水平线，用这方法也很有效。

（3）消除分辨率的差异

　　我们现在的网页最佳浏览分辨率大多是1024*768，但有不少的兄弟用的是640*480或800*600，怎样让你的网页兼容性更好， 你只需把表格的宽度设为100%即可该决这个问题。

（4）表格比图层排版要好

　　层的定位方式与表格的不同，层采取的定位方式是动态定位方式，它的定位靠的是两个参数Left和Top，这两个参数设置层框架与浏览器的边框的的距离，无论你是在最大化，还是在不同的分辨率下他都始终在一个位置，而表格在不同的情况下它将有所变化。

（5）用表格实现图文绕排

　　使一行文字位于图象的两侧，通过调整图象的对齐属性可以很容易实现，但要想使图象位于多行文字的中间，也就是所谓的文字环绕，只能借助于表格（或层）了。 

制作方法：

1、先插入一个层，其目的是便于这段绕排的文字和图象能拖动定位，当然也可以直接操作第二步； 

2、在层上插入一个3行3列的表格，并把第一行的三个单元格、第三行的三个单元格分别合并成一个单元格，便于输入文字；

3、在第二行的第二个单元格中插入图片或动画； 

4、现在你就可以输入文字了，输入文字的一般顺序是先在表格的第一行开始，其次是第二行第一个单元格-->第二行第三个单元格-->第三行。

---

上一篇：为您的网站建设找个设计师！

下一篇：网站设计常用布局方式总结