Web编程基础（HTML+CSS）项目实战教程 教案-模块5 制作网站的多媒体相册页面.docx

模块5制作网站的多媒体相册页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块5-1创建表格教学目标知识目标 掌握创建表格的步骤和方法； 掌握设置表格边框、大小、背景等属性的方法； 掌握对单元格跨行合并、跨列合并；能力目标能够在网页中应用表格，设置表格样式素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：设置表格属性，单元格合并，以及使用css修饰表格的样式。 措施：.通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务创建表格任务 1:创 建表 格教学环节教学内容教学 方式学生活动新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知 讲解知识讲解案例演示操作教学讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中 学任务2：设 置表 格属 性新知 讲解知识讲解案例演示操作教学讲授认真 听讲 做好 笔记学生模仿练习实训任务学生练习实训指导内容，充分理解掌握表格的创 建，及设置表格属性。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出 错的知识点，并进行重点评析，加深印象，强化 记忆。巡视， 个别 指导， 项目 考核 评价团队 讨论， 动手操作， 做中学，做 好实 训总结任务3：CSS美化 修饰新知 讲解知识讲解案例演示操作教学边做 边讲学生 模仿 练习 团队 讨论表格经验总结任务4：调 整表 格行 列结构新知 讲解知识讲解案例演示操作教学边做 边讲学生 模仿 练习 团队 讨论 经验 总结小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。通过网络教学平台预习新内容通过网络教学资源平台，预习表格嵌套。演示 归纳 讲解认真 听取 教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块5制作网站的多媒体相册页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块5-2嵌套表格教学目标知识目标 掌握创建表格的步骤和方法； 掌握设置表格属性的方法； 掌握对单元格合并操作； 掌握嵌套表格的应用及表格的修饰能力目标能够在网页中应用表格，设置表格样式素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：创建嵌套表格，应用表格解决实际问题，以及使用css修饰 表格的样式。措施：,通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务创建嵌套表格及修饰表格样式任务1:创教学 环节教学内容教学 方式学生活动建嵌 套表 格新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知 讲解知识讲解案例演示操作教学讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中 学小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。通过网络教学平台预习新内容通过网络教学资源平台，预习表格嵌套。演示 归纳 讲解认真 听取 教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块5制作网站的多媒体相册页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块5-3表格布局教学目标知识目标掌握嵌套表格的应用及表格的修饰掌握应用表格布局页面结构能力目标能够在网页中应用表格布局页面结构素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：应用表格布局页面结构，以及使用css修饰表格的样式。措施：.通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务表格布局任务1:表 格布局页教学环节教学内容教学 方式学生活动面新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知 讲解知识讲解案例演示操作教学讲授认真 听讲 做好 笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中 学小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。通过网络教学平台预习新内容通过网络教学资源平台，预习多媒体元素。演示 归纳 讲解认真 听取 教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块5制作网站的多媒体相册页面课程名称Web编程基础课 时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块5-4设置多媒体效果教学目标知识目标掌握音频、视频等多媒体素材的创建和设置能力目标能够在网页中应用音频、视频等多媒体素材素质目标激发学生学习兴趣引导学生团队合作教学重点难 点及措施教学重难点：在网页中应用多媒体素材，并对多媒体元素进行控制。措施：.通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务设置网页多媒体效果任务 1:设 置多 媒体 效果教学环节教学内容教学学生活动新课 引入通过启发、提问、设问等教学方法，导入新知讲授思考 参与 讨论新知 讲解1 .音频在网页中的应用知识讲解案例演示操作教学2 .视频在网页中的应用知识讲解案例演示操作教学边做 边讲实践 操作，小组 讨论，展示 总结课堂实践学生做中学，教师巡视逐个指导，并监督、验收。 集中问题集体讲解、评估讨论实训任务实施过程；给出参考的解决方案；考核学生训练结果。教师 巡视 单独 指导动手 实践， 做中 学小结巩固本课时知识点学完知识点后，教师带领学生对本课时所学知识 点进行回顾。通过网络教学平台预习新内容通过网络教学资源平台，预习模块6。演示 归纳 讲解认真 听取 教师 总结 评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思