网站设计与制作课程中大案例教学法的实施和探讨

索荣华

摘要：案例教学法是一种以案例为基础的教学法，目前普遍应用于各学科的教学中。该文将从信息与安防工程系的网站设计与制作课程的实际教学情况出发，来进一步解析案例教学法的延伸，即大案例教学法在网站设计与制作课程中的实施原因和过程。同时，在具体实施过程的基础上，探讨网站设计与制作课程中大案例教学法如何进一步完善、大案例教学法的优缺点，以及还有哪些计算机类课程适合采用大案例教学法。

关键词：大案例教学法;网站设计与制作;计算机课程;教学成果展;网页制作

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

文章编号：1009-3044（2020）08-0148-03

案例教学法是一种以案例为基础的教学法，目前普遍应用于各学科的教学中。对于计算机类课程来说，传统的案例教学法，教师上课过程中通常使用的案例其教学课时往往只有1-4个课时，也就是说使用的案例都是一些小案例，其操作过程相对来说比较简单，只是为了使学生掌握某几个知识点而使用的案例，不同案例之间比较独立。但是，对于一些计算机类课程来说，实际工作中遇到的案例通常需要几天甚至几周的时间来完成，而且也更为复杂，如果学生只是跟着老师完成一些小案例的制作的话，学生水平的提升也很有限，所以需要一些较为复杂的大案例来贯穿课程中的知识点，学生能够系统性的通过大案例进行学习，水平能得到一个较高的提升。

所谓大案例教学法就是在教学过程中采用一些较为复杂的大案例进行教学，其教学课时一般应在10个课时以上，甚至一些课程中一个大案例往往贯穿于整个学期。

1 网站设计与制作课程中大案例教学法的实施原因

我校以前的网站设计与制作课程，主要存在以下几个问题：

1）课程培养目标不清晰，导致教学内容散乱，没有目的性，系统性。

我校以前的网站设计与制作课程对课程的培养目标没有深入的思考，教学内容讲解过于太多，过散，没有突出目的性，没有对网页知识系统性的讲解，导致学生期末完成的网站作品不尽如人意。没有明晰的教学目标，教学内容的散乱导致网站设计与制作课程讲成了网页制作课程，即没有讲解网站如何制作，也没有讲解网站如何设计的过程，课程的讲解只是让学生能做一个个独立的网页，多个网页无法有机组合成一个网站，而且没有讲解网站的设计，学生完成的网站不够美观，精细。

2）目前的课程教材内容过多，多深，没有网站设计与制作过程的详细讲解。

目前，市面上的网站设计与制作教材大多数存在着讲解知识点过多，过深的缺点，不适合高职学生的特点和学情。而且，这些教材没有系统性的讲解网站设计与制作的过程，有些教材只是将每个页面的代码直接贴了出来。所以，需要根据高职学生的特点，围绕教学培养目标来确定教学内容，自编讲义，课件，贴近学情，贴近课堂实际情况，为学生量身打造。

3）以往的课程缺少若干个系统性讲解网站设计与制作过程的大案例，课程案例过小，或者没有突出网站设计过程。

以往的網站设计与制作课程课堂案例过小，只有2-6个课时，这些案例很难讲清楚网站的设计与制作过程，需要教师设计一些大案例，系统性讲解网站设计与制作过程，这些案例的授课时间应达到16个课时以上。

综上所述，以往的网站设计与制作课程存在的问题，导致最终的教学效果不尽如人意。所以，针对以上存在的问题，需要采取以下措施提升该课程的教学效果。

首先，应对以往的教学深入思考，确定适合学生学情的教学目标。

要跳出课程教材限制，围绕教学目标，精心设计教学内容。在讲网站大案例之前，要确定学生要学习那些网页基础知识和操作，自编该部分课件;设计制作1个网站大案例。

在教学中，除了主要采用大案例教学法之外，研究其他合适的教学方法，提升教学效果。研究制定适合学情的考核标准。

指导学生完成网站大作品，督促和鼓励学生参加系部教学成果展，给学生一个展示的平台，让学生获得成就感。

2 网站设计与制作课程中大案例教学法的实施过程

