基于课程思政的大案例教学法在WordPress课程中的探索与实践

索荣华

摘要：WordPress是世界上最流行的一款内容管理系统，目前全球五分之二的网站使用WordPress设计与制作。宁夏警官职业学院的WordPress课程采用大案例教学法，以“仙侠传说”教学网站为切入点，一方面系统讲解网站设计制作的全过程，另一方面，将工程意识、引导学生健康使用网络等课程思政内容有机融入教学之中。该文阐述了大案例教学法在WordPress课程中的实施原因和过程，同时，研讨如何在教学中融入课程思政，进一步探讨大案例教学法的优点及注意事项，给承担网站设计与制作类课程的教师提供一个借鉴。

关键词：大案例教学法；WordPress；课程思政；内容管理系统；网站设计与制作

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

文章编号：1009-3044（2022）34-0111-03

WordPress是世界上最流行的一款内容管理系统（CMS） ，可以设计制作各种类型的动态网站。目前，全球使用 WordPress 搭建的网站达到网站总数的39.5%，占据全球网站总数约五分之二的市场份额。宁夏警官职业学院WordPress课程使用WordPress内容管理系统讲解动态网站的设计与制作，使用的WordPress主题是 Avada。目前，Avada 主题是WordPress中销售量最高的主题，可以实现让用户在写少量代码的前提下，实现网页中各种各样的效果，功能灵活而强大，可以设计制作实用的，时尚的响应式商业化网站。WordPress和Avada主题只编写少量代码即可设计制作网站的特点特别适合于高职学生的特点，降低了学习的难度，因此选择WordPress讲解动态网站的设计与制作。WordPress課程的先导课程是计算机导论、PS、静态网页设计与制作，在这些课程的铺垫下，宁夏警官职业学院司法信息技术专业第四学期开设WordPress课程。

虽然WordPress只用编写少量代码即可设计制作网站，但是WordPress的Avada主题设计制作网站过程中有大量参数需要设置，同时有大量概念需要理解，所以对于学生来说，也具有一定的学习难度。针对这个问题，WordPress课程采用大案例教学法，撰写了62861字的讲义，以“仙侠传说”教学网站为切入点，一方面系统讲解网站设计制作的全过程，另一方面，将工程意识、引导学生健康使用网络等课程思政内容有机融入教学之中，取得了良好的教学效果。

1 WordPress课程中大案例教学法的实施原因

所谓大案例教学法就是在教学过程中，始终紧密围绕一个完整的工程案例来展开教学，这个案例的课时量通常达到20个课时以上[1]。下面来阐述在WordPress课程中大案例教学法的实施原因。

对于一个动态网站，专业人员通常需要耗费2至3周或更长时间才能完成网站的设计与制作，所以设计、制作网站是一个系统性的工程项目。然而，大多数网站设计与制作课程存在以下问题，并不适合教学的需要：一是课程目标不明确，课程通常只讲解某几个网页如何制作，而不是讲解网站设计与制作的全过程，网站设计与制作课程变成了网页制作课程，既缺少网站设计的讲解，也缺少网站设计与制作整体的讲解，缺少系统性。二是市面上的教材偏重知识点的传授、某几个网页的制作、简单网站的讲解，讲解过程比较粗略，甚至有些教材只是贴出网页代码。三是课程中的每个案例通常只讲解几个课时，课时过少导致很难讲解清楚网站设计制作的全过程。四是教材缺少课程思政的融入。因此，需要通过一个大案例，使用20节以上课时量来系统讲解网站的设计与制作[2]，同时，在课程中融入课程思政。

2 WordPress课程中大案例教学法的实施过程

WordPress课程在司法信息技术专业第四学期开设，课时量为90课时。

首先，通过教学实践和思考，明确了教学目标：通过大案例教学法，培养学生使用Avada主题能够独立设计与制作一个较美观、时尚、精细、复杂、自适应的动态网站的能力。根据教学目标以及高职学生的学情，撰写了符合此教学目标的课程讲义。具体实施过程如下。

2.1 教学内容

第一部分：WordPress概述（2课时）。此部分主要讲解内容管理系统、自助建站等相关概念、WordPress等主要内容管理系统介绍，以及WordPress的学习方法。

第二部分：Html、CSS、JavaScript语言（4课时），此部分主要是对第三学期静态网页设计与制作课程内容进行复习，为后续章节的讲解进行铺垫。

第三部分：安装WordPress（6课时），此部分主要讲解WordPress、PhpStudy、Avada主题的安装，以及WordPress的优化以及配置，学生课余也可以在自己电脑上安装WordPress进行练习。

