浮动与定位_教学设计..docVIP

传智播客 《HTML5+CSS3网站设计基础教程》 教学设计 课程名称： HTML5+CSS3网站设计基础教程 授课年级： 2016年级 授课学期： 2016学年第一学期 教师姓名： 某某老师 201 年 月 日 课题名称 第6章 浮动与定位 计划课时 8课时 内容分析 通过前面几章的学习，初学者不难发现，在默认情况下，网页中的元素会按照从上到下或从左到右的顺序一一罗列。如果仅仅按照这种默认的方式进行布局，网页将会显得单调、混乱。为了使网页的布局更加丰富、合理，可以在CSS中对元素设置浮动和定位属性。本章将对元素的浮动和定位进行详细讲解。 教学目标 理解元素的浮动，能够为元素设置浮动样式。 熟悉清除浮动的方法，可以使用不同方法清除浮动。 掌握元素的定位，能够为元素设置常见的定位模式。 重点及措施 教学重点：元素的浮动属性float、运用clear属性清除浮动、运用overflow属性清除浮动、使用after伪对象清除浮动、overflow属性、元素的定位属性。 措施：通过上机操作加强学习和补充案例进行巩固。 难点及措施 教学难点：元素的浮动属性float、overflow属性、元素的定位属性。 措施：通过上机操作加强学习和补充案例进行巩固。 教学方式 教学采用教师课堂讲授为主，使