主题:  在DW里关于层的定位的问题请教?

wwb048

职务:普通成员
等级:1
金币:0.0
发贴:49
#12001/2/12 17:18:15
在DW 中,层用着很方便,但是位置怎么那么难调呢?有什么好的办法吗?



mp3ss

职务:普通成员
等级:5
金币:10.0
发贴:2567
#22001/2/12 18:38:05
Dreamweaver中层的定位


自从Dreamweaver提出层这个概念以来,层的定位一直困扰了许多朋友。其实Dreamweaver中层的概念80%都是将DIV这个标记和CSS的定位进行了抽象,从而得到层这个定义。一切层(只是针对DW中的DIV标记,Netscape的Layer不做讨论)的定位问题也就归结到了用CSS对DIV标记进行。一共有3种定位的情况,我们一个一个来看


1 打开ojbect面板,用层工具在工作区随便拉出来一个层。那么这个层不论页面如何放大放小,它都以浏览器窗口区左上交为基点,用top和left值来控制坐标的。

2 在DW工作区插入一个多行多列的表格,将光标移动到中间一个单元格内。用Insert菜单下的Layer菜单插入一个层。保存一下。我们可以看到,此层非彼层,它将以表格单元为基点控制坐标。仔细观察代码,原来根本就没定义left和top值。千万别定义,定义之后就成了第一中情况的固定层了

3 将2制作好的层改变一下,找到此层的代码部分,将单词absolute替换为relative,保存。可以看到,层也是相对于表格单元定位的,而且可以改变top和left值!无论top和left怎么变,此层都将相对与表格单元定位。但是问题又出现了,表格单元被撑大了许多。再将DIV标记的width和height值改为0或者索性删掉这2个属性,怎么样?单元表格又恢复了吧。需要注意的是,单元格的最小尺寸将容纳
中间的内容,因为
确确实实的包含在了

大班主

职务:普通成员
等级:2
金币:10.0
发贴:724
#32001/2/12 19:14:04
层的确具有很大的灵活性,DW也是通过它来实现很多的特效的。

但一直以来网页制作者们对用层排版和用表格及层的混排都是反对的。所以在说明层的定位以前还要再次提醒你最好不要使用层来排版。专业的排版模式就是表格的运用。

层的定位模式总体上有两种,一是绝对定位,一是相对定位。

绝对定位:直白的说,绝对定位就是指当插入一个层后,按照你的意愿随意放置层的位置。

相对定位:就是插入一个层,不改变层的任何位置(左右上下),只在属性面板中改变层的大小。

必须说明的是:绝对定位只能照顾到固定的分辨率,也就是说在一种分辨率下看着很整齐的层排版在换了分辨率后就不是那个样子了。因为定位是相对于层相对于浏览器编辑区的各个位置而言的。无论分辨率怎样改变,绝对定位后的层都是和浏览器保持指定的距离。例如:你在800*600的分辨率下插如一个绝对定位的层,该层在浏览器中的位置为:左180像素、上400像素,那么当改变分辨率为1024模式,它仍然保持这个距离不变。这也就是使用绝对定位排版在更换分辨率时我们会看到版面混乱的原因。

相对定位绝大多数的时候都是配合表格使用的,将一个层插入到表格中只变大小而不变位置。因为它嵌套在表格中,所以当分辨率改变时,层的位置是相对于所插入表格的位置的改变而改变的。

推荐使用配合表格嵌套相对定位层的排版模式,这并不同于我上述的表格于层混排,上述的混排概念是表格和绝对定位层的混排。

罗嗦了好多,不知道你能不能理解。就怕把你说糊涂。



wwb048

职务:普通成员
等级:1
金币:0.0
发贴:49
#42001/2/12 19:50:59
服了师,我明白了!
我会小心使用的,我这就去试试;
我的大嘴秘籍版面也设计好了,传上了,感觉还行!
还缺少些东西就是下拉菜单,就是左边的!象WIN中资源管理器里的差不多!



xunshaohua

职务:普通成员
等级:1
金币:0.0
发贴:46
#52002/10/8 17:22:12
yeah



5D雷锋

职务:普通成员
等级:3
金币:10.0
发贴:1008
#62002/10/9 22:07:20
其实利用表格定位在插入层就很容易定位了!