网页设计基础课程思政教学改革实践探究

邵晓艳 张春凤 赵雪专 贾颖哲

摘要：文章针对网页设计基础课程“入门易、实践性强”但是“学精、学透”不易的特点，结合学校定位，制定了具有航空特色的课程思政目标。课程采用线上线下混合教学模式、将时政热点事件融入教学内容之中，形成导入案例、分散案例和项目案例。项目案例采用小组限时完成方式增强学生的动手能力，组内分工采用滚动方式进行，保证学生能力全面发展。在一个学年不同专业中进行实践，取得了预期效果。

关键词：网页设计；课程思政；教学改革；目标驱动

中图分类号：G642      文献标识码：A

文章编号：1009-3044（2023）34-0151-03

开放科学（资源服务）标识码（OSID）

0 引言

2020年《高等学校课程思政建设指导纲要》指出，专业课程是课程思政建设的基本载体，要深入梳理专业课教学内容，结合不同课程特点、思维方法和价值理念，深入挖掘课程思政元素，有机融入课程教学，达到润物无声的育人效果[1]。

网页设计基础课程是计算机科学与技术、软件工程、网络工程等专业的专业必修课或者选修课之一。因其应用范围广、实用度高，修学人数一直居高不下，在专业课程体系中属于实用性强的热门课程，深受学生欢迎。

网页设计基础课程具有“入门易、实践性强”但是“学精、学透”不易的特点，传统教学方式按照课程内容知识点依次讲解，学生学到的是零散的片段，各种网页元素在整个网站中如何结合，开发出一个功能强大、颜色协调，且符合行业特点、严格定位客户群、创意独特的网站对于学生来说非常困难。

网页中有文字、图片、视频等元素，都需要围绕一个中心展开，而这个中心就可以设定为思政目标。将思政目标和案例教学有机结合[2]，融入时政元素，使教学案例紧跟时代风尚，激发学生学习兴趣，解决教学内容和思政教育“两张皮”问题。

网页设计基础课程思政教学改革依据教学大纲，选取合适的项目案例，将思政内容融入项目中，使学生对网页设计开发有一个明确的认知，对课程内容有整体的概念，对项目开发流程有完整的项目经验。

1 课程思政目标确立

立足于建立具有鲜明航空特色的本科院校，结合近年来中国在航空航天领域的技术突破，将航空案例与网页设计基础课程知识进行耦合，丰富了课程内容，增强了课程的实用性，实现了价值引领和技能培养的有机统一。

航空器是成千上万人集体工作的智慧结晶，只有团队人员人尽其才、彼此精诚合作才能完成如此宏伟的目标。网页设计基础课程虽重在“设计”，但网站项目的开发离不开项目团队的协同与合作，因此团队协作意识的塑造尤为重要。

课程思政需要通过多种手段不断强化思政教育，引导学生从小我向大我转变，逐步提升思想认知，并最终能够更加积极主动地投入工作中去。结合学校特色，课程思政目标设定为：强化学生网页技术工程教育，培养学生精益求精的工程师精神，增强团队协作能力，激发学生科技报国的家国情怀和使命担当。

2 课程思政课程建设

2.1 课程思政目标分解

理工科专业课的思政目标主要集中表现于四个方面：家国情怀、学以致用、沟通表达和工程规范[3]。尽管计算机相关专业对人才培养目标稍有不同，但工程教育认证标准中的不同毕业要求具备的内在标准有殊途同归的效果[4]。结合学校航空特色，融入计算机专业培养目标，将课程思政目标按照章节内容进行布局和细分，设定各部分课程思政目标（如表1） 。

2.2 课程思政教学方法改革

在学期初对整个课程的思政元素内容进行选材，教学实施中授课教师也可根据实际情况调整，做到统一安排，有的放矢[5]。在思政素材选取时，尽可能选国际、国内最近发生或热议的大事件，比如中国共产党成立100周年、神舟十三号、北京冬奥会等，以这些紧跟时政热点和流量的主题组织教学内容，既能提高学生学习兴趣，又能强化思政教育主题。

思政案例分为导入案例、分散案例和项目案例，导入案例设置在每一章的课程内容导入环节，利用问题唤起学生的求知欲，激发学生的学习兴趣，让课堂学习变得非常活跃[6]。教师要把控导入案例和课程内容的关联度，提升学习效率；分散案例设置在教学中，引导学生探索和解决问题：如何改进页面设计和技术迭代能让网页更美观、更具有互动性？项目案例在上机课开展，针对课堂内容量身打造，用于锻炼学生的实践和团队协作能力，具体项目要求和教学内容相匹配（如表2） 。

上机课以项目小组方式组织，因此课程组确定了“项目引领—任务驱动—活动激励”的课程教学路径。

项目引领：项目案例以4～5名学生组成的项目小組形式开展，分工实行轮转制度，确保每个学生都能掌握网页设计的技术要点。

