浅析《网页设计与制作》课程教学方法

来源:用户上传      作者: 敖冰峰 徐鹏 乔阳

　　[摘要]《网页设计与制作》是一门实践性很强的课程，随着网络资源的普及和深入，《网页设计与制作》这门课程已成为高职计算机类专业的一门专业必修课程。本文将任务驱动教学法和项目教学法应用于《网页设计与制作》课程，能够使该课程从传统的知识点讲解式教学模式的枷锁中挣脱出来，以任务为主线、教师为主导、学生为主体，把课程的整体内容按知识点划分成多个独立的实际工作项目，使学生既学会了知识，又应用知识完成了多项实际工作，达到了知识和能力的双丰收。
　　[关键词]网页设计；网页制作；任务驱动；项目教学
　　《网页设计与制作》作为一门实践和应用能力很强的课程，本门课程在计算机专业课程体系中处于一个非常重要的位置，《计算机网络基础》、《图像处理技术》作为其先导课，为其提供必要的知识准备，比如计算机网络的熟悉、图像处理的掌握等，而《网页设计与制作》课程又为其后续课程《.Net技术基础课程设计》、《.Net高级应用》等课程提供有力的支持，比如开发界面的设计、HTML代码的熟练掌握等等。这就要求学生不仅要掌握专业知识，更要具有运用专业知识分析和解决实际问题的能力。
　　课程教学中提高学生的实际动手能力是关键。这就要通过对教学内容的合理安排对学生进行正确引导，教学过程以工作项目为主导，教学内容的设计就需要改变传统的以知识点为主体的模式，而以实际工作任务需求为基础，注重理论知识、实践知识与职业技能的综合。教学方法的设计以任务驱动教学法和项目教学法为核心，在具体实施过程中，以任务为主线、教师为主导、学生为主体，把课程的整体内容按知识点划分成多个独立的实际工作项目，使学生既学会了知识，又应用知识完成了多项实际工作，达到了知识和能力的双丰收。
　　一、理论基础
　　近年来，计算机技术发展迅猛，知识结构更新速度快，这已成为高等职业院校计算机类课程教学过程中的难题之一。在当今信息时代，计算机技术的普及时刻要求我们必须教会专业学生熟练掌握计算机技能，而计算机硬件、软件的持续更新，又使得“会”的内涵在不断发生变化，这就要求计算机教室在“教”和“学”方面及时更新，以适应计算机发展的需要。
　　1.任务驱动教学法
　　任务驱动教学法是近年来广泛应用的教学方法。它是在建构理论的基础上繁衍的一种新型教学模式，学生的学习过程必须与任务相对接，通过问题的导引来激发学生的学习兴趣；从简单的范例入手，带动理论知识的学习，培养学生独立探索、不断创新的学习能力，提高学生的学习兴趣，培养学生主动学习的意识。教师在开始“任务”设计时，要综合考虑到网页设计与制作所涉及的理论、技能及扩展知识的连接，将该任务分解成若干个子任务，以任务驱动的方式分步骤地指导学生完成课业，在完成子任务过程中，由浅入深，循序渐进，保证课堂教学目标顺利完成。
　　2.项目教学法
　　项目教学法也是近年来各高职院校广泛应用的教学方法。它以自主式、探索式学习为基础，采用科学实践的方法，激发学生积极主动地学习。在实际教学过程中，教师将需要完成的任务或需要解决的问题以项目的方式下发给学生，教师通过现场分析本次课程的教学内容，分解教学任务，把将要讲授的理论知识融入到学生即将完成的任务中，以小组的方式，由学生本人按照实际工作中的完整流程，共同制订计划、分解任务、分工完成整个项目操作，学习过程成为每个人都参与的团队实践活动，学生通过小组协作方式完成项目，达到真正掌握课堂知识的目的。
　　项目教学法最显著的特征是以项目为主线，以学生为主体，以教师为主导，它改变了以往教师主动讲授、学生被动听讲的传统教学模式，创造性地提出了学生主动参与、组内自主协作、组间探索创新的教学新模式。学生成为学习的主体，通过独立完成项目，主动把理论和实践有机结合，这不仅提高了学生理论知识水平和实际操作技能，同时在教师正确和有目的的指引下，培养了其团队合作、共同解决问题的能力。
　　二、任务驱动法的具体应用
　　1.创建情境，设计任务
　　授课前，教师提前向专业学生布置这门课程、这个阶段、这个单元、本节课程的学习任务，要求学生课前带着任务和问题去预习；授课时，教师向学生推荐一些和本次课程相关的网页、网站等资源供学生现场欣赏，把学生带入到真实的学习情境中，激发学生的学习热情，引导学生去思考、构想如何设计网页、制作网页，确定本门课程的总任务――建设一个完整实用的网站和页面；教师要针对课程所涉及到的每个知识点将总体任务划分成若干个任务，如文本网页、图像网页、超链接网页、表格网页、框架网页、CSS样式网页、层在网页中运用、时间轴在网页中运用、模板网页和库操作等，再将每个任务进一步划分成若干个子任务。任务的划分应遵循由浅入深，由易到难，即子任务应紧密围绕任务一个个去完成，任务应紧密围绕总体任务一个个去实现。教师根据网页制作的规律，主动创建激发学生学习兴趣的任务，营造愉快的学习氛围，使学生自觉、主动地完成规定任务。
　　2.分析任务，提出问题
　　提出任务后，不急于讲解，先让学生带着任务进行思考、分析、研讨，提出完成该任务需要解决什么问题。在提出的所有问题中，有些问题学生以前已经学过的，可以让学生自行去解决；有些问题是学生以前没有接触到的，即隐藏在任务中新的知识点，这正是本次任务需要解决的问题，最好由学生主动提出这些问题，解决问题很容易，仅仅是技能方面的掌握，而提出新问题、从新的视角去看待老问题，却需要学生具有创造性的想象力。例如，在具体应用CSS样式的教学过程中，教师先演示某一网页文字效果，引导学生主动与学过的网页文字效果进行比对，让学生自己去分析任务、提出问题，而不是直接告诉答案，给出现成的结论。
　　3.自主学习，解决问题
　　提出问题后，教师先不要直接跟学生讲解问题如何去处理，而是跟学生指明解决问题的思路和线索。要以问题的探索引起和激发学生的爱好和兴趣。学生根据自己掌握的知识独立完成任务，通过主动探索和团队的协作开展活动，在活动的过程中掌握新知识和新技能，并将知识进行融会贯通，并运用到实际操作中。例如，学生如果做一个公司的网站设计，学生就先去上网了解一些其他公司网站的设计思路及效果，然后再尝试根据该公司提供的素材和要求进行设计。在任务制作过程中，要充分考虑到学生间的个体差异，随时给学生提供技术支持，让学生尽快掌握知识，并熟练操作。
　　4.评价反馈，总结提炼
　　在教学实施过程中，教师不应以学生所掌握知识的对错为基准，应以学生参与整个教学活动的态度、解决实际问题的能力、创造力的发挥、吸取的经验和教训为基准。对学生整体评价应包含以下几方面内容：是否理解、掌握并熟练操作新知识；自主学习能力是否提高；独立操作能力是否提高；创造性解决问题的能力是否加强等。
　　三、项目教学法的具体应用
　　1.设计思路
　　首先，项目名字的选取既能引起学生的兴趣，又能和实际工作相一致；其次，项目内容的设定要包含所有知识点，各项目间是相对独立又有密不可分的关系，项目的内容激发学生的学习兴趣和愿望，使学生掌握的知识能学有所用、学以致用，真正起到事半功倍的效果；再三，项目内容之间的关系相互递进，螺旋上升，形成了从初学到熟练操作的学习过程。本门课程共划分了七个独立递进的项目，即：制作文本网页、制作超链接导航网页、制作图像和多媒体网页、制作布局网页、使用样式表设计模板网页、制作特效网页、站点的测试与发布。
　　每个项目的设计与制作过程都包含了整个网页设计全过程，即：项目的分析、设计、制作、测试和发布全过程，完成一个项目就完成一个工作任务。虽然各项目的实施过程是繁琐的，但内容操作上是递进的，细节上是不同的。后续的项目会使用到之前项目的知识点，既巩固了旧知识，有学习了新知识。

