Web前端设计基础教程（第9.1节--秉承与时俱进认知坚持“四个自信“）思政案例：响应式页面开发.docx

课程思政教学导引（HTML5+CSS3 Web前端设计基础教程 第2版）思政案例：响应式页面开发(第9章第9.1节)一、思政目标本节课思政元素从响应式页面开发基本知识切入，在了解响应式布局因浏览器环境的不 同，而动态改变自身布局的特性时，提炼归纳出“用与时俱进的眼光看待世界和客观事物，是 唯物主义者洞悉真理、辨明方向的重要武器”这一理论，从而引导学生秉承与时俱进认知，坚 持“四个自信二二、教学设计1 .课前提出新中国成立以来在科技领域取得的巨大成就，一方面增强党史教育，一方面激发学 生爱国主义情怀，提升民族自豪感，进一步引导学生增强中国特色社会主义道路自信、理论 自信、制度自信、文化自信的认知2 .课中在教师讲解专业课程内容过程中，引导学生在理解响应式布局优点的基础上，加强党史 教育，弘扬党史文化，培养学生与时俱进的马克思主义理论品格3 .课后要求学生课后反思回顾，根据课堂所学所思，深入体会、认知学习规律，并在今后的学 习中学会以与时俱进的眼光看待问题，坚定“四个自信二三、教学实施(1)思政元素贯穿1 .讲解专业知识互联网的迅猛开展，产生出各种各样的移动设备，各类设备与屏幕分辨率不断革新。

1)响应式布局的优点• 面对不同分辨率，设备灵活性强；• 能够快捷解决多设备显示适应性问题2)响应式布局的缺点• 需要对应多种设备编写CSS代码，效率低下；• 代码累赘，加载时间加长；• 即便是使用了响应式布局也不能兼容所有设备，受多方面因素影响而达不到最正确效果;• 在多种设备下看到的页面效果会有不同，一定程度上改变了网站原有的布局结构，有2课程思政一 HTML5+CSS3 Web前端设计基础教程可能会出现访问者对网站的辨识度不高的情况2 .引入思政主题在较早前的网页设计中，由于设备终端比拟单一，所以没有“响应式设计”的概念但随 着社会的开展，页面的设计都是为适应人类开展为目的的实践活动，就需要我们从马克思主 义哲学的世界观和方法论出发，以历史唯物主义为导向，在实践中不断解决页面自适应终端 设备的问题，从而引导学生增强对与时俱进的认知3 .思政资料或案例“改革创新、与时俱进”是中国特色社会主义制度的显著优势以开展的眼光看待问题， 立足时代、坚持问题导向，赋予了中国特色社会主义制度以立足点和生命力新中国成立以 来，中国科技事业走过不平凡的开展之路，印证了科技兴那么民族兴、科技强那么国家强这一真 理。

素材资料1】资料来源：新华社题目：从国家“十三五”科技创新成就展透视高质量开展强劲动能（节选）2021年10月21日开幕的国家“十三五”科技创新成就展以“创新驱动开展迈向科技强 国”为主题，浓缩了我国实施创新驱动开展的“精华之作”，更蕴含着助力创新型国家建设新 征程、推动实现高质量开展的“动能密码”步入展览馆大门，宽阔的广场上，一件件夺目的科技创新力作整齐排列，既有九天揽月、 五洋捉鳖国之重器，又有水处理用大型臭氧发生器模型、核酸检测移动实验室等利民尖兵图1观众在北京展览馆参观国家“十三五”科技创新成就展 新华社记者金立旺摄图2观众在北京展览馆参观国家“十三五”科技创新成就展展出的载人潜水器位于展区中央、展览面积最大的是重大专项展区一台大型“五轴卧式车铳复合加工中 心”机床吸引了众人驻足这台机床主要用于航空、航天发动机叶轮、机匣等关键零件的加工此前，五轴机床曾 长期依赖进口，我国启动实施重大专项后，关键技术和核心功能部件国产化率不断提升比 如，传感器相当于人的‘眼瞄'，控制系统相当于人的‘大脑'，电机相当于人的‘肢体'，经 过十余年攻关，目前，这些技术部件都基本实现了自主研发生产，形成了可持续优化的技术 链、产业链和人才链。

