您的位置:首页→Dreamweaver→图层应用
Dreamweaver MX 图层的应用
我们知道,在Dreamweaver中最受欢迎的莫过于层的运用。因为它可以很方便地对元素的定位!
一、元素的定位。
作为层,对于我们的网页的初步排版来说,还是很不错的,因为它可以任由我们摆放,想放在哪里就放在哪里!相关的改变只是层的命名和它的Z高度,如果你懂三维的话,就知道,它是以我们所知道的XY坐标的基础上再增加三维关系的Z坐标!它的高度以垂直于网页向外为正方向,向里为负方向。通常我们所见的网页,它的Z值为0。
在排版方面,本人觉得还是用表格最为方便,如果你比较熟悉的话,就会赞同我的想法的。在Dreamweave里面,也有层转化为表格的功能,但是它易产生无谓的代码,如果你对表格比较熟悉的话,我建议你采用表格进行排版,即进行我们的网页的布局!对新手来说,采用层也有它的好处。
二、新建图层、调整图层、层的属性面板、调整层的层叠顺序
三、层的显示和隐藏。
层的显示和隐藏是Dreamweaver里最常用的了!利用它我们可以实现好多用途。
事例一,对图片的说明,你将鼠标移动到图片上,观看效果。
我们知道,在Dreamweaver中最受欢迎的莫过于层的运用。因为它可以很方便地对元素的定位!
|
|
你会发现,当鼠标移动到图片上面时,就会出现一个对该图片的说明或是介绍。具体如何实现的呢?下面一步一步教你实现这个功能。
1、首先,同时按Alt+I,接着按Y,再按ENTER,就会插入一个层,或是选择主要菜单中的[Inser](插入),然后选择点击[Layer](层)。如下图:
层的默认名字为Layer1. 相关的参数我设为如图,你可以自己作相关的改变!
2、接着点击要实现该功能的图片。按Shift+F3,调出行为动作面板。如图
3、点击里面的“+”,弹出行为动作选项!
选择[Show-Hide Layers](显示隐藏层)这个选项。出现一个对话框!点击[Hide](隐藏),如下图
重复3,但这次选择的是[Show](显示).
然后在行为动作面板里出现如图的行为!点击里面每个行为的[Events](事件)旁的三角形,如下图红色圈中所示。将相应的事件更改为如下图所示的事件。后面的[Actions](行为)是事件发生时执行的行为。
好了,保存下来,浏览一下,是不是实现了上述的功能了呢!
如果你想在表单的按钮上,实现相关的行为,只要在上述的基础上更改部分行为即可!
点击相关的按钮,可以实现不同的功能!例如点击隐藏,那么就隐藏啦!点击显示,那么就显示本层内容了!
层的内容你自由设定,可以是个人介绍,或是其它的内容。自己发挥啦。
但要注意按钮的属性 。以及更改事件触发行为:[Events](事件)为onclick!
四、图层转换表格,图层不能重叠,点修改→转换
五、利用时间轴实现图层移动
|