首先，通过对以往的教学深入思考，确定了教学目标：培养学生能够独立设计与制作一个较复杂、美观、精细的静态网站的能力。此教学目标要求教学内容的制定要符合学生的学情，教学内容不能太难，在课程讲解中，因为受限于课时的限制及学生的学情，对于较难的DIV+CSS网页排版只做简要介绍，主要使用表格+css讲解网站设计与制作。课程内容除了要讲解网站涉及的基本知识和操作之外，还要培养学生对于网站的审美能力。在大案例中，要讲解如何将网站设计与制作的美观、精细，大案例制作的网站要选题合理，复杂度适中。在最后的考核中，要求学生要独立完成网站大作品，教师要严格检查学生作品，严禁抄袭。

智能1801区队的网站设计与制作课程周课时为4节，教学运行18周。围绕教学目标，采用大案例教学法对网站设计与制作课程的教学内容安排如下：

第一部分：网站相关基础理论的讲解（4课时）。此部分主要讲解网站、网页、首页、域名、静态和动态网站的区别、网页兼容性、Html和Css语言、网站设计与制作一般过程等相关的概念和理论知识。

第二部分：精选一些对网站设计与制作过程中经常使用的操作性知识点进行讲解，同时讲解css编辑器的使用（12课时）。此部分主要讲解DreamWeaver的初步认识，网页图片、链接、表格、表单的相关操作及注意事项，表格嵌套，CSS编辑器的基本操作，常见css样式。此部分先讲解各知识点的基本操作及注意事项，然后设计一些小实例给学生讲解，学生进行练习，巩固、拓展相关知识点。

第三部分：此部分讲解Html和Css的概念，语法格式，常见Html标记、属性以及Css常见属性。要求学生不一定会写代码，但是要能看懂一些基本的代码，方便后面修改网站代码。（4课时）

第四部分：网页欣赏与点评课。此部分讲解网站的首页布局，网站的基本设计原则，精选一些设计较好和较差的网站进行点评，课后，留作业要求学生自选一个网站进行点评。（4课时）

第五部分：一个初步的实例，先让学生进行适应。注意这个实例的选取，要能引起学生的兴趣。（4课时）

第六部分：一个网站大案例，选择宁夏警官职业学院优质校申报网站对网站的整体设计和制作过程进行讲解。本人编写了35页的课程讲义，方便学生学习。（24课时）

在此部分，选取优质校申报网站最主要的三个页面：首页，新闻列表页面和新闻显示页面来讲解如何制作静态网站。在首页的讲解中，教会学生网站Logo、导航栏、Banner、版权区域该如何设计与制作，同时学习网站中最常用的视频播放、焦点图、跑马灯、背景音乐等网页特效的制作。在新闻显示页面，教会学生如何制作规范、美观的图文混排新闻内容页面。

在此部分教学实施过程中，注重让学生思考为什么要这样做，而不是简单的讲解如何做。首先给学生讲解如何进行网站首页规划;要求学生要自行发挥设计制作网站LOGO和导航栏;注重讲解特效代码中一些可以进行特效定制的代码;对于页面中表格制作部分，注意培养学生分析表格嵌套的能力;注重培养学生对网站素材的选择和处理能力。

第七部分：学生自选主题做一个网站，教师进行指导，选取优秀作品参加教学成果展。（20课时）

在实际教学中，注重和学生形成一个融洽的教学氛围，多和学生聊天。同时，在教学过程中，要严格要求学生。每段讲解过程最多不要超过15分钟。有些地方的讲解可以采用讨论法、提问法。讲解过程中，要多注意学生的反应。

在期末，学生完成的网站大作品整体质量较以往有一个较大的提高，学生作品优秀率达到了17%，而以前学生作品优秀率不超过6%。

3 网站设计与制作课程中大案例教学法的进一步完善

在网站设计与制作课程中，第一次采用大案例教学法过程中，还存在一些问题，需要进行完善。

