教学重点
上一节
下一节
跟书操作后课堂交流
跟书操作P139—165,然后就以下问题进行交流
1.什么是层
层好象是一张透明纸,可以在上画画。
一张一张的透明纸可以重叠,形成丰富的背景和前景层次。
层中可放动画,使网页更富吸引力。
一个层中的内容可以一起移动,便于网页排版。
2.如何插入层
l “插入”菜单——“布局对象”——“层”
l “插入”工具栏——“布局”标签——“描绘层”按钮
l 拖动“插入”工具栏——“布局”标签上的“描绘层”按钮到文档窗口
3.如何选中层
l 点层的边框
l 点层的标记
l 调出层的浮动面板
4.如何定义层的大小、位置
选中层,然后
l 在属性面板修改参数
l 在代码视图中修改参数(尤其是希望保持层与其它对象的相对位置时,可以在代码视图中将“position”参数由“absolute”改为“relative”)
l “修改”菜单——“快速标签编辑器”——修改参数
5.如何在层中插入嵌入层
l 光标定在层里,然后“插入”菜单——“布局对象”——“层”
l 拖动“插入”工具栏——“布局”标签上的“描绘层”按钮到相应的层里
l 在层面板中选中层,按住ctrl键的同时,将它拖到父层上
试一试:书P144的方法3“绘制法”灵不灵?
提问:是不是一个层看上去在加一层的区域内就是一个嵌入层?嵌入层和普通的位置重叠层有什么区别?
6.如何制作滚动区域
对层配置“溢出” P146
7.如何快速设置层的可见性
在层面板中点击“眼睛”符号
实例1:利用层实现变换图片 P161
实例2:制作下拉菜单 P155
l 先跟书操作,制作绝对定位的下拉菜单
l 再按在线教学平台要求,制作相对定位的下拉菜单