层与层面板

在设计网页时,必须对页面元素进行定位,使页面布局整齐、美观。层就是一种新的网页元素定位技术,使用层可以以像素为单位精确定位页面元素。层可以放置在页面的任意位置。把页面元素放入层中,可以控制哪个显示在前面,哪个显示在后面,哪个显示,哪个隐藏。配合时间轴的使用,可同时移动一个或多个层,轻松制作出动态效果!

一、关于层

  在著名的图像处理软件Photoshop中有“layer”,在Dreamweaver 3中也有“layer”,但此“layer”非彼“layer”。在Photoshop中可以把“layer”翻译成“图层”,但在Dreamweaver中还是翻译为“层”为好,因为在Dreamweaver的“layer”中,并不一定含有“图”。Dreamweaver的层(layer)是指存放用DIV和SPAN标记描述的HTML内容的容器。层可以包含文本、图像、表单、插件,甚至层内还可以包含其它层。也就是说,在HTML文档的正文部分可以放置的元素都可以放入层中。

  在Dreamweaver中,你可以使用两种层来定位页面内容:

CSS层:CSS层(层叠样式表层)使用DIV和SPAN标记定位页面内容。CSS层的属性由环球网协会(W3C)的“用层叠样式表定位HTML元素”定义。

Netscape层:Netscape层使用Netscape的LAYER和ILAYER标记定位页面内容。 Netscape层的属性由Netscape的专有层格式定义。

  Internet Explorer 4.0 和Netscape Navigator 4.0 及它们的更高版本均支持使用DIV和SPAN标记建立的层,但只有Navigator支持用LAYER和ILAYER标记建立的层。因此,Dreamweaver预设使用DIV创建层,从而解决了浏览器的兼容问题。

二、创建层

  创建层有以下几种方法:

1 插入层:把光标置于文档窗口中想插入层的地方,然后选择Insert>Layer(插入>层)。
2 拖放层:把层按钮从对象面板中拖到文档窗口。


3 绘画层:在对象面板中单击层按钮,在文档窗口中拖动画出一层。

4 画多层:单击对象面板中的层按钮,按下Shift键,在文档窗口中画出一个层。只要不释放Shift键,可以连续画新的层。
对于你建立的每一层,都有一个层标志显示在文档窗口页面的左上部。如果在文档窗口添加段落回车之后添加层,层标志将显示在页面的其它位置。如果层标志不可见,选择 View > Invisible Elements(查看>不可见元素)。

 在默认的情况下,Dreamweaver 使用DIV 标记创建层,并在插入点或网页的顶部,紧接BODY标记之后插入层代码。

  三、层面板

  层面板是文档中层的可视图。选择Window>Layers(窗口>层)或按F11键可打开层面板。

  在层面板中,层以堆叠的名称列表的形式显示:先建立的层位于列表的底部,最后建立的层位于列表的上部。使用层面板可防止层重叠,改变层的可见性和堆叠顺序。

  1.改变层的可见性

  改变层的可见性的操作方法如下:

(1) 选择 Window>Layers,打开层面板。
(2) 选择要改变可见性的层所在行,单击眼睛图标列,直至设置为想要的可见性。
睁开的眼睛表示层可见。
闭上的眼睛表示层不可见。
如果没有眼睛图标,该层继承其父的可见性。当层不是嵌套时,父就是文档主体,它总是可见的。
(3) 要一次改变多层的可见性,单击眼睛列顶上的眼睛图标。

  2.改变层的堆叠顺序

  改变层的堆叠顺序的操作方法如下:

  选择Window>Layers,打开层面板(如果没有打开的话),然后在层面板中执行以下操作之一:

在Z列,单击要改变的层的数字。输入一个比现有的数大的数,把层在堆叠顺序中往后移;输入一个较小的数,往前移。
选择和上下拖动层至想要的堆叠顺序。在移动层时,你会看到一条线。当该线显示在想要的堆叠顺序时,释放鼠标按钮。