“网页设计与制作”教学改革的思考与实践

2010-02-08郭玉

湖南邮电职业技术学院学报 2010年4期

郭玉

（广东邮电职业技术学院，广东广州 510630）

“网页设计与制作”课程，在以往的教材编排和课程教学模式设计上，都采用的是从点到面，从基础到综合的方式设计的。笔者在三个年度学生的“网页设计实训”中发现，这样的课程教学模式存在一些问题：首先，学生缺乏全局观，在开始一门课程的最感兴趣的初始阶段，都在学习文字的编排和图片的处理，最后才把若干网站元素综合起来讲布局，形成一个完整的美观的网页。从实训中发现很多学生对整体的把握不好，看到一个网页，很难根据提供的素材做出大致相同的页面，尽管对各个元素的处理没有多大问题，但是开发出一个完整的页面还存在不小的困难。其次，一些学生对本门课程的授课内容存在的疑问，为什么学习的是ASP，而不是他们看到的PHP、JSP等。最后，课程授课结果与社会市场需求不一致，学生在课程结束后，没有真正的实践经验，缺乏就业竞争力。综合以上分析，对“网页设计与制作”课程的教学模式进行思考和完善，并在实践中不断地加以完善。

1 课程设计模块化

作为计算机专业基础课程，“网页设计与制作”涉及知识内容繁多，如 HTML、CSS、JavaScript、Asp等众多知识点。应该以工作过程为导向，以学生为主体，充分考虑学生的认知水平和已有知识、技能与兴趣，为学生提供适应市场需要的、模块化的学习资源，开发模块式教学计划。

因此，在课程设计上，将“网页设计与制作”分为两个大的模块：前台界面设计和后台功能实现。从网站建设实际应用上来看，无论使用ASP、 PHP，还是J2EE和.NET，网站开发前台界面设计的知识是相同，涉及HTML、CSS、JavaScript、布局、图片处理等，所以这一部分知识作为课程重中之重，占用较大篇幅来讲授，这一部分学好，任何时候都用的到。后台功能模块实现上采用ASP语言来讲授，ASP作为网站后台开发的教学语言，有着简单易用易学的优点，非常直观。通过ASP的学习，重点掌握网站开发中共性的东西，如cookie、session、application、response、request的应用，以及对数据库的各种操作。这些内容，虽然学习的是ASP的语法，但是对无论使用ASP、JSP、PHP，还是J2EE和.NET进行网站开发，这些知识也都是最基础和共性的东西。综上所述，本课程知识点模块化设计基本思路如图1所示。

图 1 “网页设计与制作”课程知识点模块划分

所以本课程中尽最大限度来讲授基础和共性的知识，以方便学生后续课程的学习和工作中遇到不同的开发环境可以快速上手。同时也为不同兴趣的同学准备相应的兴趣模块，喜欢美工的同学可以重点深入学习前台界面开发相关技术，喜欢编程的同学可以积极学习数据库和ASP或者其他编程语言。

2 资源配置科学化

2.1 教学重点配置科学化

课程内容的教学重点，不能脱离已授前期课程的内容，以及授课对象自身的接受能力和知识水平来设计。所以要改变传统教学模式中的顺序教学，如先讲图片、文字、表格处理，再讲布局等。其实对文字和图片的处理，学生们其实都很熟悉，将这些知识的讲解放到布局中去，学生更容易理解，并且对整个网页都有全局的意识。所以应该将教学重点放在布局。在网站前台界面设计开发的课程设计上，采用先整体后局部的方式进行教学。先讲解网页整体布局，布局后向布局元素中添加图片，文字等网页元素，并调整和设置他们的属性，这种方式的课程安排，在课程的实践环节中得到了肯定，大部分的学生都能从整体上把握一个网页的设计，并在后续课程中的CSS、JavaScript等知识的讲解过程中，比较容易地理解到应该将这些代码放在网页的什么地方，用来实现所需要的效果。根据实践中总结的经验，布局、CSS、Javascript、表单、ASP的数据库访问、cookis和sesion这些知识点是本门课程的重点，应该合理安排时间，使重点内容更易学习和理解。表1为静态页面设计部分传统的课程设计与优化后课程设计对比分析。

表1 静态页面模块课程设计比较

从上表可以看出，将教学的重点转向对网站的整体把握上面，以优秀的网页和网站欣赏为切入点，通过对表格布局的讲解，使得学生对网页设计有整体的把握，而弱化如文字，图像的处理操作。这些琐碎的知识点，当课程能够引起学生的足够兴趣后，学生自己会去学习相关的操作。以兴趣为指引的自发学习，要比在课堂上一边又一边的讲解，效果会好很多。

