Dreamweaver教程（二十）之层及应用

层（Layer）是⼀种 HTML 页⾯元素，您可以将它定位在页⾯上的任意位置。

层可以包含⽂本、图像或其它 HTML ⽂档。

层的出现使页从⼆维平⾯拓展到三维。

可以使页⾯上元素进⾏重叠和复杂的布局。

⾸先我们⾸先来做⼀个层
1、在「窗⼝」菜单＞选“层”，或点「插⼊」菜单＞布局对象＞选“层”。

2、在页⾯中显⽰⼀个层。

3、通过周围的⿊⾊调整柄拖动控制层的⼤⼩
4、拖动层左上⾓的选择柄可以移动层的位置。

5、单击层标记可以选中⼀个层。

6、在层中可以插⼊其他任何元素包括图⽚⽂字链接表格等。

⼀个页⾯中可以画出很多的层，这些层都会列在层⾯板中。

层之间也可以相互重叠。

层⾯板可以通过菜单「窗⼝」菜单＞选“层”打开。

这⾥我们需要对⼏个概念进⾏解释。

层有隐藏和显⽰的属性。

这是层的⼀个重要属性和以后说到的⾏为相结合就变成了重要的参数。

单击层⾯板列表的左边，可以打开关闭眼睛。

眼睛挣开和关闭表⽰层的显⽰和隐藏。

层还有⼀个概念就是层数，层数决定了重叠时哪个层在上⾯哪个层在下⾯。

　⽐如层数为２的层在层数为１的层的上⾯。

改变层数就可以改变层的重叠顺序。

层⾯板上⾯还有⼀个参数就是防⽌层重叠。

⼀旦选中，页⾯中层就⽆法重叠了。

　
层还有⼀种⽗⼦关系也就是⾪属关系。

在层⾯板中是这样表⽰的。

图中Layer2挂在Layer1的下⾯。

Layer1为⽗层，Layer2为⼦层。

在页⾯中拖动Layer1，Layer2也跟着动起来。

因为他们已经链在⼀起了，并且Layer2⾪属于Layer1。

⽗层移动会影响到⼦层。

移动layer2层，Layer1层不动。

也就是⼦层不会影响到⽗层。

要建⽴这样的⼀种⾪属关系⽅法很简单。

在层⾯板中按Ctrl键将⼦层拖拽到⽗层即可。

［层和表格之间转换］
由于层在页布局上⾮常⽅便，所以，⼀些⼈可能不喜欢使⽤表格或“布局”模式来创建⾃⼰的页⾯，⽽是喜欢通过层来进⾏设计。

Dreamweaver MX 2004可以使⽤层来创建⾃⼰的布局，然后将它们转换为表格。

在转换为表格之前，请确保层没有重叠。

请执⾏以下操作：选择“修改”＞“转换”＞“层到表格”。

即可显⽰“转换层为表格”对话框。

选择所需的选项。

单击“确定”。

若要将表转换为层，请选择“修改”＞“转换”＞“表格到层”。

即可显⽰“转换表格为层。

对话框。

选择所需的选项。

单击“确定”。

层及应⽤我们就简单介绍到这⾥。