让你的网络营销真正落地!
专注于企业网络营销策划、营销型网站建设、实操培训、网络营销推广外包。
全国咨询热线:

17092503533(广告推销勿扰)

新闻中心
企业资讯
您现在的位置:首页 » 新闻中心 » 建站知识

Dreamweaver表格运用技巧

作者: 发布于:2014-04-09 21:29:54 点击量:

表格使用注意事项:

  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、现在你就可以输入文字了,输入文字的一般顺序是先在表格的第一行开始,其次是第二行第一个单元格-->第二行第三个单元格-->第三行。




上一篇:为您的网站建设找个设计师!

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

网站首页 - 关于我们 - 网站建设 - 网站优化 - 模版超市 - 全网整合营销 - 建站案例 - 新闻中心 - 软件开发 - 联系我们

龙讯软件工作室 版权所有 网站地图

在线客服

技术支持
点击这里给我发消息