中职《网页制作与网站建设》课程教学的思考和实践

黄志敏

（山东省东营市技师学院 山东 东营 257091）

1 引言

随着计算机网络和信息技术的发展，网络在所有领域正发挥着越来越重要的作用，也在飞速地改变着人们的生活和工作方式，网上销售和网上购物已经走进了越来越多人的心里。为适应这种发展形势，很多职业学校的计算机、电子商务等相关专业都开设了《网页制作与网站建设》课程，以满足信息化社会的对网站建设类应用型人才的技能要求。

2 教学状况分析

2.1 学生方面

职业学校中的大部分学生文化基础素质明显偏低，所以选择了来到职业学校学习技能，掌握一技之长，但是对于需要一定的文化基础知识做支撑的学科在学习起来会有一定的难度，《网页制作与网站建设》就是这样一门学科，它需要一定的英语基础，再加上这部分学生没有养成良好的学习习惯，没有形成适合自己的学习方法，所以在刚开始接触这门课程时会感到困难重重。

2.2 教材方面

目前中职教材种类繁多，良莠不齐，要么内容过于详细，泛泛而谈，学生根本看不懂。要么过于简单，对一些重要的知识点只是笼统的介绍。到一章结束才会有一个相对完整的案例或项目，按教材讲授很难建立起知识的总体构架，教学过程中学到的是一些例支离破碎的东西，加上学生缺乏自主学习的主动性，很难培养起学生的学习兴趣，不利于学生课堂练习和课后巩固，不符合目前职业学校所倡导的的任务教学项目教学等理念，教学效果欠佳。

3 提高课程教学效果的几点

笔者结合自己多年的教学实践和经验，认为通过以下几种做法，可以达到比较理想的教学效果。

3.1 课程学习前的动员

课程教学效果的好坏，仅靠教师的努力是远远不够的，最关键的还是取决于学生的配合程度。为此，教师在上第一节课时，重点讲述了以下几个方面的问题。首先是认真做好自我介绍，把自己阳光、热爱生活、认真工作、不断学习提高等优良品质展现给学生，让学生信任你喜欢你，进而喜欢你的所教的课程。其次是要让学生树立信心，告诉学生学好本门课程对将来就业有什么帮助，本门课程也不是一门理论性很强的课程，也不需要深奥的理论支撑，只要上课认真听讲，积极训练，课下认真完成作业，就能学有所得，掌握这项技能。第三是学习要求，上课一定要记笔记，记录关键的操作步骤和用到的一些代码，这样既可以保证集中注意力听讲，也可以为课后的复习巩固留下资料，也为自己上机实践提供参考。最后是教师应该帮助学生分析毕业后的就业形势，要立足社会必须在技能上有一技之长，这和学生及家长选择来职业学校的意图是一致的，容易得到学生的认同，这样更加坚定了要学好知识和技能的决心，以增强其学习动力。最后要求学生是在平时浏览网页时多留意网页效果，以便在学习过程中加以实现。

3.2 课程内容的编排

课程内容编排的主要依据是学生的文化基础、接受能力以及未来的职业岗位能力需求。考虑到中职学生的基础和学习能力，本着“够用”、“实用”、“适用”的原则，本课程教学目标主要是使学生能熟练使用Dreamweaver软件完成的网页设计、制作和编辑，能进行中小型网站的规划、建设、制作与维护。因为Dreamweaver软件功能非常强大，是目前网站开发的主要工具，因此其包括的内容也非常多，没有一个版本的教材可以涵盖全部功能，因此无论选用哪个版本的教材都不一定完全合适，这就需要教师根据专业要求和学生特点对教学内容重新整合，比如有的教材讲表格布局、Spry菜单栏、Spry选项卡式面板等只讲添加方法，只有一点简单的属性设置，而且没有案例或项目，需要教师补充教学内容，比如增加相应的属性设置，酌情增加一些简单的代码编写，这样可以使作品达到更为理想的效果。学完此知识点以后也能完成简单网页的制作，激发学生的学习兴趣，增强学生的信心。再比如给表格添加背景图片、设置表格边框样式、添加网页背景音乐、制作滚动效果等知识的应用，可以使网页更加美观，增加可观赏性和实用性。用到的代码又简单，所以这些内容应该是重点要补充介绍的内容。由于中职生英语基础较薄弱，对代码的记忆和理解难度大，而有些效果的实现却非得编写代码，但对于一些效果不明显的难度又较大的代码可以省去，如用DIV+CSS布局网页可以省去，因为这完全是用代码实现的，用菜单操作可以替代。目前的中职生能完成基本页面的设计制作，制作出常见的网页特效和功能，应该也算是不错的教学效果了。

