数字工匠，软件报国---Bootstrap前端框架的应用

本节课，围绕数字工匠精神：敬业、精益、专注、创新，结合课程目标，对课程进行总设计，主动将思政元素融入课程中，以培养学生严谨的工作作风，养成打磨细节、精益求精的职业态度。以“软件报国”为主要思想，软件产业是信息产业的灵魂，目前已成国际科技与产业竞争的焦点和战略制高点。培养学生尊敬自己从事的职业，形成丰富的敬业观念，德艺兼修。

为了更快地实现对移动设备的友好开发，Bootstrap提供了一套辅助工具类，使用这些工具类可以通过媒体查询结合大型、小型和中型设备，实现内容在设备上的显示和隐藏。本模块为项目的第四个任务，共计2课时，将围绕Bootstrap的标签页控件和响应式工具等内容，以行动导向教学法为核心，融合项目教学法，以应用为目标，按照“提出问题—解决问题—归纳分析”的思路，引导培养学生自觉学习的学习意识，以小组为单位展开任务，培养合作意识，通过多元的评价体系培养学生质量意识，同时在任务实施过程中融入职业道德、服务意识等素质教育。

本次课采用行动导向、任务驱动的教学方法展开实践教学活动。

围绕任务-制作响应式餐厅网站的商品推荐模块，布置任务，培养学生自主学习能力，小组任务实施，注重重点难点的实际操作，层层递进，虚拟仿真、学生讨论、教师教授、学生实操有机融合，提高了教学的有效性。通过2课时让学生初步掌握了Bootstrap胶囊页的使用，注重过程性评价，合理安排分组，学与练相融合。

通过难度不同的任务，实现分层教学，引导学生探究相关知识，帮助学生构建知识体系，鼓励学生运用所学知识解决实际问题。通过

“中国梦”—软件强国，培养学生职业认同感，教导学生发扬“数字工匠精神”，从外到内打磨每一个细节的改进。

知识目标：理解 Bootstrap 标签页控件的实现原理；掌握 Bootstrap 标签页中不同类的使用方式理解栅格系统中不同类前缀的含义及其对应的设备和屏幕大小。

技能目标：能运用 Bootstrap 的标签页组件开发响应式网页（1+X Web 前端开发职业标准技能）；能运用 Bootstrap 的基本样式开发前端框架（1+X Web 前端开发职业标准技能）。

素质目标：围绕 1+X 职业技能标准中对职业素养的要求，着重培养学生职业道德，合作意识，质量意识，服务意识和学习意识。

思政目标：发扬“数字工匠精神”，从外到内打磨每一个细节的改进；培养学生做有理想、有道德、有文化、守纪律的四有大学生；培养学生认真务实、尽职尽责和大局意识的工作作风；培养数字人才规范、严谨、科学的专业精神和劳动态度。

Bootstrap 标签页控件的实现原理

Bootstrap 标签页中不同类的使用方式

栅格系统中不同类前缀的含义及其对应的设备和屏幕大小

本节课，围绕数字工匠精神：敬业、精益、专注、创新，结合课程目标，对课程进行总设计，主动将思政元素融入课程中，以培养学生严谨的工作作风，养成打磨细节、精益求精的职业态度。以“软件报国”为主要思想，软件产业是信息产业的灵魂，目前已成国际科技与产业竞争的焦点和战略制高点。培养学生尊敬自己从事的职业，形成丰富的敬业观念，德艺兼修。