在众多网页制作软件中 Dreamweaver MX 2004 独有层的功能。Dreamweaver MX 2004的层与 Flash MX 和Photoshop 中的层不同,Dreamweaver MX 2004 的层可以游离在文档之上,因此可以用层来精确定位网页元素;层可以通过时间轴来来移动或者变换位置,实现动画效果;层还转换为表格,为不支持层的浏览器提供解决方法。下面为我们根据一些实例来了解层的功能。
【建立层】
打开Dreamweaver MX 2004软件,新建一个HTML文档。选择“布局” 格式:
在菜单栏选择“插入”-“布局对象”-“层”:
此时在文档窗口就能看到建立了一个层:
【层属性】
鼠标点击上图中的手柄或层标签都能选中层,层选中之后,可以在属性面板里面查看和设置各种参数了。
【层编号】给层命名,在今后使用行为或者JavaScrip来控制层的时候,就必须用到这个名称。
【左】(上):层与浏览器窗口左边(上边)的距离。
【宽】(高):层的宽度和高度。
【Z轴】:除了屏幕的X、Y轴,逻辑上增加了一个垂直于屏幕的Z轴,其数值代表垂直平面的方向上层的序号。
【可见性】:层的可见性。default-默认; inherit-继承; visible-可见; hidden-隐藏。
【背景图像】(颜色):用来设置层的背景图像和颜色。
【溢出】:设置当层内的内容超过层的大小时的显示方式 visible:层将向右向下扩大以显示层内的全部内容; hidden:只显示层尺寸以内的内容; scroll:不改变层的大小,但增加滚动条,不管层的尺寸时候够大都会显示滚动条。 auto:只有在层不够大的时候才出项滚动条。
【剪辑】:用于指定层的哪一部分是可见的。
【层面板】
选择下拉菜单的“窗口”-“层” 或者使用快捷键“F2”都可以打开层面板,它于层的属性面板配合使用,可以快速的对层进行操作,层面板如图所示:
层面板可以实现以下功能:将一个层嵌套到另一个层 选动一个或者多个层 修改层的Z轴顺序 修改层的可见性 禁止或者允许层重叠
关于层面板上各种功能,我们在下面的实例中讲解。
【嵌套层】
层的嵌套与上面的说的层的重叠不同,重叠的层除了在视觉效果上觉得有些关联之外,各层之间没有联系。嵌套的层与其父层是有一定内在联系的。首先我们来建立一个嵌套层。
1、在文档窗口插入一个层。
2、将鼠标光标定位在这个层内,然后再插入一个层,这就形成了嵌套层,见下图左。同时在层面板也能看出这两个层是树型结构,我们把开始建立的那个层叫做父层,后插入的那个层叫做子层。父层和子层的Z轴位置是一样的。见下图右。
嵌套层中的父层与子层的关系是,这种“父子关系”不是位置的关系,而是结构的关系。子层并不一定要在父层内,子层移动位置,父层不发生变化,而父层移动,子层会随着父层移动。具体的应用实例我们会结合时间轴一起来理解。目前我们仅仅知道嵌套层的关系即可。