HTML5CSS3Web前端设计基础教程（第3版）教案-教学设计 任务7 使用CSS控制页面文本-2课时-课堂教学设计

课堂教学设计课程名称Web前端开发/网页设计与制作授课时数2授课班级授课时间授课地点授课形式多媒体教学参考资料参考教材《HTML5+CSS3Web前端设计基础教程（第3版）（微课版）》，人民邮电出版社，2024年专业教学标准《Web前端开发》课程标准职业技能标准Web前端开发职业技能等级标准（标准代码：510001）校本补充材料中国大学MOOC（/）其他资源媒体资源智能课堂、微课、PPT、配套素材等环境资源多媒体教室教学目标知识目标掌握有关字体和文本的CSS知识技能目标能够实现文字版面的基本排版素质目标进一步培养学生精雕细琢、精益求精的职业素养；引导学生体会理论知识转变为直接生产力的成就感，使学生领略专业魅力。教学重点字体属性与文本属性教学难点使用@font-face实现在线字体学情分析学生能够使用HTML标签创建简单的网页结构，已经逐步适应代码类课程的学习模式，但不同学生的学习进度和兴趣逐步表现出差异。教学总体设计依据教学标准要求，结合学生学情，动态调整应用“翻转课堂”模式的教学比重，以边讲边练、分组讨论、实践操作、课堂小结的路径组织实施教学过程。课外拓展有针对性的安排训练，同时培养学生发现问题、自主解决问题的意识和习惯，进而提高综合素养。教学环节(时间安排)教学内容教学活动技术资源教学随记(教学过程中记录)教师学生课前准备(提前2-3天发布教学任务)1.预习微课视频2.观察校园网网页，观察页面字体种类和特征。任务下达、课前准备任务获取、课前准备PPT、微课、网络资源课堂教学（一）情境创设[5分钟]1.回顾上节课基本知识，引导学生树立实践是学习CSS选择器的最佳方式，不单要理解CSS选择器的含义，还要不断的实践测试代码。2.展示同学们课前预习成果，引导学生总结网页字体除了颜色和大小属性外，还有样式、粗细、外形等属性，文本还有首行缩进、行高、阴影等属性。3.明确本次课程的学习目标为掌握字体和文本属性设置，预期结果为会灵活使用这些属性完成网页字体和文本设置，让学生对学习路径有一个清晰的认识。1.简要总结上次课内容和常见问题；2.组织学生展示预习成果，帮助学生总结字体和文本常见属性。1.在教师的引导下展示预习成果；2.总结字体和文本常见属性，明确本次课任务。智能课堂、微课、PPT、多媒体电脑、互联网资料等。课堂教学（二）知识学习[35分钟]1.DW中插入、替换和查找介绍网页文本输入过程中常用的插入、替换和查找操作，帮助学生提升网页文本编辑熟练度。2.CSS字体属性将学生总结的字体属性归纳后，引入对应的具体属性名称，并举例讲解具体属性值。3.CSS文本属性将学生总结的文本属性归纳后，引入对应的具体属性名称，并举例讲解具体属性值。4.WebFont与@font-face根据实际工作，介绍特殊字体美化用到的属性。1.案例教学展示基本知识；2.对于难点WebFont与@font-face，先展示使用效果，引起学生兴趣，然后介绍具体设置方式，并及时总结流程。观看教师演示，简单实践操作。智能课堂、微课、PPT、多媒体电脑、互联网资料等。课堂教学（三）仿真演练[40分钟]1.根据教材内容上机演练文字和文本相关案例。2.鼓励学生在上机演练时相互讨论，分享学习心得和遇到的问题，通过集体的智慧解决问题。3.教师即时的反馈和指导，帮助学生及时纠正错误，加深理解。1.组织分组；2.鼓励学生积极讨论并提供实践指导；3.组织学生换组点评，总结实现流程。1.分组讨论后实践操作；2.相互点评并及时总结。智能课堂、微课、PPT、多媒体电脑、互联网资料等。课堂教学（四）总结评价[10分钟]课堂小结，重申课堂重点难点，明确课题学习任务，针对课堂教学内容，互动交流讨论，布置后续课预习知识：超级链接。作业点评课程小结查漏补缺吸收整理智能课堂、微课、PPT、多媒体电脑、互联网资料等。课后拓展1.推荐学生阅读一些HTML5相关的书籍、