《网页设计与制作课时说课稿.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作课时说课稿.ppt（29页珍藏版）》请在三一办公上搜索。
1、课程名称：网页设计与制作项目三：精品课程网站任务四：DIV+CSS布局技术及应用,说课人：王慧敏,课程介绍,岗位核心领域课程 综合性 实践性 操作性,课程介绍,网站设计与制作能力、团队协作能力、沟通能力、分析解决问题能力、项目实施能力,内容选取组织,以教学仿真项目和企业实际项目为载体重构和序化教学内容,课程教学内容选取与安排,项目一 书法家庄辉个人网站,项目二 电子信息工程系迎评网站,项目三 精品课程网站,项目四 武威旅游网,项目五 佳佳商城用户及留言管理系统,课时说课,项目三：精品课程网任务四：DIV+CSS布局技术及应用,提纲,课时定位,教学目标,专业能力：1.掌握单行单列布局、二列布局、
2、三列布局的结构应用。2.掌握DIV+CSS布局应用与技巧。方法能力：1.能独立进行信息的筛选与加工。2.能独立制定、实施工作计划。3.具有分析问题、解决问题的能力。社会能力：1.具有沟通能力及团队协作精神。2.具有创新能力。,利用DIV+CSS技术布局制作精品课程网站主页。,掌握DIV+CSS布局应用与技巧，熟练CSS语法规则。,难点,深入理解布局的精髓盒子模型以及如何灵活、简练的应用。,教学内容,项目教学法,直观演示法,活动探究法,任务驱动法,小组讨论法,宏观：,微观,启发式教学方法,利用多媒体辅助教学,以学生为主体，以培养学生自主学习能力为出发点，让学生在学习中发现问题、分析问题、解决问题
3、。主要应用以下方法：自主探究法、总结反思法,项目导向任务驱动,教师展示任务效果,教师提出任务目标,教师引导、解决疑难问题,展示与评价,布置课后拓展练习,学生自主探究,1、复习什么是CSS的盒子模型？盒子的属性？（引导、讨论）,提高自学兴趣，被动主动进一步明确本节课要实现的目标，设置四个问题来分析、讨论,采用DIV+CSS布局技术制作精品课程网站的主页,提高自学兴趣，被动主动进一步明确本节课要实现的目标，做到有的放矢,2.在网页中，一个div盒子是如何定义的？（回忆）,提高自学兴趣，被动主动进一步明确本节课要实现的目标，做到有的放矢,3.生活中的盒子有很多，同理，一张网页中的盒子也有很多(如图)
4、，这些盒子是如何放置到网页中的？(引导、讨论）通过插入多个DIV,#header,#footer,四个问题层层递进，既复习了上节课的重点内容，也为下面学生的自主探究打下坚实基础，帮助学生把握本节课的重、难点。,4.精品课程网站的主页是由许多盒子构成的，这些盒子是如何放置到网页中的？又是如何把它摆放得有模有样的？(引导、讨论）通过插入多个DIV,通过控制盒子外观的CSS样式表,1.学生分析精品课程网站主页的布局。,教师为主导 学生为主体,2.根据分析，学生画出布局草图。,教师为主导 学生为主体,3.根据绘制的草图，在网页制作软件中放这些盒子,教师为主导 学生为主体,先堆到一起再说！,4.在网页制
5、作软件中如何将这些盒子放置到合适的位置？Css样式表盒子摆整齐了！,教师为主导 学生为主体,教师：引导、分析、解决、演示学生：分析、讨论、练习讲练结合 教师有纠错 学生有反思、有总结、有提高,作品展示、（最符合结果）评价自信感、成就感、责任心,以工作任务为主线，以学生为主体，以教师为主导，融“教、学、做、评”为一体。,主页效果图 二级页面效果图,巩固本节课的内容 培养动脑、动手、创新,大部分学生对盒子模型有了更深刻的认识，会用“DIV+CSS”布局技术及制作出精品课程网站的主页，能够熟练应用css语法规则。,整节课大部分学生伴有满足、成功、喜悦等体验，并能总结学习所得。但也有个别同学学习的主动性、积极性还不够。,完,