2.2 教学与实训结合科学化

这里是想强调一下实践环节的时间安排。一般来说，全部以实操方式授课效果并不理想，因为很多学生在机房里面容易受环境影响而走神。实践中发现，一般前半周进行理论课的讲授，后半周进行课程的实践比较合理。这样，在学生的记忆周期内，通过实践加深同学们对知识的理解和掌握。后来因为实训室的安排问题，将实训环节安排在前半周，效果远不如之前，因为过了一个周末，学生已经忘记了很多东西，这方面应该是从记忆周期上面来考虑，不能认为学生学习不认真，因为任何记忆超过三天，一般人都会85%的信息。所以在实践环节上应合理安排，通过动手实操，把短期记忆转化成长期记忆，形成自己的知识储备。

2.3 教材资源设计科学化

首先，要关注教材的选取。课程选取的教材应该实例丰富，应该有完整实例贯穿整个课程的知识点，并且环环相扣，既独立，又密切联系，给学生的学习一个连贯性的思维过程。要尽量避免从点到面的设计的教材，但是市面上绝大多数的教材仍然是顺序教学方式来安排内容的，这一缺陷需要大家在授课过程中通过良好的课程设计得到解决。

其次，应该加强课程教师队伍建设。教师是一门课程中非常重要的资源，教师队伍的建设，应该依据课程模式建设的原则进行。一方面加强基础知识和业务能力的培养，另一方面，针对不同的教学模块和实训项目，也应该建立起相应的师资队伍，以满足教学的需要。

最后，课程的相关教学资源也应该充分的为学生开放，条件不成熟的单位也应该积极进行课程建设，逐步对学生开放教学资源，如教案、案例分析、课程视频、精彩作业解析、题库、课程开放式竞赛等。

3 教学模式项目化

传统的教学模式，是以教师讲授和演示为主体，学生操作仅仅是对教师的操作过程或者课本上的实验的重复操作，极大的制约了他们的学习兴趣和创造力。所以教学应该转向以学生为主体，教师作为引导者、咨询者的角色，采用项目教学法，充分调动学生的主动性，培养他们的独立思考能力和自学能力。一个完整的网站，通常都是包含静态页面的设计，以及后台动态交互的实现这两个部分，这囊括了课程的两大模块。在项目教学法的具体实践中，可按以下模式进行：

首先，在课程初期，展示给学生2～3个经典的网站，同学们应该有比较相似的网站结构和程序流程。可以让学生亲自去运行这些网站，有了切身的体会之后，让同学们自己总结出一半的网站应该有的功能模块和流程。比如：一般都会有首页，都会有详细信息的展示页面，都会有后台的管理等。

其次，授课中，以其中一个典型案例的简化版本作为范例来讲解静态页面的设计与实现，以及后台业务交互的实现。学生可以通过模仿，来实现所展示的网站，掌握相应的知识点。

与此同时，我们应该以大作业的形式，在教学初期，给定学生若干题目，或者可以选择自己感兴趣的主题，建立网站。这些题目设计的功能模块应该与授课范例具有相似的结构，以方便学生模仿和发挥。大作业作为我们形成性考核的一个组成部分，鼓励学生通过自学，在课堂上解决疑问的方式进行。

最后，要做好整个项目教学的总结。挑选优秀学生的作品以展示，并且给出合理的优化建议，并鼓励学生更有创意的想法去改进网站。同时可以在此基础上增加一些现实很需要的一些内容，如网站推广、SEO等方面的知识，这样学生就可以直接在自己的作品上进行推广练习，更进一步深化技能的学习。

这里尤为重要的一点是，应该先展示给学生一个完整的蓝图，继而才是一步一步地去实现这个蓝图。以避免由点到面的教学方式造成的全局观的缺失。

4 课程考核方式多样化

课程的考核评价应充分发挥其在教学过程中的向导作用，是提高教学质量和学生学习质量的保证。应该避免一次考试为终结的方式，也要尽量避免那种所谓的过程性考核方式，其弊端仍然在于通常是到期末的时候学生才知道自己的结果，而失去的激励和引导作用。应该将考核真正的贯穿于整个教学过程中，在一些里程碑到来的时候，就应该对积极、认真学习，并按时、富有创造性地完成所布置任务的学生给予肯定，并直接与成绩挂钩。比如：课程中布置了大作业——网上订餐系统，当静态页面设计部分的教学任务结束时，即可对学生成绩做一次评价，对优秀的学生直接评定期末成绩为80分，并鼓励同学要对网站做更好的完善或者有更好的创意，以提高同学们期末成绩。当然，对于一些默默无闻的学生来说，采用机试的期末终结性考试，仍然是一个不错的选择。