网页设计与制作课时说课稿ppt课件.ppt

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