《网页设计》案例式微课的教学改革与实践

王乾 宋立新

摘 要：《网页设计》课程是当今互联网时代普及的一门计算机课程，通过学习该门课程，不仅需要学生掌握网页设计与开发的相关理论知识，更为重要的是在实践中熟练掌握网页设计应用软件的使用。在实际的授课中，由于课时有限，教学所用微案例较少，学生很难融会贯通地使用网页设计的应用软件进行网站的规划、设计和布局等。因此，可以将“案例式微课”教学法与该课程的教学目标结合起来，可以改变知识的传授方式，使学生从被动的接受者转变为主动的参与和设计者，可以使学生掌握理论知识，提高实践水平，培养独立思考能力，发展学生创新精神和解决实际问题等能力。“案例式微课”成为在线教育发展的必然趋势。

关键词：网页设计；案例式教学；微课教学；教学模式

中图分类号：G642 文献标志码：A 文章编号：2096-000X（2018）13-0133-04

Abstract： "Web Design" course is a popular computer course in the Internet era. By studying this course， students not only need to master the relevant theoretical knowledge of web design and development， but also master the use of web design application software. In practical teaching ， due to the limited hours an fewer micro-cases used in teaching， it is difficult for students to fully integrate the use of web-design application software for site planning， design， and layout， Therefore， the "case-based micro-class" teaching method can be combined with the teaching objectives of the course， and the teaching methods of knowledge can be changed so that students can change from passive recipients to active participants and designers， and enable students master theoretical knowledge， raise their level of practice， cultivate independent thinking skills， develop innovative spirit and ability to solve practical problems. "Case-based Micro-curriculum" has become an inevitable trend in the development of online education.

Keywords： web design； case teaching； micro-class teaching； taching model

一、概述

《网页设计》作为一门综合性、实践性、应用性极强的课程，在教学的方法上应有别于一般的基础理论课程。 在教学中不仅要求学生掌握专业理论知识，更要求学生具有运用专业知识分析具体实际情况、解决实际问题的能力。 因此，提升学生学习的主动性和创造性，对学生进行正确引导并提高学生实际思考和动手能力是《网页设计》课程的关键。

二、案例式微课的教学

“微课”概念于2008年由美国新墨西哥州圣胡安学院高级教学设计师戴维·彭罗斯（David Penrose）首創，他把“微课”称为“知识脉冲”（Knowledge Burst），以产生一种更加聚焦的学习体验[1]。将“微课”定义为“一节的短小的视音频，呈现某个单一的、严格定义的主题”[2]。自2011年“微课”概念在国内被首次提出来以来，“微课”作为一种新型的教育信息资源形式就以其“主题突出、短小精悍、交互性好、应用面广”等特点被广泛认可，“微课”概念在教育领域迅速传播[3]。胡铁生认为“微课”是以阐释某一知识点为目标，以短小精悍的视频为表现形式，以学习或教学应用为目的的教学视频，通常还包括相应的教学设计、素材课件、练习评测、教学反思核心和关键、学生反馈等教学支持资源[4]。而对于在线或课堂面对面教学时，这些简短的“微课”也只能辅助课程主题的学习。针对于高校“微课”定位过于偏向教师所授课程的量化发展，“微课”制作内容强行限制在比较短的时间里，造成知识的片面化、不系统，在很多零碎的“微课”资源里学生很难查到对自己有用的信息，尤其缺少“案例式”引导应用知识体系的建设，使学生会产生一种所学知识与应用脱节的感觉。

“微课”被作为一种新型教学资源类型，它通常用于讲解某一个知识点，如果将其引入如何解决某一个教学问题，或如何体现教学活动中的某一个教学环节。“微课”就会成一种学生在线学习的资源，让学生更好感知与体会知识体系的应用，其开放性、补充性与开发的潜力更能为教学效果的提高奠定前提基础，对推进高校教学改革，促进一体化教学，为发展在线教育提供了广阔应用的前景。

“案例式”教学法起源于1920年[4]，最早用于管理学和法学专业，是一种以案例为基础的教学法，教师扮演教学的设计者和引导者，针对教学大纲的目标设计合适的教学案例，尽可能的用案例启发学生独立自主地去思考、探索并完成相应的任务，在任务中寻找所用知识点，体现学生在学习过程中的主体性，培养和发展学生学习的主动性，提升学生分析问题、解决问题的能力。但是，这就必须要求学生课下花费大量的时间和精力去学习案例，从案例中提取知识点了。但是，学生要准确的掌握理论规则，必须要经过讨论、交流和分析等环节，才能提高知识点的案例教学效果。

