文档介绍：教学目标
1、理解层的用途;
2、掌握层的创建、层的设置;
3、熟练运用行为和时间轴实现对层的操纵;
下一页
上一页
教学重点
1、层的创建与属性设置;
2、使用行为实现层的动态效果;
下一页
上一页
教学难点
1、层的操纵
2、层的定位
下一页
上一页
教学方法
1、项目教学、案例教学
下一页
上一页
一、理解层对象的概念
层在网页中主要有两个方面的应用:
1、制作动态效果
层可以自由地移动,层可以显示隐藏,这是应用层创建动态效果的重要原因。
2、排版
因为层比表格有更大的自由度,可以自由地放置,同时还可以相互嵌套、叠加,所以很大程度上弥补了表格排版的不足。
下一页
上一页
二、在网页中添加层
(一)插入层和嵌套层
创建层的方法如下:
1、在菜单中选择“插入”-->“布局对象”-->“层”。
2、鼠标变为十字形,按住鼠标画出矩形的层,如图所示。可以在网页的任何位置插入层,在网页编辑窗口的左上角出现一个图标,代表插入的层。
下一页
上一页
在网页上绘制层后,Dreamweaver具有层面板,可以提供对多个层的综合管理,选择“窗口”-->“层”,打开层面板,如图所示。
下一页
上一页
层面板共有三栏内容,其作用如下:
1、左侧一栏有眼睛的图标。选中一层之后,单击眼睛图标,可以设置层的显示或隐藏。
2、中间一栏为“名称”,通过给层命名可以区分各个层,同时在层上应用行为也要先给层命名。
3、最右面一栏显示Z,意思是网页的Z轴。网页之中通过X和Y轴来给网页中的对象定位。Z轴的作用就是排定各个层的叠加顺序。z轴数值大的层在数值小的层的上面,覆盖数值小的层。
下一页
上一页
创建嵌套关系的层:
1、将光标放置在层中。
2、选择“插入”-->“布局对象”-->“层”,一个新层就出现在原来的层中,如图所示。
下一页
上一页
可以直接绘制嵌套层:
1、选择“编辑”-->“首选参数”,打开参数选择面板,然后切换到“层”面板,选中“如果在层中则使用嵌套”,如图所示。
2、打开“插入”面板,单击“插入层”按钮,这时在已有的层中绘制的层都会成为嵌套层。
下一页
上一页