网页设计与制作——
2017年广东省中等职业学校教师信息化教学大赛
使用DIV+CSS布局网页
《网页设计与制作——网页布局》
教 学 设 计
【课 题】 网页布局——使用DIV+CSS布局网页 【教 材】 《网页设计与制作》
【授课班级】 中等职业学校网络专业二年级 【教 时】 4课时 【教材分析及学情分析】
本次课采用的教材是国家十二五规划教材《网页设计与制作》，其中DIV+CSS布局网页是重要的教学单元。本教材内容通俗易懂、图文并茂，并且包含有丰富的信息化实训案例。
本次课的教学对象为中职学校二年级学生，他们未来主要从事网页前端设计师的工作，要求具备网页前端设计的能力。在本次课之前，我们的学生已经掌握了Dreamweaver网页设计的相关知识，具备了网页美工的基础，学生学习热情较高，喜欢团队合作的探究学习方式，但学生自主创新能力不足，学习代码编写有一定困难，因此本课重点讲解如何使用DIV+CSS布局网页的知识内容。
【教学目标】
依据本教材的内容，结合学生的学情分析，本着提高学生的知识水平及分析处理能力为宗旨，我制定了知识目标、技能目标、情感目标相结合的三维教学目标：
知识目标：
（1）学会DIV+CSS网页布局方式 （2）掌握DIV+CSS布局的定位方法 技能目标：
（1）能熟练使用CSS对网页中对象的位置精确排版； （2）灵活应用DIV+CSS进行网页布局； 情感目标：
（1）培养学生团队合作意识；
1
（2）提高学生责任感和职业素养；
【教学重点与难点】
? 教学重点：DIV+CSS网页布局方式、方法 。 ? 教学难点：灵活使用DIV+CSS布局定位。
【设计意图】其中，使用DIV既是重点，也是难点，正确理解和学会这一知识点，是学生灵活使用DIV布局网页的关键。 【教学设计】
课前利用该课程的学习网站和微课资源库让学生自主预习。课中采用信息化的混合式教学法、项目驱动法等多种方法相结合的形式来激发学生的学习兴趣，并且利用微课资源库来突破教学难点；在教学效果上采用多元评价检测方法，让学生体验成功的乐趣；最后老师进行归纳总结，进行知识拓展，延伸学生的知识面。使学生在不知不觉中实现知识的传递、迁移和融合。
【学法分析】
学生是学习的主体，教师是组织者和引导者，引导学生学会学习的方法，才能构建有效的课堂。在教学过程中我注重学生自主学习能力、体验探究能力和总结反思能力的培养，转变学生的学习方式，由之前的‘我学会’变成现在的‘我会学’。
【教学手段】 教法： ? 混合式教学法 ? 项目驱动法 学法： ? 自主探究 ? 小组合作 【设计意图】在教学中我们采用混合式教学法、项目驱动法、同伴教学法、多元评价法等多种信息化教学手段，充分体现“做中教，做中学”的职业教学特色，从而达到良好的教学效果。 【教学过程---课前预习】
随着互联网的普及和信息化技术在教育领域的应用日益广泛，为了更好的突出学
2
全国“创新杯”计算机类说课大赛一等奖作品：《DIV+CSS布局网页》教学设计方案