过去在课堂上的“案例式”教学所选取案例一般源于教材，内容十分陈旧，讲授时花费时间太长，被认为与式教学方式区别不大；“案例”针对性不强，知识点缺少连贯，使用过程中老师强制引导学生思路，容易最后给出相应的标准答案，忽视对学生思考问题能力的培养。尤其是综合性案例容易出现学生准备不足，在有限的课时和课堂有限时间内难以提出分析性的见解，若将“微课”融入这样的“案例式”教学，既解决了知识点零散又解决了时间太长。“案例式”教学是根据教学目的和培养目标的要求，从实际的“微案例”入手，引领学生在特定的事件情景中进行分析问题和解决问题，适当讲解理论知识或相应的知识点，从而培养学生理解和掌握理论知识形成技能技巧，充分体现了案例到理论知识点的融合。

将“案例式微课”教学模式引入《网页设计》课程中，改变了传统课堂以教师为主导的教学模式，是教学改革的新方法。以案例的形式来讲解繁杂、难懂的教学内容，并制作成为短、精、简、易的微课，应用于教学中，是对教学内容有效分解。根据教学大纲、教学内容和学生实际情况，课前，应从简洁、直观、趣味的“案例式微课”入手，把学生带入特定的事件情景中进行分析问题和解决问题，吸引学生主动学习、使学生先感知理论知识，从而培养学生运用理论知识，明确学习目标，促使其结合自身情况在较短的时间内进行有针对性地学习，最大程度激发学生学习的主动性，达到培养了学生的自学能力。当全部“案例式微课”串联起来就是《网页设计》课程的所有章节涵盖的理论知识，这样开阔学生视野，促进其对知识的迁移应用；课上，教师通过课堂上师生之间的互动交流，了解学生的疑惑，再将“案例式微课”中没涉及的知识点，进行补充穿插形成每个案例之间是密切相关，使学生掌握整体而系统的知识点。真正做到让学生成为学习的主体，积极思考、反复训练，提高学生分析问题、解决问题的能力， 激发学生的探索欲，实现创造性人才的培养目标；课后，通过对课上问题的深化和师生之间的互动交流情况，再进一步对知识进行扩充，来拓宽知识的广度和深度，从而达到对学生综合能力的培养，为学生个性化学习发挥潜能。

将“案例式微课”的教学模式引入《网页设计》课程中，必须对教学内容聚会、教学模式设计、教学目标深入研究，才能重新设计该课程的相关教学文件，如：教学大纲、案例式微课视频及课件，相对应的教案及教学日历、课下课上的教学导引问题、自学内容、学习素材、课程考核体系。为学生课下知识的学习提供灵活、开放而个性化的条件，保证课上教学更侧重于重点、难点的知识的内化，从而提高教学质量，更有效地实现教学目标。

三、网页设计课程案例式微课的设计模式

在深入研究高校学生学习习惯的基础上，借鉴已有的案例驱动的教学模式，依据我校《网页设计》的教学大纲、教学内容和培养学生的目标，结合《网页设计》为通识课程的特点，对原有《网页设计》课的多媒体教学模式进行改革，设计出相对科学且可行性强的“案例式微课”教学模式，首先按照教学大纲和教学内容进行分章，分节编写出教学日历，再根据教学日历的时间段提炼出知识点，再设计案例从不同角度进行剖析知识要点，来制作“案例式微课”的视频、课件和导引题目，达到在短时间引出阶段知识点的内涵。最终将所有案例组合成整体，让学生感知问题的分析与问题的解决来自知识点融会贯通，加深学生对知识要点的领悟。通过“案例微课”丰富了学生的学习资源，使学生得到内化的知识并加深对知识的理解。从提高学生学习的主动性，调动学生主动学习的热情，更好地展示本课程“案例式微课”教学资源的开发、设计。“案例式微课”教学模式，如图1所示。

在“案例式微课”的教学模式下，教师不仅要在准备课前的各种教学资源，还要组建相应的课程网站，或者借助其它信息化平台，将完整的教学大纲、课件、视频、习题、参考资料等上传至网络平台，发布学习任务，并适时与学生在线互动，解答学生所提问题，记录相关情况。课上的时间主要是讲解知识的综合运用，解答学生的共性问题，引导学生学会如何在综合性问题出现时寻找知识点来解决问题。另外，通过点评其他学生的作业，来进一步加深知识点的应用方法，实现把“案例微课”与课堂内容相融合，互为支撑与验证；课后时间主要是客观地评价学生作业，帮助学生找到自己的闪光点和不足之处，进一步拓展专业知識，提高自我提升的能力。

在“案例式微课”的教学模式下，学生起着主体作用，课前，学生根据教师提供的资源，在观看案例式微课视频、课件和导引题目后，自行查阅资料尝试完成课前作业。上课时，对在自学过程中遇到的困难和问题与教师和同学探讨交流，加深对相关知识的理解，再完成课堂作业，进一步促进对知识的消化理解。通过教师和同学交流、探讨的过程中，学生也能学习到他人的学习方法和技巧，有利于学生在学习中取长补短。

这就要求重新撰写适合案例式微课的教学日历、重新设计案例、重新制作课件、编写适合于课前、课上、课后引导学生思考的题目、重新制定考核方案等教学资源。编写教学日历，确定教学目标和课程内容体系，将每次课的知识点以课前、课上、课后形式的体现在教学日历中。