第四部分：WordPress网站制作概述（8课时）。此部分通过“仙侠传说”教学网站讲解一般网站的内容和布局、Avada主题的相关概念，以及使用Avada主题制作网站的一般过程。使学生在正式制作网站之前，能从宏观上对网站的制作有一个初步认识。

第五部分：使用 Avada 主题制作“仙侠传说”网站（50课时），此部分系统讲解网站设计与制作的全过程。在前四部分内容的铺垫下，在第五部分正式讲解大案例网站的设计和制作。

第六部分：学生独立使用Avada主题设计制作一个网站（20课时）。此部分内容教师提出网站的设计制作要求，学生在课上或课下独立完成，教师进行答疑。期末考试学生成绩由30%平时成绩和70%学生大作品成绩组成。

2.2 教学方法

教学过程中，注重培养学生自我探索的精神。在第一部分注重讲解进一步深入学习WordPress需要注意的一些问题、提供若干WordPress网络学习资源、课程中不断鼓励学生毕业后能用WordPress完成一些商业性的网站。

在第二部分讲解中，除了复习Html、CSS相关知识点外，要求学生能默写常用Html标记、属性以及CSS语句，为后续使用Avada主题设计制作网站打下基础。

在第四部分讲解Avada主题相关概念时，注意通过实例来讲解相关概念，并让学生进行动手练习，通过实践来掌握Avada主题的相关概念。

在第五部分大案例部分，将大案例分成若干小案例进行讲解，若干个小案例有机整合成一个网站大案例，同时撰写的讲义，注意在目录中标明每个章节要学到的知识点。讲解过程中，首先给学生说明如何学习本部分内容，给学生强调不要单纯按照讲义一步步操作。要求学生要注重理解、思考为什么要这样做，而不是单纯的模仿。在讲一些参数设置时，通过实际演示说明常用参数的作用，对于以前讲过的内容，可以给学生简单提示一下，让学生自己制作。对于网站中添加的CSS代码，告诉学生这段代码是怎么来的，为什么代码要这样写。

在实际教学中，在严格要求学生的基础下，注重和学生多交流、多沟通，采用幽默的教学语言，从而活跃课堂气氛。课堂讲授每段讲解时间不宜过长，15分钟以内较为合适。采用多种形式进行讲解，要多注意学生的反应[3]。

根据4个班级2个学期的课程实施情况来看，216个学生，大多数学生的网站大作品比较美观，符合动态网站的要求。有10%的学生完成的大作品质量较好，达到商业化网站的水平。整体教学质量相较于以往，学生网站作品由原来网站体系结构不完善，页面设计丑陋、凌乱、不规范，提升为现在学生网站体系结构完善，页面设计较美观，网站也更为时尚，可以做到移动端自适应，有10%的学生网站达到了商业化网站的水平，教学质量有质的提升。

2.3 课程思政

为落实立德树人根本任务，在WordPress课程中有机融入课程思政内容是教学中的重要任务。宁夏警官职业学院的WordPress课程以“仙侠传说”教学网站为切入点，将工程意识、建立文化自信、引导学生合理健康使用网络等课程思政内容有机融入教学之中。

1） 工程意识

WordPress课程采用大案例教学法开展教学，其中大案例网站“仙侠传说”的讲解课时量达到50课时，在讲解“仙侠传说”网站设计与制作过程中，无缝融入了工程意识。一是长达50个课时的大案例，要求学生要跟上教师的进度，不能半途而废，培养了学生锲而不舍的工程意识；二是在讲解中，強调网站的精细性。进行局部放大判断网站中各元素是否对齐、不断尝试调整参数，达到更好的显示效果、模拟移动端显示网站，对不适合移动端显示的部分进行优化、大量添加代码带来更好的显示效果，从而培养学生精益求精的工匠精神；三是学生最后要独立完成一个网站大作品，在学生完成网站大作品的过程中，培养了学生的探索精神和分析问题解决问题的能力。在学生完成大案例网站和独立设计与制作网站大作品过程中潜移默化地培养了学生的工程意识，不用教师刻意去说教[4]。

2） 建立文化自信

“仙侠传说”大案例网站收集学生喜闻乐见的仙侠类影视、歌曲、文学、游戏、诗词、名句、问答等网络资源设计制作网站，从各方面融入了中国仙侠传统文化，学生在制作“仙侠传说”网站过程中潜移默化地接受了中国传统文化的熏陶，教师同时引导学生将中国传统仙侠文化和西方魔法文化进行比较，树立学生的文化自信。

3） 引导学生合理健康使用网络

