电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

浮动与定位_教学设计概要VIP专享VIP免费

浮动与定位_教学设计概要_第1页
浮动与定位_教学设计概要_第2页
浮动与定位_教学设计概要_第3页
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、下列选项中,属于