传智播客
《HTML5+CSS3网站设计基础
教程》
教学设计
课程名称：HTML5+CSS3网站设计基础教程
授课年级：2016年级
授课学期：2016学年第一学期
教师姓名：某某老师
1
201 年月日
3
5
150px 100px
在
文
档
流
中
的
位
置
仍
然
保
留
child-02
、教师指出应用“相对定位”时需要注意的问题，并给予解答。

、学生练习，教师巡视，对疑难问题进行解答。

讲解“绝对定位”
PPT对“绝对定位”的概念进行讲解。

、教师针对“绝对定位”进行详细讲解，并进行代码演示
、教师分析“绝对定位”的用法及显示效果，对比其和“静态定位”
以及“相对定位”的区别与联系。

150px
100px
、教师指出应用“绝对定位”时需要注意的问题，并给予解答。

、学生练习，教师巡视，对疑难问题进行解答。

讲解“固定定位”
）、教师展示PPT对“固定定位”的概念进行讲解。

、教师针对“固定定位”进行详细讲解，并进行代码演示
、教师分析“固定定位”的用法及显示效果，对比其和“静态定位”
“相对定位”以及“绝对定位”的区别与联系。

、学生练习，教师巡视，对疑难问题进行解答。

7
9
当鼠标移上图中的焦点图时，两侧将会出现焦点图切换按钮，效果如下图
11
12
13。