互联网丰富的网络资源对高职学生的诱惑很大，部分学生沉迷于网络，教师首先下发了《学生业余爱好情况调查问卷》调查了学生业余时间使用网络的情况，在回收的127份调查问卷中，有31%的学生课余时间用手机打手游，61%的学生在刷抖音快手，30%的学生在看网络小说，只有34%的学生会进行学习。针对学生存在的问题，会根据课程讲解内容，顺势引导学生健康使用网络。如在讲到仙侠影视网站内容制作时，会引导学生不要沉迷于网络影视剧、刷短视频等网络行为；在讲到仙侠文学部分，会引导学生不要沉迷于网络小说；在讲到仙侠游戏时，会引导学生不要沉迷于网络游戏。在引导学生过程中，注重通过实例来进行引导学生，如沉迷网络游戏的典型人物事例，网络小说中的粗制滥造情节等。同时，也注意在平时的教学中，通过只言片语或课下和学生聊天过程中，引导学生合理健康使用网络，培养学生的自律性[5]。

3 大案例教学法的优点和需要注意的地方

大案例教学法最大的优点就是可以显著提高教学质量，尤其适合网站设计与制作等计算机设计类课程。通过大案例教学法，系统讲解网站设计与制作的全过程，让学生明白整个网站是如何一步步设计制作的，而不是通过一些小案例，只能讲解网站的局部。教师通过合适的大案例，融会贯通多个知识点，引导学生一步步完成网站的设计与制作，而不是由学生自己琢磨，导致效率不高。通过期末学生独立设计制作的网站大作品来看，学生完成的网站大作品在网站体系结构、美观度、规范性上较以往都有很大的提高。大案例教学法能显著提高学生的实践水平，涌现出了一批优秀的作品，较以往的教学质量有一个质的提升。

大案例教学法能显著提升教学质量，但以下方面需要注意：

1） 大案例教学法对教师的要求较高。首先，教师要有较高的教学水平，重要的是要让学生明白为什么要这样做，而不是只知道如何做。学生设计制作大作品时，可能需要教师进行辅导，大作品本身较为复杂，教师同时面对多个学生的大作品，去处理解决问题，对教师也是一个挑战，需要教师具有较高的专业水平。另外，市面上很少有合适的采用大案例教学法的教材，所以教师需要自己设计制作一个大案例教学网站，同时撰写讲义，会耗费教师大量的精力。最后，由于大案例本身较为复杂，需要教师更加关注学生，能够和学生形成一个融洽的教学氛围。

2） 大案例教学法要避免学生按照讲义不求甚解地制作网站。这是采用大案例教学法容易出现的问题，要避免出现此问题，教师在教学中一定要讲清楚为什么要这样做，而不是只讲操作过程。要引导学生实现按照讲义模仿操作——抛开讲义探索完成——独立创作完成网站大作品的过程，一步步升华，否则学生只是机械地照搬讲义，完成操作，最终作品也只是对大案例的简单模仿，失去了大案例教学法的意义。

3） 大案例教学法可能会导致学生跟不上进度。一个大案例通常课时比较长，大案例作为一个整体，课程前后衔接比较紧密，而且大案例本身较为复杂，所以学生可能存在跟不上进度的情况，学生有可能会自暴自弃，导致前功尽弃。因此，要求授课过程中，每段讲解应严格控制在15分钟以内，就让学生开始进行实践。另外，大案例的制作过程应该写一个讲义，让学生能够按照讲义来操作，但是讲义也不能写得太细，否则学生只是简单地按照讲义来操作，缺少自己琢磨的环节。最后，在讲解过程中，能穿插一些课堂讨论，提问等其他环节从而引起学生的兴趣和注意力。总之，要多关注学生，多鼓励学生，多激励学生，要让学生感觉完成一个精良的大作品有自豪感，成就感。

综上所述，宁夏警官职业学院WordPress课程以“仙侠传说”教学网站为切入点，一方面系统讲解网站设计制作的全过程，另一方面，将工程意识、引导学生健康使用网络等课程思政内容有机融入教学之中，取得了显著的教学效果。大案例教学法能显著提高教学质量，但也有一些需要注意的方面，网站设计与制作等计算机设计类课程比较适合采用大案例教学法进行教学，具有较高的推广价值。

参考文献：

[1] 林青.大案例教学法在《动态网站设计与开发》课程教学中的应用[J].科技风，2017（6）：42.

[2] 姚志良.大案例教学法在《SQL Server数据库》课程教学中的应用研究[J].职业教育研究，2007（4）：75-76.

[3] 周淑秋.大案例教学法在《三维动画设计》课程中的应用[J].中国劳动关系学院学报，2013，27（4）：111-114.

[4] 沈彬彬.“工匠精神”视角下高职课程思政建设的有效性研究[J].现代商贸工业，2022，43（16）：198-199.

[5] 苏秀芝.“课程思政”视域下高职软件技术专业课程教学设计研究[J].电脑与信息技术，2022，30（3）：100-102，111.

【通联编辑：谢媛媛】