实际上，本门课程知识点前后关系没有很强的逻辑性，完全可以采用先整体后局部的方式重新组织。先规划网站内容，后布局网页，再向相应区域添加所需元素，最后设置元素属性，使整个网站形成统一的风格。传统的内容编排顺序基本上是知识点的罗列，不利于形成全局观念和整体构架。现在的教学模式是任务或项目教学，教学内容编排是先提出任务，再学习完成任务用到的知识点，最后对所学知识进一步拓展，做到举一反三。这样有利于学生对网页设计与制作工作流程的整体把握，学生学习兴趣和网页设计与制作能力也得到了提高。

3.3 任务教学

任务教学法的实施，对形成学生自主学习、研究性学习和探索性学习的学习氛围起到了至关重要的作用。采用这种教学方法教师课前应当精心准备要完成的任务，恰到好处的任务对提高学生学习兴趣非常重要，同时教师还要明确提出哪些是本次课要掌握的知识点及操作技能，在完成任务的过程中学习知识贯穿整个教学过程，具体做法是：教师先提出任务，再分析任务，最后指出完成任务需要的知识点。教学过程中为了调动学生的学习积极性，教学过程中常常先欣赏与完成本次课教学任务相关的网页。比如，下面的（图1）是一个比较综合的网页案例，是老师课前完成的，顶部和底部是在学习表格和滚动效果的制作时作为教学案例的，中间部分是在学习Spry选项卡和Ap Div时作为教学案例的，制作之前都是先欣赏和分析学院网站，再把老师制作的案例展示给学生，案例完成以后学生有极大的获得感和成就感，学习网站建设的兴趣大大提高。当然需要老师课前把案例准备好，现成的案例不一定完全符合实际情况。随着新知识的学习对案例也要不断更新。

图1

3.4 探究式教学[1]

在学完某一章后，教师要留有一定的时间，让学生充分的理解和运用学习内容。这就是综合实训课，老师展示一个综合案例，先让学生思考完成案例的思路，再各抒己见，发表自己的观点，教师最后给予点评，让学生自己选择最终的解决方案。例如：在学完框架和浮动框架以后，老师展示下面（图2）的网页案例，让学生自己选择是用框架完成还是用浮动框架完成，用到的图片怎么用 Photoshop 来完成？所以需要进行思考、权衡和比较，在这个过程中对知识进行了复习和巩固，这样不是一举两得吗，学生就由知识的灌输对象转变为信息加工的主体。使学生在完成任务的过程中不知不觉实现知识的融合。如果开始就启发学生用哪一种方法，也就没有比较和选择，那另一种方法就会被冷落，起不到复习和巩固的作用。

图2

3.5 多角度考核

教师可在考核上进行适当改革，一是采用常规的笔试、上机操作。二是采取口试，老师提出任务，考核学生对网页设计、布局或制作的思路及方法，采取的形式有学生相互评价与教师评价相结合。例如：做一个“班级网站”，先让每个学生阐述自己的设计制作思路，后评出大家公认的好的方案。通过口试，既锻炼了学生的语言表达能力和逻辑思维能力，又能通过交流学习，发现同学的长处，找到自己的不足，互相取长补短，同时及时对优秀的学生给予表扬和鼓励，这样使学生体验到了成功的喜悦，体现了自身的价值，使班级形成你追我赶的浓厚的学习氛围。也提高学生网页制作综合运用的能力，对形成一个良好的学习氛围大有益处。

通过以上教学方法，笔者感受到学生对网页制作课程的喜爱，学生从以前的没信心不愿学，变成盼望着上网页设计课，教学过程已经成为一个人人参与的实践活动，在教学过程中，学生充分体验到了学习的艰辛与乐趣，培养了学生分析问题和解决问题的能力，同时也让学生掌握了学习的方法，进一步提升了学生的专业技能，而能力是具有可迁移性的，为学生其他课程的学习以及毕业后的终身学习打下良好基础。有效地促进学生就业后能快速达到实际工作岗位的要求。