HTML5CSS3Web前端设计基础教程（第3版）教案-教学设计 任务13 表格元素及其控制-2课时-课堂教学设计

课堂教学设计课程名称Web前端开发/网页设计与制作授课时数2授课班级授课时间授课地点授课形式多媒体教学参考资料参考教材《HTML5+CSS3Web前端设计基础教程（第3版）（微课版）》，人民邮电出版社，2024年专业教学标准《Web前端开发》课程标准职业技能标准Web前端开发职业技能等级标准（标准代码：510001）校本补充材料中国大学MOOC（/）其他资源媒体资源智能课堂、微课、PPT、配套素材等环境资源多媒体教室教学目标知识目标了解表格的基本知识技能目标掌握细线表格、隔行换色表格的实现方法素质目标培养学生坚持问题导向，科学分析问题、深入研究问题的能力；增强问题意识，既要见思想，更要见行动，从而指导自己的学习和工作。教学重点细线表格教学难点隔行换色表格学情分析学生能够熟练搭建HTML网页结构，能够完成基本CSS样式设计和布局，但遇到需要实际问题，仍然缺乏调试技巧和经验。教学总体设计依据教学标准要求，结合学生学情，动态调整应用“翻转课堂”模式的教学比重，以边讲边练、分组讨论、实践操作、课堂小结的路径组织实施教学过程。课外拓展有针对性的安排训练，同时培养学生发现问题、自主解决问题的意识和习惯，进而提高综合素养。教学环节(时间安排)教学内容教学活动技术资源教学随记(教学过程中记录)教师学生课前准备(提前2-3天发布教学任务)1.预习微课视频2.收集网页中不同样式的表格任务下达、课前准备任务获取、课前准备PPT、微课、网络资源课堂教学（一）情境创设[5分钟]1.回顾上节课基本知识，强调表单整体性，集中讲解作业批改中的共性问题。2.结合Office表格的创建，综合学生收集的表格样式，引导学生思考在网页上如何创建表格，美化表格。3.明确课程的学习目标和预期成果会在网页中创建表格，美化表格，让学生对学习路径有一个清晰的认识。1.知识回顾，强调共性问题；2.结合office中的表格，引入网页中表格的创建和美化后的最终效果。1.关注表单中的共性问题；2.反馈预习时收集的网页表格；智能课堂、微课、PPT、多媒体电脑、互联网资料等。课堂教学（二）知识学习[35分钟]表格的基本概念及其简易操作介绍网页中表格的组成部分，引入表格中的常用标签，演示基本表格的创建及单元格拆分、合并。2.细线表格 将创建的基本表格和学生收集到的表格进行对比，引导学生发现表格边框双线问题，进而提出表格细线化，并具体演示如何实现。3.隔行换色表格教师演示两种方法进行隔行换色：标签选择器和伪类选择器1.演示表格的创建和拆分、合并2.引导学生思考、实现细线表格和隔行换色1.观看教师演示；2.思考、总结表格美化流程智能课堂、微课、PPT、多媒体电脑、互联网资料等。课堂教学（三）仿真演练[40分钟]1.根据教材内容上机演练表格案例，掌握常用表格美化流程。2.鼓励学生在上机演练时相互讨论，分享学习心得和遇到的问题，通过集体的智慧解决问题。3.教师即时的反馈和指导，帮助学生及时纠正错误，加深理解。1.鼓励学生积极讨论并提供实践指导；2.组织学生开展随机点评，总结实现流程。1.分组讨论后实践操作;2.自我点评并及时总结。智能课堂、微课、PPT、多媒体电脑、互联网资料等。课堂教学（四）总结评价[10分钟]课堂小结，重申课堂重点难点，明确课题学习任务，针对课堂教学内容，互动交流讨论，布置后续课预习知识。作业点评课程小结查漏补缺吸收整理智能课堂、微课、PPT、多媒体电脑、互联网资料等。课后拓展1.推荐学生阅读一些HTML5相关的书籍、教程和文章，以拓