1、产业与科技论坛2022年第21卷第24期Industrial&Science Tribune2022（21）24课程思政下的Web 设计基础 课程教学改革与实践朱三元郭海如王曙霞尹孟嘉【内容摘要】本文分析了计算机专业 Web 设计基础 课程的特点，确定了课程的思想政治目标。从教材、课件、讲授过程、实验、作业、考核等方面寻找契合点，将多种形式的思想政治教育内容有机融入，使学生在专业课程的学习中得到文化育人、精神育人的滋养，促进学生形成正确的世界观、人生观和价值观。【关键词】Web 设计基础;课程思政;自然融入;教学改革【基金项目】本文为湖北省自然科学基金项目“面向智能移动终端计算环境的安全检测与
2、主动防御研究”(编号:2020CFB571)、湖北工程学院 2020 年度课程思政专题校级教学改革研究项目(编号:2020S18)研究成果。【作者简介】朱三元(1970)，男，湖北工程学院计算机与信息科学学院副教授;研究方向:计算机应用、人工智能郭海如，王曙霞，尹孟嘉;湖北工程学院计算机与信息科学学院2016 年 12 月习近平总书记在全国高校思想政治工作会议上强调，要用好课堂教学这个主渠道，各类课程都要与思想政治理论课同向同行，形成协同效应。高等学校课程思政建设指导纲要(教高 2020 3 号)(以下简称 纲要)，对高等教育课程思政教育的目标要求和内容重点进行了明确，同时对各个类别的专业课程
3、的课程思政的具体实施给出了指导意见。作为工科的计算机类专业，绝大部分专业课程侧重的是专业技术的培训和训练，在思想政治教育方面，存在融合度不足，缺乏有效的切入点等问题，纲要 的发布为计算机专业课程的思想政治教育指明了方向。一、总体设计(一)课程改革指导思想。Web 设计基础 课程以习近平新时代中国特色社会主义思想为指导，深入贯彻落实党的十九大精神，按照全国教育大会、新时代全国高等学校本科教育工作会议要求，坚持把立德树人作为中心环节，把思想政治工作贯穿教育教学全过程，实现全程育人、全方位育人，培养德才兼备、德学兼修、“又红又专”的社会主义建设者和接班人1。(二)课程特点。Web 技术是“互联网+”
4、技术的起始点，Web 设计基础 是计算机类专业最先开设的专业课之一，对学生的后续专业课程的学习有很重要的影响，同时对塑造学生对计算机类专业的认识起着关键的作用。它既有基础课的启蒙特点，又有专业课的深度要求，与其他专业课不同之处在于，其可以较好地将思想政治元素融入知识点中，使该课程具有明显的课程思政建设优势。(三)课程专业教学目标。通过 Web 设计基础 课程的学习，使学生理解 Web 设计技术的基本理论知识，具备 Web应用开发的基础能力，并且具有工程意识、初步的创新能力和素质。结合专业的培养目标，确定了本课程的教学目标。1 知识目标。一是了解课程内容在整个 Web 开发领域的作用与地位;二是
5、熟练掌握 HTML5、CSS3 和 JavaScript 的语法;三是掌握 Dom、Bom 用法;四是基本掌握 jQuery 基本用法;五是了解常用 Web UI 的基本使用。2 能力目标。一是具备使用主流设计工具制作包含基本内容的 HTML 网页的能力;二是具备使用 HTML 和 CSS 设计网页布局和对网页进行美化的能力;三是具备使用 JavaS-cript 来提高网页交互性的初步能力;四是具备综合使用 HT-ML、CSS 与 JavaScript 的相关技术来丰富、渲染网页的初步能力;五是具备根据具体应用需求，创新性地设计网页的能力。(四)课程思政教学目标。根据 Web 设计基础 课程的
6、特点制定了如下的思政目标2 3:培养学生分析问题和解决问题的能力;培养学生审美和设计思想;养成尊重宽容，团结协作的合作意识;以爱国主义教育为出发点，培养爱国主义情怀，坚定“四个自信”，弘扬社会主义核心价值观，坚定走中国特色社会主义道路;培养学生的社会责任感、职业素养，激发学生重视自己的专业，努力学好专业技能，将来为国家的发展作贡献;培养创新精神，激励创新思维，引导学生用所掌握的知识和技能进行创新;加强法律法规意识，形成自觉遵守学校的规章制度和国家的法律法规、诚实守信的良好习惯。(五)总体设计思路。工科类课程如果硬性地加入思想政治元素，为课程思政而思政，会引起学生的反感，适得其反。五年来课程组教
7、师进行了大量的研究和实践，从教材、课件、讲授过程、实验、作业、考核等方面寻找契合点，自然融入思想政治元素并对其进行详细的教学设计，做到顺其自然，而不是生搬硬套，使学生自然而然、在不知不觉中接受思想教育，实现“润物细无声”育人效果。二、具体措施(一)将中华优秀传统文化融入课程。“加强中华优秀传统文化教育”是 高等学校课程思政建设指导纲要 中提出的8512022年第21卷第24期产业与科技论坛2022（21）24Industrial&Science Tribune重要思想政治建设内容。Web 设计基础 课程的重要内容是设计承载信息的网页，因此课题组教师在课程实施过程中全方位地利用此特点，采用多种形
8、式将中华优秀传统文化元素融入教学过程中。课题组教师编写了课程教材，其中在展示 HTML 之 img 和 figure 元素时使用了具有民族特征的中秋节之夜的黄鹤楼图片，在展示 CSS 的功能时，使用了我国文学之瑰宝的古诗 静夜思。在课件中选用“书法欣赏”网、中国民族服装网作为网页综合设计的展示示例，精心设计课程实验内容，在设计浮动元素实验时，将中国传统节日、具有孝感本地特征的“二十四孝介绍”作为实验内容。(二)展示我国的优秀科技成果。互联网时代，我国的科学技术发展迅猛，很多领域达到了国际先进水平，尤其是信息技术领域。在课程中通过多种方式展示我国的优秀科技成果，使学生领略中国智慧，坚定学生的中国
9、道路自信和行业领域发展信心。例如，在教材中阐述网页布局的“左宽右窄”两栏布局时，使用了北斗系统的介绍的内容。在实验环节使用我国数字天堂(北京)网络技术有限公司开发的HBuilderX 作为主要的 IDE，该软件是 Web 设计领域的极具特色的优秀产品，在功能和性能方面处于国际领先水平，通过使用该软件，让学生感受到我国软件开发者的强大能力，树立自己学习计算机技术的信心。在实验内容设计中，将我国领先的 5G 技术、蛟龙号潜水器、单口径射电望远镜、量子科学实验卫星等内容作为网页设计的主题。(三)多种形式融入核心价值观的元素。党的十八大提出的社会主义核心价值观是中国特色社会主义的核心价值体系，是当代中
10、国精神的集中体现，也是马克思主义中国化的最新成果，它凝结着全体人民共同的价值追求，对国民教育具有重要的价值意蕴，对社会发展发挥重要的价值引导作用。习近平总书记强调，要“引导广大师生做社会主义核心价值观的坚定信仰者、积极传播者、模范践行者”。社会主义核心价值观非常符合我国的发展主题，是当今重要的思想政治教育内容。通过多种形式将这一价值体系融入课程的教学内容，使学生不知不觉地接受体系的熏陶，不断提升学生的思想政治水平。例如，在讲授网页的三栏布局时，使用了光明网的“社会主义核心价值观”专题版块的首页;在 HT-ML5 实验环节，设计了社会主义核心价值观三个层面的分类展示作为实验内容。(四)动态植入国
11、家重大政治活动信息。国家重大政治活动具有重要程度高、参与范围广、涉及影响大等特点，对学生开展思想政治教育具有重大价值4。每学期的授课中，都会将当前的重大政治活动的内容植入课程中，使教育的效果更具渗透性和持续性。具体做法如表 1 所示。表 1课程中植入国家重大政治活动学期国家重大政治活动植入方式2021 2022(1)神舟十三号载人飞船发射成功讲解 Video 标签时，使用神舟飞船发射成功的视频2020 2021(2)建党 100 周年课程设计主题:建党 100 周年专题页面设计2020 2021(1)脱贫攻坚决战决胜讲解网页布局时，以新华网的“决战决胜脱贫攻坚”主题网站为示例2019 2020
12、(2)抗击防疫，提升经济布置以“抗击防疫，从我做起”为主题的网页设计作业2019 2020(1)澳门回归 20 周年将澳门回归后的成就图片作为 HTML5 中图片元素的示例2018 2019(2)新中国成立 70 周年以“迎接新中国成立 70 周年华诞”为主题布置网页综合设计(五)培养学生的创新精神和工匠精神。Web 设计基础 课程通过给学生讲授基本的技术外，更重要的是利用这些技术创作有意义的作品，因此在教学过程中，鼓励学生创新思维，设计具有个人特色、技术上综合运用的作品，将创新点作为作品评价的重要组成部分。对学生的作品进行点评，督促完善，经过多次反复，达到最佳效果，在此过程中逐渐培养学生精益
13、求精的工匠精神。鼓励学生加入高年级学生主导的“互联网+”大学生创新创业大赛项目组，做好基础的系统页面设计等初级工作，通过项目的熏陶进一步提升创新能力。(六)培养学生的团队协作精神。团队合作在竞争日益激烈的现代社会中显得尤为重要，为培养学生的团队协作精神，课程组教师模拟企业项目开发的实际，构建课程设计内容，将学生分成 4 人任务小组，每组完成一个稍具规模的网站前端设计，4 人分别承担布局设计、CSS 美工、JavaScript 交互、内容及整合等任务。小组成员间既有分工又有合作，做到互通有无，提高学习效率的同时锻炼了团队协作精神。(七)基于人生价值的职业道德教育和职业责任的个人价值教育。培养学生
14、爱岗乐岗忠于职守的敬业意识、讲求质量注重信誉的诚信意识和遵纪守法公平竞争的规则意识，教育学生只有具备正确的职业道德，才能够真正实现个人的人生价值。计算机工程技术的学习是枯燥和繁琐的，而且技术要求高，需要学生具有长期艰苦奋斗精神和不断进取的信念，并且要遵纪守法。因此，通过在课堂中介绍计算机领域的杰出人士的成功经历，鼓励学生形成良好的职业道德，像先驱们学习实现人生价值，同时也要适当提到一些计算机类犯罪的案例，给学生以警醒。在教学中引入职业责任教育，让学生明白职业的本质含义首先是社会责任，其次才是谋生手段，职业的意义在于履行社会责任，需要围绕国家的建设目标，将个人职业发展和人生发展融入职业生涯的全过
15、程。教育学生在校期间必须要树立正确的职业价值观，将职业目标的达成和个人价值的实现投入社会的最大化需求中，在课程学习方面，要努力学好本课程的相关知识，为后续的专业课打好基础。(八)优化课程评价体系。从课程思政培养目标出发，优化课程评价体系，改变原先的“唯考试成绩论”的做法，在教学的各个环节进行全方位考察。提前公布考核点，使学生明确学习内容和方向，能按课程培养目标完成各项学习任务。在作业、实验、课程考核的内容方面，部分采取非固定任务模式，一方面促使学生发挥个人的创造性，另一方面培养学生951产业与科技论坛2022年第21卷第24期Industrial&Science Tribune2022（21）
16、24的诚信意识。在成绩评定方面，综合考察学习过程的各个环节，为政治表现、协作精神、创新精神、敬业精神等方面设置适当的考核比重5。三、课程思政实施效果湖北工程学院计算机类多个专业开设了 Web 设计基础课程，课程实施范围大，受益学生多。课题组将思想政治融入课程教学工作中，实际应用效果好。2020 2021 年接受了校院两级督导8 人次、同行12 人次的随堂听课，均对课程的教学效果给予了高度评价，在期末学生评教中课题组主讲教师的评教优良率在97%以上，综合评价一直处于学院前10%。课程实施结束后，课题组设计了课程思政评价表，以了解课程思政的实施效果，内容如表 2 所示。表 2课程思政效果评价项目评价内容评价标准分值 评分思政元素课程中嵌入了思政元素(1)适量(9 10)(2)似乎有，没感觉(68)(3)过多(3 5)(4)没有(0 2)10思政元素与课程内容协调(1)很协调(9 10)(2)一般(5 8)(3)生搬硬套(0 4)10思政元素的形式(1)多种多样(9 10)(2)较多(6 8)(3)单一(0 5)10效果思政元素拓宽了我的视野(1)有帮助(9 10)(2)有一些帮助(5 8)