四、案例式微课的设计模式需要注意事项

先收集国内外关于“案例”、“微课”的教学与网页设计的相关资料，并进行详细的调查研究与分析，对国内采用“案例”或“微课”教学的高校进行参观学习，学习其在此方面开展的经验。然后，结合我校学生的特点，初步制定“案例式微课”的教学方案，并在《网页设计》课程教学中实施此方案，听取学生和教师的反馈意见，完善教学方案，进一步设计出合理的一整套教学实施方案。具体的流程如下图2所示。

（一）教学日历编写

教学日历是根据教学大纲和教材的体系、内容、学生情况及学期的教学时数确定的学期教学工作的具体实施计划，其作用在于明确该门课程教学工作的内容和要求，体现了一门课程的整体构想及进度。为使教学日历编制工作管理科学化、规范化，保证各个教学环节的正常运行需要考虑：本课程与相关课程及专业的联系，调查学生的学习基础，了解先行课的教学情况和后续课的安排，处理好课程的衔接和进度；因为《网页设计》是通识课，按照教学的总学时限制30学时来编写进度时间表和教学内容；教学日历中的教学时数一般按2学时为一单元，每单元必须充分体现出每次授课的课前、课上、课后的知识点。要写明章节名称、各章节的教学时数和时间的具体安排等；尤其对于课前课后环节要写明内容提要；对要完成的作业和课堂讨论要写明题目；实验课要写明实验名称，实验时数和时间的具体安排。

（二）案例的设计

案例应循序渐进，从易到难的递进方式设计，一方面是有利于录制视频时时间的掌控；另一方面是便于学生对知识点分解的理解，从而掌握整章的核心思想和构建步骤，方便学生利用零散的时间，调动学生的积极性。案例应具有代表性，学生能够从该案例得到启发，进行拓展性思考。案例应前后相互联系，相互渗透，后续阶段的案例尽可能涵盖前面的内容，以加深和巩固所学知识，激发学生的学习兴趣，加强学生的动手能力和创新能力的培养。

（三）录制视频

将每节的知识点进行案例式归纳总结，同时还要考虑在较短时间内能够讲解完。学生能根据自己的实际情况自由确定观看视频的时间和进度，并总结学习过程中遇到的各种问题，增强了学生学习的主动性和积极性。

（四）制作课件

在新的教学目标和课程体系基础上，以突出授课目标，不易偏离授课内容，为学生提供了全新的个性化学习支持。

（五）编写引导学生自学的题目

根据《网页设计》课程的教学目标和教学内容，将每个章节的知识点进行归纳总结，提炼出供学生课前、课后自学时的参考题目和问题，能使学生带着问题有目的自学，在自学中尽可能的解决自学导引的题目，让学生了解自学过程中遇到的难点，“自学导引”以作业的形式布置给学生并限时提交给教师，便于教师掌握学生的自学情况，有利于教师在课上有的放矢的讲解，是课堂教学环节可以侧重于以难点、重点知识的内化，实现互动与探究的案例式微课的模式教学。

（六）重新制定考核方案

《网页设计》课程的实用性、操作性的特点和例式微课的教学的模式，不再要求学生死记课程的知识点，而是侧重这门课的设计和操作方面，以发现问题，分析问题，解决问题的动手能力，以所学的知识来解决实际问题和计算思维的培养为主要目标，因此完善和改进考核方法，注重过程化考核和解决设计问题能力的考核。

五、结束语

总之，通过不断地在教学中总结经验，今后还应该从更多的角度对可操作的知识点进行更全面剖析，选取实用性案例透射出更多知识点的内涵，充分实现知识点和案例有机结合，通过 “案例微课”集中说明知识的融会贯通和操作应用，帮助学生分析、理解与解决问题；进一步改进视频录制方法，实现图像效果清晰、穩定和声音实时获取，使课后问题的提出、课上与学生互动更真实，能够较快的帮助学生，激发学生的学习兴趣，方便学生温故知新；改进考试内容和方法，将学生的操作能力、思维能力、创新能力体现到成绩上。

参考文献：

[1]余胜泉，陈敏.基于学习元平台的微课设计[J].开放教育研究， 2014（2）：100-106.

[2]教育部.关于印发《教育信息化十年发展规划（2011-2020年）》的通知[Z].教技（2012）5号.

[3]胡铁生，黄明燕，李民.我国微课发展的三个阶段及其启示[J]. 远程教育杂志，2013（8）.

[4]张民杰.案例教学法：理论与实务[M].北京：九州图书出版社，2006.

[5]黄春元.微课在高校课堂教学应用中的调查研究[J].高教学刊，2017（09）：58-60+62.

[6]肖娟，魏莉.浅谈微课与高校教学改革[J].高教学刊，2015（18）：127-128.

[7]涂俊英，吴先飞.高校微课的应用现状分析及对策研究[J].高教学刊，2016（19）：52-53.