在教学内容上：应对网站基础知识部分教学内容大幅缩减，只讲解必要的网站理论知识，课时量控制在两课时;对网站基础操作部分做少量调整，重点是要让学生熟练掌握这部分操作知识;对HTML语言和CSS语言，调整教学内容和考核标准，重点是要让学生能看懂常用的HTML和css语言;对网站欣赏与点评部分，调整教学内容和方法，重点是要让学生具有一定的网站审美能力;对网站大案例部分，优质校申报网站案例只给学生做参考，要重新编写一个新的大案例讲义，新的大案例要更加符合主流网站设计风格，要引起学生的兴趣，要更加美观。

在教学方法上：要研究各种形式灵活的方法，选取适当的教学方法提高教学效果。

4 对大案例教学法的优点和需要克服的困难的思考

通过深入分析大案例教学法，大案例教学法有其最大的优点，但是也有一些困难需要去克服。

大案例教学法最大的优点就是可以显著提高大部分学生相应课程的实践水平，学生完成的大作品能有一个质的提升，能涌现出一批优秀作品，较以往的教学效果有一个很大的提升。要让学生完成一个大作品，就要让学生先跟着教师完成一个大作品的制作过程，否则没有相应的指导，学生的作品水平会较差，优秀作品往往很少。教师通过一个或多个合适的大案例，融會贯通多个知识点，在讲解中不仅强调实践操作，也要加入必要的理论知识，使学生明白完成一个大作品应该一步步怎么去做，而不是由着学生自己去琢磨，效率不高而且作品最终可能比较粗糙，不美观，不专业。

大案例教学法第一个需要克服的困难就是课时过长。传统的教学要求一个案例不要有过长的课时，一个案例过长的课时很容易引起学生的疲劳，而且由于大案例本身的复杂度，部分学生可能会出现跟不上进度，最终自暴自弃。针对这种情况，首先大案例的选择应该比较有趣，符合学生的心理特点。然后，在讲课过程中，一次不要讲得时间过长，应严格控制在15分钟以内，就让学生开始做练习。另外，大案例的制作过程应该写一个讲义，让学生能够按着讲义来操作，但是讲义也不能写得太细，否则学生只是简单地按照讲义来操作，缺少自己琢磨的环节。最后，在讲解过程中，能穿插一些课堂讨论，提问等其他环节从而引起学生的兴趣和注意力。总之，要多关注学生，要多鼓励学生，要激励学生，要让学生感觉完成一个精良的大作品有自豪感，成就感。

大案例教学法第二个需要克服的困难就是对教师的要求比较高。首先教师对当前授课的课程要有一个比较高的学识水平，教师要不断钻研，提高自己的技术水平，而不是满足于只是完成授课内容。在学生完成大作品的时候，教师需要进行辅导，由于大作品本身的复杂度，教师要有较高的水平才能进行辅导。另外，由于采用大案例教学法的教材极少，教师可能需要重新设计教学内容，要打破教材的限制，对教材的教学内容做一个很大的改动，所以以往的教学资料可能大部分都不适用了，教师要花大量精力重新设计制作案例，编写教案、讲义。最后，大案例教学法由于大案例本身的复杂，对教师的教学水平也提出了更高的要求，要求教师要更加关注学生，最好能够和学生形成一个融洽的教学氛围。

大案例教学法第三个需要克服的困难是对学生的要求比较高。要求学生能够专心上课，能跟上教师的节奏，认真完成相应的案例，对相应的知识点能够不懂的就问，要多思考，注重对知识点的理解。在完成大作品时，能够精益求精，多思考，多尝试。

5 适合进行大案例教学法的课程

根据大案例教学法的性质，适合此教学法的课程应该是那些学生在期末需要完成一个大作品的实践性课程。适合大案例教学法的课程有：网站设计与制作、PS、移动UI设计、Pre-miere、工程制图、自助建站、微信公众平台开发、AE等。当然，这些课程如果采用大案例教学法，不同课程性质不同，还需要一个不断探索实践的过程。

综上所述，通过在网站设计与制作课程中采用大案例教学法实施教学，教学效果取得了显著的提升。同时，大案例教学法还需要不断完善。大案例教学法既有显著的优点，也有一些缺点需要采取措施去克服。最后，一些其他计算机课程也适合采用大案例教学法进行教学，具有一定的推广价值。

参考文献：

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

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

【通联编辑：王力】