《动态网页制作》课程教学改革的探究

台　雯

(天津市新华职工大学，天津　300070)



《动态网页制作》课程教学改革的探究

台雯

(天津市新华职工大学，天津300070)

摘要：信息化教学模式提倡的是以“任务驱动”解决问题作为学生学习与研究的主线，强调“以学生为中心”为首要原则，充分发挥学生的主动性，注重培养学生的学习能力。文章主要对信息化教学模式下《动态网页制作》课程的改革进行了研究，并讨论了信息化教学模式下的教学设计，包括学习目标分析、学习情境创设、学习环境设计、学习活动设计及学习评价设计。

关键词：动态网页制作；信息化教学；任务驱动

动态网页制作是计算机网络技术专业、计算机信息管理专业、计算机软件应用、电子商务等专业学生的必修专业课。该课程是在学生学习了计算机网络技术、静态网页设计、数据库原理课程的基础上开设的职业技能课程，主要讲授的是基于.NET平台下使用C#程序设计语言，利用ASP.NET技术开发WEB应用程序的方法。该课程是一门理论与实践相结合的课程，具有一定的深度和实践难度。该课程主要培养学生实际开发WEB应用程序的技能，要求学生能够进行WEB开发环境的构建、数据库的访问、WEB编程、WEB安全设置和系统部署，掌握WEB应用程序的开发流程、技巧和编程规范。通过课程的学习使学生具有一定的实际动手能力，具备基于.NET平台WEB程序员岗位的专业技能和职业素养，为今后就业奠定基础。

一、使用传统教学模式存在的问题

传统教学模式中，教师作为知识的传授者是课堂的中心，在教学过程中发挥主导作用，而学生只是知识的被动接受者，学习的唯一内容是教科书，教科书往往是过去知识的总结。这样的知识灌输是存在弊端的，它的弊端并不在于主张发挥教师的主导作用，而是在于如果任意夸大教师的主导作用，会不利于发挥学生自身的认知主体作用，不利于提高学生学习的主动性和创造力。

在动态网页制作课程的教学中，如果仅仅简单的采用传统的教学方法，课堂上逐个讲授教材中的知识点，每个知识点是相对孤立的，只是注重理论上的讲解和灌输，学生会感到枯燥，一学期下来学生并不能系统地掌握建立动态网站的流程和方法。同时，简单的传统教学方式也不利于提高学生的编程能力、实践动手能力、创新能力、解决问题的能力和合作交流的能力，不利于动态网页制作课程目标的实现。

二、信息化教学模式

考虑到新课改是“以学生为本，关注学生的全面发展”为理念，以及高职教育“面向职业能力”的需要，本着“够用、实用”的原则，在《动态网页制作》课程的实际教学中，我采用了信息化教学模式对该课程的教学方法进行了改革。

信息化教学模式是指在先进的教育理念(尤其是建构主义)的指导下，根据时代的新特点，以多媒体和网络为基本媒介，以设计“问题”情景以及促进学生问题解决能力发展的教学策略为核心的教学规划与准备的系统化过程。

信息化教学设计提倡的是以“任务驱动”解决问题作为学生学习与研究的主线；强调“以学生为中心”为首要原则，充分发挥学生的主动性，注重培养学生的学习能力；教学中要创设问题情境，让学生在真实的情景中来解决问题、完成任务以达到学习目标；解决问题情境的设置和教学中可以充分利用信息技术和资源，通过新颖的学习方式，为学习者提供良好的信息化学习环境。

三、信息化教学模式在《动态网页制作》课程中的应用

经过教学改革与实践，本课程在教学过程中以“在线购物网站”作为一个大的案例，用一个完整的案例贯穿整个课程，课程结束后要求学生掌握这个案例的制作方法，通过学习这个案例可以使学生熟悉开发网站的流程，建立整体开发项目的思维。在日常教学组织上，将“在线购物网站”这个大案例分解成“用户登录”、“用户注册”、“网站首页设计”、“购物车管理”、“网站计数器”、“商品信息管理”、“网站发布”等七个模块，每个模块又是一个相对独立、具体的任务，学生在学习和完成每个任务模块的过程，就是学习和掌握实际工作任务知识和技能的过程，由简单到复杂，循序渐进贯彻完成整个课程的教学。