大连光洋科技集团董事长于德海介绍图3天和核心舱大柱段模型内景“十三五”时期，国家科技重大专项集中力量抢占制高点，攻克了一批关键核心技术，大 幅带动了科技创新型企业快速成长这次成就展，重大专项司组织了核高基、集成电路、移动 宽带通信、高档机床、油气开发、核电、水污染治理、新药创制、传染病防治、大飞机、北斗、-HTML5+CSS3 Web前端设计基础教程载人航天和探月工程、高分等十余个科技重大专项参展，充分表达重大专项战略基石、自立 自强特征图4航天服图5月壤样品水晶球包裹着49毫克刚从月球取回的样品稳稳立于底座之上，这件寓意着“海上生明月” 的珍贵实物展品成为观众必去“打卡点”四周不远处，中国空间站模型高悬半空，祝融号火 星车、“玉兔号”月球车模型依次排开，载人飞船舱内航天服、舱外航天服“真衣”出场，大 飞机、大火箭昂扬错落甜立于间……图6中国空间站模型“十三五”期间，我国把科技创新摆在前所未有的战略高度，布局“补短板”和“建长 板”并重的创新链，科学技术成为推动经济社会开展的重要力量，支撑产业向高端攀升人工 智能、数字经济蓬勃开展，图像识别、语音识别走在全球前列，5G移动通信技术率先实现规 模化应用，新能源汽车加快开展，消费级无人机占据一半以上的全球市场……回望来路，“十三五”时期科技创新的辉煌成就为我国各项事业的开展提供了坚强有力的战略支撑；展望未来，科技创新必将在推动实现高质量开展、开启创新型国家建设新征程中 激荡起更加澎湃的强劲动能。

素材资料2】资料来源：中央广播电视总台题目：“十三五”科技创新成就展（节选）展览以“创新驱动开展迈向科技强国”为主题，分总序、百年回望、基础研究、高新技 术等12个展区，共展示了 1300多件实物、200多件模型等一件件实物、一个个模型生动诠 释着“卜三五”期间我国科技创新取得的重大进展和突出成就♦量子计算原型机“九章”r ♦ “慧眼”里星2020年12月.中国科学技术大学研究 团队与中科院上海微系统所、国家并行计 整机工程技术研究中心合作，构建了76个 光子的被子计算原型机“九章”,实现了 式有实用前景的“南斯玻色取样”任务的 快速求解这一成果牢固确立了我国在国 际量子计算研究中第一方阵地位,为未来 实现可解决具力.重大实用价值问题的规模 化电子模拟机莫定技术您础2020年12月.中国科学技术大学研究 团队与中科院上海微系统所、国家并行计 整机工程技术研究中心合作，构建了76个 光子的被子计算原型机“九章”,实现了 式有实用前景的“南斯玻色取样”任务的 快速求解这一成果牢固确立了我国在国 际量子计算研究中第一方阵地位,为未来 实现可解决具力.重大实用价值问题的规模 化电子模拟机莫定技术您础。