　　2.实施过程
　　在具体教学过程中，为每个项目设计了相应的任务单，按照实际工作流程，在工作任务单中设计相应的学习情境。例如，某企业想要设计一组网页，用来展示自己企业产品的种类、性能、售后等信息。提出需求如下：主页面的框架结构采用上下结构，上框架中以表格布局的方式放置企业的徽标、标题栏、导航栏，下框架以表格的方式展示企业的相关内容，从感官效果上整体感、立体感非常强烈，能够很好地体现企业的形象。
　　具体教学过程如下：首先，对学生进行分组，2至4人为一组，以组为单位完成项目的设计与制作过程；其次，小组接到任务单后，由组长给组员分配具体的工作任务，并将分配任务结果填写到任务单上，例如，框架设计、页面设计、首页制作、其他页面制作、美工特效、后期合成等任务；再三，按照具体分工，各组成员开始进行页面分析、设计、制作的工作，并上交作品和任务单。在整个教学实施过程中，教师的角色发生了改变，只是在布置任务前，先将知识点做一下讲解，而后教师便成为项目的指导和顾问，学生成为了学习的主体。
　　3.考核方式
　　考核方式由期末考试方式变成过程考核方式，考核方式以每次作品评价、答辩评价为主体。作品评价一方面来自教师的评价，另一方面来自小组间的评价，事先在教室将作品公布，组间进行互评，并写出评价建议，体现评价的公平性、公正性、公开性；答辩评价是对小组中每个成员进行考核的一种手段，在答辩过程中，学生自己阐述工作过程，教师询问有关知识点，并回答情况和任务单给予客观的评价。经过考核后，学生的成绩能够准确地反应出平时学生的理论、实操掌握情况，注重了学生能力的培养，满足了我国高等高职教学的需要。
　　四、总结
　　本文围绕《网页设计与制作》这门课程，着重阐述了任务驱动教学法和项目教学法的具体运用和实施。教师在采用这种教学方法授课过程中，有利于学生掌握理论知识，加深理解认识，学会灵活使用这些知识；充分地调动了学生的学习积极性、创造性，使学生成为学习的主体，使学生的学习更能贴近实际工作过程，提高了职业技能，满足社会的需求，符合我国高职院校的培养目标和教学要求。
　　作者简介
　　敖冰峰（1974-），男，黑龙江省哈尔滨人，黑龙江职业学院副教授，主要从事计算机教学管理和专业建设工作；徐鹏（1980-），男，黑龙江省哈尔滨人，黑龙江职业学院讲师，主要从事计算机教学和课程建设工作；乔阳（1978-），男，黑龙江省哈尔滨人，黑龙江职业学院讲师，主要从事计算机教学和课程建设工作。

转载注明来源:https://www.xzbu.com/6/view-2697731.htm