1《HTML+CSS+JavaScript网页制作案例教程》教学设计课程名称：HTML+CSS+JavaScript网页制作案例教程授课年级：2015年级授课学期：2015学年第二学期教师姓名：某某老师201年月日2课题名称第7章浮动与定位计划课时6课时内容分析通过前面几章的学习，初学者不难发现，在默认情况下，网页中的元素会按照从上到下或从左到右的顺序一一罗列
如果仅仅按照这种默认的方式进行布局，网页将会显得单调、混乱
为了使网页的布局更加丰富、合理，可以在CSS中对元素设置浮动和定位属性
本章将对元素的浮动和定位进行详细讲解
教学目标理解元素的浮动，能够使用浮动对网页进行布局；熟悉清除浮动的方法，能够清除浮动的影响；掌握常见的几种定位模式，能够对元素进行精确定位；重点及措施教学重点：元素的浮动属性float、运用clear属性清除浮动、运用overflow属性清除浮动、使用after伪对象清除浮动、overflow属性、元素的定位属性
措施：通过上机操作加强学习和补充案例进行巩固
难点及措施教学难点：元素的浮动属性float、overflow属性、元素的定位属性
措施：通过上机操作加强学习和补充案例进行巩固
教学方式教学采用教师课堂讲授为主，使用教学PPT讲解
教学过程第一课时（制作“世界杯梦幻阵容”，讲解元素的浮动属性float）复习上节课内容在讲解本节内容前，抛出以下问题让学生回答，以复习第六章“HTML表单”的相关知识
1、下列选项中，属于和标记常用属性的有哪些项
（）A、sizeB、multipleC、selectedD、value答案：ABC答案解析：和标记的常用属性标记名常用属性描述size指定下拉菜单的可见选项数（取值为正整数）
multiple定义multiple="multiple"时，下拉菜单将具有多项选择的功能，方法为按住Ctrl键的同时选择多项
