Bootstrap基础教程（第3版）（微课版）-教案 第1周第2次-必要的html+CSS

《WEB前端框架应用》课程单元教学设计课程名称WEB前端框架应用授课单元Bootstrap栅格系统单元学时2授课教师职称授课地点多媒体机房教学目标知识目标能力目标素质目标复习HTML+CSS选择的器的基本用法能使用HTML+CSS设计制作页面2.熟练使用css设计格式温故知新，引导学生对已学知识灵活应用；培养学生严谨的逻辑思维能力；培养学生爱国主义精神，塑造积极进取的品质。教学重难点教学重点掌握HTML元素的语法。教学难点灵活应用HTML元素。教学策略教学组织以任务为导向，将教学内容进行结构化和学习化处理，采用线上、线下混合式教学模式，整个教学过程分为课前、课中、课后拓展三个教学环节，职业核心素养和文化素养的培养贯穿始终。教学方法鉴于学生缺乏实战，沟通技巧欠缺，教师采用PPT讲解、案例教学，以任务为驱动，激发学生学习兴趣，创设情境，营造实战氛围，让学生多体验、多积累。教学准备环境准备理实一体化机房HBuilderX编辑器chrome浏览器资料准备教材、课件、课程标准、课程实施方案、案例资源资源准备国家教学资源库、职教云专业群BootStrap中文网：BootStrap官网：http://www.bootS智慧职教mooc学院《Web前端框架应用（Bootstrap）》课程/index教学实施过程教学环节教学内容教师活动学生活动设计意图（含思政融入点）课前导学请学生准备好在大一学习阶段，使用HTML+CSS设计制作的网页。为了更高效更简洁的设计制作网页，在开发中，会引入很多框架，本门课程围绕BootStrap框架的应用，帮助同学们学习快速设计网页。能够从官网上下载合适版本的BootStrap引导学生培养自主学习，主动学习的良好学习习惯。课中研学通过启发式问题，引导学生复习已有知识提问：大家在《静态网页设计》课程中学习了HTML的基本知识，那么什么是HTML呢？答：超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。学习需要温故知新，将不同学期的课程融会贯通，希望同学们对各门课的学习都坚持做到这点。发布课堂任务：运用DIV+CSS，实现一个布局的页面。学生动手实践。讲练结合，以任务为导向，演示编写代码；检查学生完成情况，及时解决学生实践中遇到的问题；根据教师的讲解进行实践，同步练习；遇到问题及时向老师提出。学生通过实操练习，进一步夯实理论基础。以上页面的实现讲解学生实践过程中的问题根据教师的讲解进行实践，思考自己的代码实现；遇到问题及时向老师提出。帮学生回顾html、css的相关知识课堂小结：总结html标签和css选择器、div+CSS布局。总结本堂课程知识点，答疑。巩固所学新知识；通过归纳总结加深理解。对本次课程内容总结归纳，加深对知识的理解与掌握。课后拓展发布拓展作业：运用DIV+CSS实现一个两栏布局的页面。挑选优秀学生作品，在班级中进行分享；找出学生本次课学习中的共性问题，集中讲解。通过课后项目实例练习巩固所学知识；学生将课中遇到的新问题进行总结，并反馈给老师。强化课堂效果，丰富课堂教学，巩固课程知识点。教学评价采用多元化教学评价体系对学生学习全过程进行真实、客观、公平地评价，从知识、技能、素养、参与度等多方面展开。突出过程评价，包括课堂考勤、课堂活动参与情况、课堂实践练习、作业完成情况等，根据完成情况进行评分，评分既针对任务的实现情况，也考查学生对知识的理解掌握情况。反思诊改学生不