《Web编程基础（HTML+CSS）项目实战教程 教案-模块4 制作网站的动态页面.docx》由会员分享，可在线阅读，更多相关《Web编程基础（HTML+CSS）项目实战教程 教案-模块4 制作网站的动态页面.docx（15页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、模块4创建网站最新动态页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块4-1列表教学目标知识目标掌握无序列表和有序列表的定义；/掌握CSS设置列表样式的方法。能力目标能够定义列表并运用CSS修饰列表样式素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：使用CSS修饰列表的样式。措施：通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务制作列表条目任务1:有 序列教学 环节教学内容教学学生活动新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与
2、讨论任务2：链新知知识讲解案例演示操作教学讲授认真 听讲 做好 笔记学生模仿练习实训任务学生练习实训指导内容，充分理解掌握列表的创巡视，团队 讨论， 动手接对 象讲解建，及使用CSS修饰美化列表样式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出 错的知识点，并进行重点评析，加深印象，强化 记忆。个别 指导， 项目 考核 评价操作， 做中学，做 好实 训总结任务3：CSS超链 接修 饰新知 讲解知识讲解案例演示操作教学边做边讲学生 模仿 练习 团队 讨论 经验 总结巩固本课时知识点认真学完知识点后，教师带领学生对本课时所学知识演示听取小结点进行回顾。归纳教师通过网络教学
3、平台预习新内容讲解总结通过网络教学资源平台，预习模块5。评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思新知 讲解知识讲解讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践，做中 学任务 2：无 序列 表新知 讲解知识讲解案例演示操作演示 讲授认真 听讲，积极 思考，做好 笔记学生模仿练习学生模仿练习完成有序列表和无序列表的创建， 并使用CSS样式修饰各种列表样式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出 错的知识
4、点，并进行重点评析，加深印象，强化 记忆。教师 巡视、 个别 指导学生 实践 练习学生模仿练习实训任务学生练习实训指导内容，充分理解掌握列表的创 建，及使用CSS修饰美化列表样式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出 错的知识点，并进行重点评析，加深印象，强化 记忆。巡视， 个别指导， 项目 考核 评价团队 讨论， 动手 操作，做中 学，做好实训总 结小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。1 .有序列表2 .无序列表3 . CSS修饰美化列表通过网络教学平台预习新内容通过网络教学资源平台，预习嵌套列表。演示 归纳 讲解认真
5、 听取 教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块4创建网站最新动态页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块4-2嵌套列表教学目标知识目标4掌握嵌套列表的定义；/掌握CSS设置列表样式的方法。能力目标能够定义嵌套列表并运用css修饰列表样式素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：使用CSS修饰嵌套列表的样式。措施：通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务制作列表条目任务 1:嵌 套列教学 环节教
6、学内容教学学生活动新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知 讲解知识讲解案例操作演示讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中学学生模仿练习实训任务学生练习实训指导内容，充分理解掌握嵌套列表 的创建，及使用css修饰美化列表样式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出 错的知识点，并进行重点评析，加深印象，强化 记忆。巡视， 个别指导， 项目 考核 评价团队 讨论， 动手操
7、作， 做中学,做 好实 训总结小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。1 .有序列表利无序列表2 .嵌套列表的定义3 . CSS修饰美化列表通过网络教学平台预习新内容通过网络教学资源平台，预习定义列表。演示 归纳 讲解认真听取教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块4创建网站最新动态页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块4-3定义列表及列表的应用教学目标知识目标/掌握定义列表的使用；掌握CSS设置列表样式的方法。能力目标能够定义列表的使
8、用并运用CSS修饰列表样式素质目标4激发学生学习兴趣4引导学生团队合作教学重点难 点及措施教学重难点：灵活应用定义列表，以及样式修饰。措施：通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务制作列表条目任务 1:定 义列 表教学 环节教学内容教学学生活动新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知 讲解知识讲解案例演示操作教学讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中学
9、任务 2：CSS 修饰 列表示例 演示知识讲解案例演示操作教学学生模仿练习实训任务学生练习实训指导内容，充分理解掌握列表的创 建，及使用CSS修饰美化列表样式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出 错的知识点，并进行重点评析，加深印象，强化巡视， 个别指导， 项目 考核 评价团队 讨论, 动手操作， 做中学，做记忆。好实 训总 结小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。1 .有序列表和无序列表2 .嵌套列表的定义3 .定义列表的使用4 . CSS修饰美化列表通过网络教学平台预习新内容通过网络教学资源平台，预习超链接。演示 归
10、纳 讲解认真 听取 教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块4创建网站最新动态页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块4-4超链接教学目标知识目标4掌握超链接的设置；/掌握CSS设置超链接各状态样式的方法。能力目标能够设置超链接，运用css修饰超链接伪类素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：设置各种类型超链接，以及使用CSS修饰超链接的伪类样式。措施：通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务制作条目的超链接任务 1:创 建超 链接教学 环节教学内容教学 方式学生活动新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知讲解知识讲解案例演示操作教学讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。 集中问题集体讲解、评估讨论实训任务实施过 程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中 学