在每一个模块的教学过程中，我采用的是“任务驱动”教学法。“任务驱动”教学法是指整个教学活动应以一个共同的任务为中心。我将课程中需要掌握的知识点分别融合在每一个任务中，让学生通过完成任务来学习知识点，达到学习、融会、贯通每个知识点的目的。学生不再把学习当负担，而是根据任务需求来学习，由被动地接受知识转变为主动的学习知识，真正发挥学生的主观能动性。在完成“任务”的过程中，学生可以不断地提高自己的分析问题、解决问题以及实践能力。

在建构主义思想的指导下，信息化教学设计的核心包括学习目标分析、学习情境创设、学习环境设计、学习活动设计、学习评价设计。

下面，我以“在线购物网站”中的“商品信息管理”模块为例，谈谈应用信息化教学模式进行教学设计的过程：

(一)学习目标分析

信息化学习中，学习者的学习目标是学习者通过解决具体情景中的真实问题而实现的，因此确定学习问题是信息化教学设计的关键。这里的学习目标分析就是要阐明学习者将要面临的问题，问题描述的内容可以包括通过学习这节课学生将学会什么知识、掌握什么技能、制造什么产品、有什么潜在的学习结果等等。

例如：通过“商品信息管理”模块的学习要求学生达到如下能力目标：①掌握ADO.NET操作数据库的方法；②掌握Select、Insert、Update、Delete等SQL语句的使用；③掌握FileUploat、DataList、GridView等控件的使用。

接下来，可设计一个较真实的情境，让学生在解决具体场景问题的过程中掌握这些能力。

(二)创设情境

建构主义认为，个体的学习总是在一定的社会文化背景(情境)中交互、交流完成的，学习者在不同的情景中会有不同的行为，会产生不同的学习效果。因此，创设情境是学习者实现意义建构的一个必要前提。

创设情境，就是基于特定的教学目标，将学习的内容安排在信息技术和信息资源支持的比较真实或接近真实的活动，用来支持学校的学科教学活动。常用的情境创设方法有：创设故事情境、问题情境、模拟实验、合作情境等。

在“商品信息管理”模块中，我采用创设问题情境：假设这是一个软件公司，老师是客户，学生是程序员。客户提出需求：需要制作一个网站可以用来展示企业的商品，可以让用户分类查询、以及按销量排名查询商品信息，还可以对商品的信息进行添加、修改、删除等操作。

(三)学习环境的设计

学习环境的设计最终是为实现学习目标服务的，一般是指需要什么学习资源和学习工具。在学习环境的设计中，要充分考虑学习活动，学习环境应该能够支持学习活动的开展，不同的学习活动要选择不同的学习环境(学习资料和学习工具)。

在“商品信息管理”模块中的教学环境设计如下：

1.多媒体教室

通过LanStar全屏广播式教学，演示实例的设计过程，这样有利于学生注意力的集中；通过角色转换，由学生展示本小组的作品，也可以充分调动学生参与的积极性。

2.互联网

在学生自学时可以用来查找、收集资料，还可以使用QQ进行学习交流指导，方便学生自主学习。

3.课件

因为本课程的程序代码量比较多，而且比较难，所以在课件的制作上应该尽量的精心，通过类比示例、动画演示等手段，营造轻松活泼的课堂气氛，简化学习难度，让学生快速融入到课堂的学习过程，加深对课程内容的理解。

4.在线购物网站使用手册

给出了整个网站的一些需求说明。

5.课程实践评价表

要求学生每节实践课都要有一个记录。

(四)教学活动设计

学习者是否实现学习目标是通过学习者是否完成学习任务来衡量的，因此学习任务的设计是学习者学习的核心内容。

本模块基于任务驱动的教学设计如下：

1.引入任务

通过前面创设的问题情景，引入本模块的任务，可以通过多媒体课件及已经做好的网站案例进行展示，让学生更加直观的感受到要学习的内容，这样可以更好的激发学生的学习兴趣。例如：结合案例展示，提示学生若要完成客户的需求，应该怎样来制作呢？这时教师先不要急于讲授，要注重培养学生的分析问题的能力，可以引导学生一起讨论分析需要具备哪些知识，明确学习目标，然后教师再讲授本模块中涉及到的需要掌握的知识目标。

2.任务分配与实施

按照构建主义的思想，学习者的知识和能力都是通过个体主动参与学习活动构建的，无法通过教师的讲解直接传输给学习者。学习者参与的学习活动可以是个体自主学习也可以是合作学习。

