页面布局说课.ppt

《页面布局说课.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《软件UI设计》之页面布局浙江省高职高专教育计算机类专业教学指导委员会主办2014年浙江省高职高专计算机类专业信息化教学设计大赛目录教材分析学情分析教学方法分析学习方法分析教学过程分析教学设计反思教材分析《div+css3.0网页布局案例精粹》电子工业出版社王大远编著教材系统地介绍了css样式的基础理论和实际应用技术，并结合实例来介绍使用div+css布局制作网页的方法和技巧。知识目标情感目标能力目标教材分析本次课主要是学习页面布局，主要涉及的知识点是DIV的嵌套、CSS布局定位、盒子模型、常用的布局方式等。重点：CSS布局定位

2、、盒子模型、常用的布局方式。难点：CSS布局定位。本次课为4课时内容充实，重点、难点明确学情分析学生上网较多，对网页有一定的了解，并且学生大部分比较有个性，喜欢新鲜的事物，对页面的审美有各自独特的观点。根据学生这一特点，激发学生的兴趣是很重要的，通过微课这种新鲜的事物，激发学生的兴趣，发挥学生的主动性，将自主、合作、探究的学习方式有效地融合在一起。教学方法分析课前自主学习任务单+配套学习资源（微课）指导学生学习帮助学生学习翻转课堂教学方法分析翻转课堂：学习知识在课外，内化知识在课堂传统课堂：学习知识在课堂，内化知识在课外新课导入

3、，知识讲解，布置作业完成作业（含复习和了解性预习）课堂内课堂外学习知识内化知识自主学习，自定进度整理收获，提出问题课堂外课堂内展示交流，协作探究科学实验，完成作业学习知识内化知识学习方法分析人性化学习多观察多实验多思考多提问采用多种学习方法，提高学习效率让学生按照自己的步骤学习教师给予学生一对一个性化指导教学过程分析课前自主学习任务单微课翻转课堂教学制作设计任务单开展教学观看完成任务参与学习学生成为主动的学习者知识意义的建构者教师成为学生学习的指导者帮助者、组织者、设计者教学过程分析—课前自主学习任务单设计课前自主学习任务单学习

4、指南学习课题学习目标学习方法建议课堂学习形式预告学习任务DIV嵌套浮动定位相对定位与绝对定位盒子模型常用布局方式……困惑与建议由学生自主完成，通过自主学习，提出问题，带着问题到课堂学习教学过程分析—微课设计微课设计微课1：DIV的嵌套；微课2：浮动定位；微课3：相对定位与绝对定位微课4：盒子模型；微课5：常用的布局方式。教学过程分析—课堂教学拓展辅导答疑展示反馈作业协作探究检测教学过程分析教学设计反思1、检测能够及时了解学生关于课前自主学习任务单的完成情况2、通过作业，能让进一步学生发现问题。3、通过作品展示，在学生之间得到分享

5、。4、通过辅导答疑帮助学生解决遇到的实际问题。5、通过拓展，提出新的问题，引导学生进行更深入的学习。THANKYOU