京华号”国产最大直径盾构机长150 米,总重让4300吨,最大开挖直径达16.07 米.集机械、电气、液压、信息、传感、 光学等尖端技术于一体该肝构机可同时 完成开挖、排土、碎石、出渣、支护、衬 砌、封固等工序.在掘进过程中实现健道 主体结构一次成型2017年6月.硬X射线调制望远钺卫 星“京眼”发射成功它地我国自主研制 的第一颗空间X射线天文卫星,也是中国 科学院空间科学先存专项发射的第FH颗卫 星惹眼”卫星的投入使用标志着我国 商能天文研究进入空间观测的新阶段,对 揽商我国在空间科学领域的国际地位和影 响力具有重要意义♦中国空间站今年4月,我国将空间站天和核心舱 送入预定轨道，中国空间站在轨组装建造 全面展开中国空间站以美和核心舱、问 天实验舱、梦天实验舱三舱为茶本构型. 它能够让人长久在太空生活,除货运飞船 实现推进剂和消耗品的补充.可以由航天 员进行设备更换来延长寿命或扩充功能. 堪称太空定居点6课程思政一 HTML5+CSS3 Web前端设计基础教程♦火星车♦无人植物工厂水稻育种加速器火星车是在火屉登陆井Jfl于火星探测 的可移动探测器.是人类发射到火星.外表 并进行巡视探测的一种“特殊布柄”。

今 年5月,我国“祝融号”火星车成功驶上火 星表而，开始巡视探测在火星外表工作 期间,火星卒将按计划开展巡视区环境感 知、火面移动和科学探测,逋过配置的地 形相机、多光谱相机等6台我荷.对巡视区 开展详细探测无人植物工厂水稻育种加速琼由中国 农业科学院研发该加速器运用多光质组 合LED光源.在水稻生长的不同时期提供 不同的光谱配方.将水稻生长周期从120天 缩短到了60天,同时产址行提升、品质有 保证，为未来植物工厂生产粮食提供了生 贵的技术储藏图7 一组突出成就4 .提炼思政中心思想(1)中国特色社会主义制度的与时俱进性中国特色社会主义道路成功的背后是中国特色社会主义制度的成功从根本上来说，缘 于它是“具有鲜明中国特色、明显制度优势、强大自我完善能力的先进制度”，与时俱进是其 核心特征随着社会主义事业不断开展，党的十二大首次提出“建设有中国特色的社会主义”的崭 新命题随后，党的十三大提出“有中国特色的社会主义制度”概念经过长时间探索，中国 立足于社会主义国家性质和基本国情，制度建构内容越来越凸显中国特色这些制度内容充分表现了中国逐渐深刻认识到“马克思主义是一种方法论”，不再教条地 照搬马克思主义中关于社会主义制度的设计，而是越来越扎根中国大地，致力于解决中国问 题，最后形成了 “中国特色”。

2) “四个自信”在建构自信这一主观信念的过程中与时俱进，相互依赖四个自信”的逻辑关系本质上是指四种主观信念之间的内在联系，这种联系并非单一 的、静止的，而呈现出复杂性与动态性道路自信是“四个自信”生成逻辑中的第一环节，具有时间先在性，这一先在性是由中 国近代的特殊国情所决定的理论自信生成于道路自信之后，是“四个自信”生成逻辑中的第二个环节从历史上看， 道路与理论几乎是共时共生的，很难说谁先谁后、谁主谁次，但事实上，道路自信的时间先在 性依然成立，这与我们所选择的马克思主义的内在特性有关制度自信是“四个自信”生成的第三个环节，制度自信之所以生成于理论自信之后，源 自社会主义制度的构建是以我党对马克思主义的反思性认识为前提的文化自信是“四个自信”生成逻辑的最后一个环节，这与中华民族由衰转盛的开展态势 及我国文化软实力的提升有关中华文化本质上经历了由文化自负到文化自卑甚至虚无，再 到文化自信的重建这一曲折过程，这一过程本身同步于中国社会的开展态势5 .继续专业课程内容(1) viewport网页可视区域2)媒体查询详解3)......(4)课程进度根据学生掌握熟练度自行掌握二)思政总结通过课堂整个教学环节，在学习党史的基础上，深入了解中国特色社会主义制度的与时 俱进性和坚定“四个自信”。

要求学生秉持这份认识，在今后的学习和工作中以与时俱进的眼 光看待问题。