第 11 讲 布局技术-层 AP Div
1.1 教学目标：
知识目标
1. 理解层的作用
2. 掌握层的各种基本操作
技能目标
能运用层进行布局，能设置层的重叠与嵌套，能合理操作层
品质目标
培养学生认真细致、踏实进取的精神
1.2 教学重点：
1. 掌握层的各种基本操作
1.3 教学难点
理解层的作用和操作。
1.4 教学方法：
讲练结合，任务驱动、分子任务操练
1.5 课时安排：
2 课时
1.6 教学对象分析：
这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的
规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情
况上，培养学生较好的专业基础与创新创作意识。
1.7 教学过程：
一、激趣导入，揭示课题
层是一种 HTML 页面元素，可以将其定位在页面上的任意位置。层可以包含文本、图像
或其他任何可在 HTML 文档正文中放入的内容。
通过 Dreamweaver MX 2004，可以使用层来设置页面的布局。可以将层前后放置，隐藏某
些层而显示其他层，以及在屏幕上移动层。还可以在一个层中放置背景图像，然后在该层的
前面放置第二个层，利用层不仅可以非常灵活地放置内容，还可以根据不同的设置，实现相
应的动态效果。
二、层的操作
层可以理解为浮动在网页上的一个页面，它可以准确地定位在页面上的任意位置，并可
以规定它的大小。通过层可以对网页进行精确定位。不仅如此，通过对层与行为的综合使用，
还可以创作出赏心悦目的动作效果。
层可以包含文本、图像或其它任何可在网页中放置的内容。层可以重叠，并且可以改变
重叠次序，因此可以在网页上实现内容的重叠效果；可以动态地设定层的显示或隐藏，实现
层内容的动态交替显示等特殊的显示效果；层可以嵌套，子层会遗传父层的特征，例如可见
性，位置移动等。
0.1 新建层
用 Dreamweaver 可以方便地在页面上创建层并精确地将层定位。
1
资源评论
