《动态网页设计》案例生活化教学设计

《动态网页设计》案例生活化教学设计

作者：钟钦钦罗俊

来源：《软件导刊》2013年第09期

摘要：对《动态网页设计》课程采用案例教学法所存在的弊端进行了分析，针对此课程中特别是实验环节，采用案例教学法无法让学生较好理解和正确运用相关知识这一普遍现状，将教学案例加以变通，把生活中的常见事物与教学案例联系在一起，使案例生活化，并选取部分课程内容进行了具体的教学设计，以更好地促进学生的学习。

关键词：课程教学；案例教学法；案例生活化；教学设计

中图分类号：G434 文献标识码：A 文章编号：16727800（2013）009019002

作者简介：钟钦钦（1983-），女，湖北工业大学硕士研究生，长江工程职业技术学院助教，研究方向为计算机应用与教学；罗俊（1981-），男，硕士，长江工程职业技术学院讲师，研究方向为道路桥梁。

1案例教学法存在的弊端

案例教学法，着眼于学生实际解决问题的能力，采用“做中学”的形式，通过一个实际的个案，掌握并理解所学的知识，同时能够解决类似及相似的问题。案例教学法能缩短教学与实际生活的差距。尽管它有许多的好处，但对于《动态网页设计》这门课程来说，存在着许多弊端。

案例的真实性不利于学生理解。《动态网页设计》课程中所采用的案例都是真真切切的设计个案，例如：聊天室、留言版、广告轮播、内容链接组件的使用等，都是真实的个案。从某个层面来说，学生能够真切地接触到网页设计的实际工作，但通过对学生的调查发现，这些设计内容都是学生第一次接触，整个设计过程基本上都是依葫芦画瓢，学生只会原原本本地按照案例的实现过程去敲写代码，一旦更换内容或变更形式，将无法完成设计任务。

案例操作过程的固化不利于学生掌握。《动态网页设计》课程中所采用案例的操作过程都是固定的，第一步应该如何，第二步应该如何，第三步应该如何……等等，学生按照案例操作过程去实现的时候，所记住的是步骤，而没有理解各步骤所实现内容之间的关联，导致对于所学习知识点的理解层面不高，学生只会以某一固定的方式去实现一个网页功能，不能灵活运用所学知识点。

综上所述，必须在原有的案例上进行加工处理，文中笔者采用的方式是将案例生活化。

2教学案例生活化

从事软件设计教学的教师都会强调，软件的设计源于生活，往往是为了解决生活中的某一问题才会促使设计者们去设计一个软件。教学案例生活化设计是让学生更好地理解并掌握所学知识的一种方法。

那么原有的案例不也是“生活化”吗？例如：在访问网站看小说的时候，会有一个页面，上面会有小说各个章节的链接。诚然，这是生活中访问网页时会出现的一种现象，但有局限性，一是并不是所有的学生都会在网络上看小说；二是即便学生有类似或相同的访问经历，但对于此网页功能实现的过程却是第一次接触。所以，这样的“生活化”不能称为生活化，它是一种表面形式，表面上看来，生活中确有其事，但不是人人都接触并理解的事物。

所以，要学生能够较好地理解知识，最好的方式是做到案例能和现实中人人都接触并理解的事物相联系。通过对学生的调查表明，案例生活化的教学效果要比所有的案例教学效果好得多，学生表示和生活中常见的事物相联系后，能更好地理解所学的知识点。3案例生活化教学设计

本文以内容链接组件教学设计为例说明案例的生活化。

内容链接组件的作用是将多个网页形成一个网页目录导航。

问：“同学们都买过书，看过书，对不对？”

得到回答：“对。”

问：“书都会有目录，对不对？”

得到回答：“对。”

那么这和所讲的内容链接组件有什么关系呢？现在通过表1来比较分析。

在此案例中，加入生活中人人都看过并理解的书的目录，并与内容链接组件实现各项内容相联系。由此可见，要实现内容链接组件的功能就必然少不了内容导航页面、列表文件及组成内容导航页面的多个网页。那么这三者之间的关联如图1所示。

通过这一关联图，能一目了然地知道内容导航页面、列表文件及组成内容导航页面的多个网页这三者之间的过程和关系。

以《宝宝营养餐》为例。

（1）首先需要用以形成链接导航的网页1、网页2、网页3……网页N（好比一本书目录的形成首先需要章节的存在）。

5.asp4-5岁营养食谱

（3）内容链接导航主程序页面（index.asp），在这个主程序页面中，将要用到内容链接组件，首先要实现的便是这个组件的实例化，使用server.createobject方法创建MSWC.Nextlink 的实例，并用set关键字赋给NL，于是产生了名为NL的内容链接组件实例对象。一切方法的运用都在此对象进行。

完成go.asp后，最后一步则是将此功能添加到1.asp-5.asp中。此时，“1.asp～5.asp”这5个文件仍然是独立的程序块，使用标记插入到每一分页文件（1.asp～5.asp）的结尾，即可实现链接。

参考文献：

[1]胡霞.《动态网页设计》课程项目式教学探索与教学设计[J].内江科技，2009（11）.

[2]刘志军，张民.《动态网页设计》课程教学改革与实践[J].中国科技信息，2010（14）.

责任编辑（责任编辑：孙娟）