在教学活动中，要根据任务的难易程度安排好学习形式。比较简单的任务适合安排学习者自主完成，可以锻炼学习者的自主学习的能力。合作学习去完成简单的任务，会使合作变成聊天，流于形式。合作学习适合综合难度较大的任务，它是建立在自主学习的基础之上的，通过小组的讨论、协商，学习者能够进一步理解学习内容的意义。合作学习中，通过与其它学习者的沟通协作，可以使学习者看到问题的不同角度和解决方法，开阔学习者的思路，提升学习者对知识的认识和理解，锻炼学习者的合作精神。

在本例中，对于连接数据库，对数据库进行添加、删除、修改、查询，数据绑定控件等这些基本的操作要求学生先自主学习完成。对于“商品信息管理”网站的设计要求学生分组合作完成，学生每5人分成一组，各组选出组长，并确定每人的分工，每组要制定学习计划、确定工作方案，教师要对每组的方案可行性进行检查指导。要求每组完成以下任务：①网站要能够展示所有商品；②可以分类查询、按销量排名查询商品信息；③完成对商品的添加、删除、修改等功能。每一组在制定计划、方案时，可通过网络观察、体验与本模块相关的各种优秀购物网站，如：淘宝网、当当网、京东网等大型电子商务网站，确定出自己制作那类商品的展示网站(服装、图书、化妆品)，并下载图片资料。最后，每组制作完成模块后，每组组长负责展示各自的制作成果。

(五)教学评价设计

信息化模式的教学设计中，不但要关注学习者的教学活动成果，而更要注重对学习者的激励。应该允许学生对自己的作品进行合理的评价，这时教师应作为一个引导者，鼓励学生的创造力，尊重学生的不同见解，这样不但可以培养学生的创新能力，而且可以促进学生独立人格的形成。

本课程的教学评价由教师评价、小组评价和各组互评三部分组成。

在以前的教学中，学生做完操作后，只是由老师检查后给出成绩。这种只有教师给出的单向评价，不能综合的反映学生的发展程度。因此，这里加入了小组评价和各组互评。

小组评价中包括学生个人的自我评价和小组对个人的评价，学生的自我评价可以让学生充分认识自己的长处和不足，发展学生的自我意识。通过小组对个人的评价可以看出每一个人在进行小组合作时的参与交流程度、工作态度、合作学习的能力。

各组互评：通过展示每个小组的制作成果后，各个小组之间相互给出成绩。互相评价是学生横向比较的过程，在这个过程中学生可以了解别人的特点，明确自己的优劣。

四、结论

信息化教学设计提倡以“任务驱动”解决问题作为学生学习与研究的主线，强调“以学生为中心”为首要原则，注重充分发挥学生的主动性和培养学生的学习能力。在《动态网页制作》课程中应用信息化教学模式进行教学改革，课程以一个大案例贯穿整个教学过程，日常教学中将大案例分为七个模块，每个模块是一个相对独立、具体的任务，将课程需要掌握的知识点融入到每一个任务中，让学生通过完成任务来学习知识，实现了“教、学、做”一体化的教学，更加注重了学生的实际参与，充分体现了“以学生为中心”的教学理念，更好的培养了学生的信息能力、团队协作能力、思考能力、解决问题和创新能力。

参考文献：

[1]杨九民.教学系统设计理论与实践[M].北京：北京大学出版社,2014.

[2]周树林.互联网时代的计算机信息化教学研讨[J].信息与电脑,2009,(07).

[3]刘薇.信息化教学在计算机应用基础课程中的应用[J].天津职业院校联合学报,2012,(02).

[4]高洁.我国信息化教学设计研究的发展现状分析[J].现代远程教育研究,2008，(05).

[5]王兰芬.任务驱动教学法在稿纸院校课堂教学的应用研究[J].职教论坛,2013，(06).

Exploration and Research on “Dynamic Webpage Designing” Course Reform

TAI Wen

(TianjinXinhuaStaffUniversity,Tianjin, 300052)

Abstract:information-based teaching mode promotes “task-oriented” problem solving as the main line in students’ learning and research, and it emphasizes “student centered” as chief principle to give full play to a student’s initiative and focusing on promoting students’ learning ability. This article mainly conducts research on reform of “Dynamic Webpage Designing” course under the information-based teaching mode, and it discusses the teaching design under information-based teaching mode, including learning target analysis, learning scene creation, learning environment design, learning activity design and learning appraisal design.

Key words:dynamic webpage designing; information-based teaching; task-oriented

中图分类号：G712

文献标识码：A

文章编号：1673-582X(2016)02-0085-05

作者简介：台雯(1980-)，女，天津人，天津市和平区新华职工大学，讲师，从事计算机应用技术领域的教学与研究。

收稿日期：2015-10-16