任务驱动：每个项目案例有明确的基础目标，项目小组必须完成该目标，课后任务可在此基础上继续完善和提升。

活动激励：为促使学生发挥自我能动性和团队凝聚力，项目评价成绩由教师评价、组间互评和组内互评三部分组成，其中教师评价占项目评价成绩50%；组间互评占30%；组内互评占20%。

2.3 课程评价机制

根据布鲁姆认知分类法由知识、领会、应用、分析、综合和评价六个层次组成，并且逐层递增[7]。因此设定本课程评价方法如下[8-9]：

学生课程成绩=课前测5%+课堂表现10%+课后题10%+项目成绩30%+期中成绩15%+期末成绩20%。

2.4 项目案例教学实例

项目小组以“一带一路”为主题制作网站，要求：

1） 网站不少于四个页面。

2） 首页需具备：Logo、Banner条、导航条、页面主内容区、版权信息。

3） Banner条和导航条需使用CSS3制作动画效果。

4） 页面中须加入JavaScript脚本动画。

5） 网站主题明确，网页间可以实现跳转；页面颜色协调，布局合理。

项目案例教学设计采用“翻转课堂”方式，以学生活动为主体，教师答疑和讲评为辅，充分发挥学生的主观能动性，激发学生的学习欲望（如表3） 。

3 课程改革成效

本课程已于2022年底完成在线课程建设，题库录入1200余道题目，并按照5%的比例由任课老师逐年增加，淘汰不符合技术发展和话题陈旧的题目。题目按照章节和考试划分成两大部分，章节练习题以客观题为主，包括填空、选择、判断，并配备网页设计实操题目。该类题目给出网页设计完成效果截图，并给出核心参数，要求学生完成网页制作。其中网页资源，比如：图片、背景音乐、视频等需要学生自己下载，自行完成素材的剪辑、网页配色及修饰等工作。网页设计实操类题目属于主观开放性题目，学生可以根据核心参数完成一个基本的网页，也可以延伸题目难度和深度，制作一个配色协调、画面精美的网页，从而起到不同层次学生不同考核结果的目的。

在2022—2023年秋季学期计算机相关专业开展课程思政教学改革实践，四个专业共有926名学生选课，5名任课老师的学生评教分数都达到90分以上。学生成绩分布如图1所示，总评成绩和期末成绩拟合度高，学生成绩集中在75～90区间，符合教学预期。

4 结论

网页设计基础课程思政教学改革实践以项目案例方式巩固和提高学生的实践能力，能够满足学生深层次需求，引导学生进行教学知识的深入学习和探究。将案例教学与任务驱动充分与航空特色相结合，选择民航飞机介绍、“一带一路”等项目主题，培养学生的家国情怀与大国工匠精神。

本课程采用了分层次教学，课程教学的基础目标、应用目标和提升目标分别对应基础知识讲解、项目制作和项目拓展，教学模式清晰。

为确保学生在项目教学中能够得到全方位技能提升，在项目实践环节，学生组成4～5人团队，按照指定的项目主题进行网页设计与制作。每次的项目分工需要滚动，确保每位学生能够在不同环节得到锻炼，掌握网页设计与制作的全部技能。

参考文献：

[1] 教育部关于印发《高等学校课程思政建设指导纲要》的通知（教高[2020]3号）[EB/OL].[2022-10-22]. http：//www.moe.gov.cn/jyb_xwfb/s271/202006/t20200604_462551.html.

[2] 李宗剑.Web前端设计课程思政教学设计[J].电脑知识与技术，2020，16（32）：122-123，136.

[3] 邵小青，章蓬伟，丁娟，等.基于课程思政的《Web前端技术》课程教学研究[J].产业与科技论坛，2023，22（1）：143-145.

[4] 贺桂娇，李旭峰.基于沉浸式课程思政在《网页设计技术》课程中的探讨[C]//北京：2022新时代思想政治教育理论研究高峰论坛论文集（一），2022：88-95.

[5] 赵恒，邹丽霞.“网页设计与制作” 课程思政示范课建设[J].河南广播电视大學学报，2022，35（3）：103-107.

[6] 孙涵，王子儒.“导学互动” 模式下课程思政教学改革探索与实践：以《网页设计与制作》课程为例[J].河北大学成人教育学院学报，2022，24（3）：99-104.

[7] 宋吴越.基于布鲁姆教育目标分类法的学生非认知领域能力提升研究[J].现代商贸工业，2021，42（15）：79-80.

[8] 郦丽华.高职《HTML5网页设计》融入课程思政实践[J].国家通用语言文字教学与研究，2022（2）：86-88.

[9] 张呈江.“网页设计与制作” 课程思政实践研究[J].工业和信息化教育，2021（8）：53-57.

【通联编辑：王 力】