在Dreamweaver中用Layer技术

Author: kuroko Date: 2000年 第21期

  我曾在一本关于主页制作的书上看到过这样一句话:“如果你的主页中没有<table>(表格)标签,那一定不是一个完美的主页。”这句话以前可能完全对,但自从Dreamweaver(以下简称DW)出现后就变了,因为DW中的层(Layer)完全可以代替表格,并有如下优点:
    1.定位精确。插入一个层后,可以很方便地在属性栏中定出它的大小及在页面中的绝对坐标,并且层与层之间的定位也是相当精确,几乎可以不通过属性栏,用肉眼观看就可以了。
    2.插入自如。你想在页面的某处插入一段话或一幅图片,如果用表格来实现的话,准会将表格拆分得乱七八糟,把自己弄得头昏脑胀,最后还可能因定位不好,在浏览器中预览还不尽如人意;如果用层的话就方便多了,随便画一个层,插入喜欢的东西,然后拖到你想安放的地方。真是想放在哪就放在哪,不信用IE看看,绝对精确!
  3.加速浏览。在网页制作的过程中,为了完成图片、文字之间的精确定位,往往将表格制得很大,然后拆成各个单元格,在各个单元中插入图片或文字来实现。然而在IE中,一个表格只有完全被下载完后,才能显示其内容,如果你的这个表格很大的话,往往让浏览者等上半天,然后突然蹦出一大屏内容来,给人一种烦躁的感觉(我可是深有体会的哟!)。大家何不用层来实现呢?用一块块层来做,定位又精确,别人浏览你的网页时内容又是一块块地直往外蹦,真是一举两得,太酷了!
  4.兼容性好。大家制作主页时可能遇到这样的问题,在IE4中浏览是好好的,可是到了IE5中版面就一团糟;要么在IE5中浏览很好,在IE4中就变味了。如果用层来排版就什么烦恼都没有了,我用层构建了一个版面,分别用IE4/5/5.5测试过,简直分不出有什么差别来。够帅的吧!
  5.可叠加性。大家都知道表格是不能叠加的,而层就不同了,如同它的名字一样,可一层层地堆起来,并且后建的层会覆盖先建的层。利用这一特性,我们可以达到各种微妙的效果,例如各个层中插入不同的图片,然后叠起来,感觉是不是有点像Photoshop,层中还可以插入表格,将层和表格综合利用起来,以便更好地实现图文混排。
  看到层有这么多优点,是不是有一点心动,那么赶快跟我动手吧!打开DW,在页面上方拖画一个层,作为标题;左方画一个层作为导航栏;中间建一层写上你的主页内容吧;右边插一层作为……?!哇!不说了,大家还是自己构思自己的版面吧,灵感毕竟是自己的嘛!
   这是我在DW中使用层构建版面时的一点心得,希望对大家制作自己的“烘焙鸡”有一点帮助。如果大家有什么好的见解请发妹儿到kuroko@21cn.com,我将和大家探讨,以求共同进步!