“网页设计与制作”课程教学改革实践探究
来源:用户上传
作者: 周小丽
[摘要]文章立足于对“网页设计与制作”课程教学现状的分析，指出其问题所在，提出对“网页设计与制作”课程教学的改革探索，从“项目化教学法”“任务驱动教学法”“案例教学法”三种教学方法、作品展示、考核评价几个维度给出了实施路径的建议，并在具体实践中进行了验证。
[关键词]网页设计与制作 职业能力 教学改革 实践
[作者简介]周小丽（1973- ），女，浙江江山人，浙江同济科技职业学院艺术系，副教授，硕士，研究方向为数码媒体设计与制作。（浙江 杭州 311231）
[中图分类号]G642.0 [文献标识码]A [文章编号]1004-3985（2013）08-0127-02
随着互联网的快速发展，越来越多的单位、部门以及个人利用建立网站进行信息的发布、交流和互动。电子商务在日常生活和工作中越来越普及，社会对网页设计和制作人才的需求越来越大，对人才水平的要求也越来越高。目前有相当一部分高职院校都开设了“网页设计与制作”课程。学生通过这门课程的学习，掌握静态网站设计、制作的流程和技法，锻炼静态网站开发能力，既可以确定毕业设计的创作方向，也可以设计和制作个人网站来展示自己的优秀作品，有利于就业率的提高。
一、“网页设计与制作”课程教学存在的问题
“网页设计与制作”课程是浙江同济科技职业学院（以下简称“我院”）电脑艺术设计专业的一门专业核心课程，涵盖了站点建立与维护、网页布局、网页元素定位、超链接技术、CSS样式应用、网页动态效果创建、网站测试与发布等方面的内容，将网页设计与Dreamweaver网页制作软件技术紧密结合，主要培养学生网页美工设计和静态网站开发能力。从学生就业应聘情况和已从事与网站建设相关岗位的毕业生反馈信息来看，目前本课程的教学主要存在以下几个问题：
（一）学习被动，学生的实践能力差
长久以来，“网页设计与制作”课程多是采用理论课与实践课交替进行的授课方式，老师先讲解专业知识点和软件技术操作示范，然后让学生凭着记忆或是课堂笔记进行模仿操作。教学内容枯燥，学生学得被动，学习积极性得不到很好的激发。有的学生不愿听枯燥的理论知识，不愿做老师布置的上机作业，而是玩游戏、玩手机甚至旷课，导致对专业知识的掌握不牢。由于基础理论与专业理论不扎实，学生在遇到问题的时候不能迅速给予反应。理论内容与实践内容的脱节，使学生不能有效整合陈述性知识与过程性知识、理论知识与实践知识，就是认认真真在模仿操作的同学也不能把所学的知识很好地迁移到实际工作岗位上去。
（二）眼高手低，学生的动手能力差
学生看教师在示范时只是鼠标单击拖动，自认为很简单，不愿认真学习，等到实践课上自己操作时，面对给有具体操作步骤的任务不屑动手，认为过于简单，而对于没给操作步骤的任务又觉得太难而手足无措，高不成低不就的现象普遍。学生没有在自己动手的实践中掌握职业技能、习得专业知识，无法构建属于自己的经验和知识体系，到了实际工作岗位上便无所适从，不能独立地制订计划并付诸实施，无法将所学联系实际，不具备解决问题的能力。
（三）缺乏沟通，学生的适应能力差
从毕业学生反馈的信息来看，学生缺乏沟通意识，没有客户至上的理念，导致适应工作岗位的能力较差。有的不理解客户的要求甚至将其置之不理，而是根据自己的审美观自作主张进行设计；有的对客户的要求理解错误，给客户造成很多的不便。因缺乏沟通或沟通能力弱而造成返工，不但降低工作效率，还影响客户对自己的信任，难逃老板的批评和指责。这些后果容易诱发学生的情绪化，进而影响下一步的工作，陷入恶性循环。于是在这些学生眼中，工作变得无趣，没有成就感，更有甚者无法继续工作。
要解决以上问题，在教学改革中应以职业能力为核心，整合教学内容，采用多种教学方法相结合，让学生既掌握足够的理论知识，又具有很强的实际操作能力，很快适应工作岗位。改变传统课程教学模式，在“网页设计与制作”课程教学中以真实网站建设项目为载体，将整个课程所涉及的知识点穿插到项目中。把本课程内容整合为网站策划、网页设计和网站制作三大职业岗位模块，以模块化和任务驱动方式进行教学设计，根据各模块所涉及的知识点，设计一些由浅入深的模拟制作任务，采用案例教学法对模拟制作任务进行实战式教学训练，同时结合“学院艺术系”网站建设这一实际项目进一步要求学生独立自主完成实践任务，使学生在任务完成的过程中彰显个性，轻松掌握网站建设的工作流程、技术知识和方法。
二、“网页设计与制作”课程教学改革实践探索
在充分了解企业对招聘人才的核心要求与我院教学特点的基础上，笔者在网页设计课程教学中采用阶段性集中授课方式，按照工作过程重新整合、序化教学内容，按“项目需求分析—网站框架界面设计—网站素材设计与处理—网站页面制作—网站测试与分布”等工作任务的完成为驱动，以学生为主体，通过课内与课外相结合的方式，应用项目化教学、案例教学和任务驱动教学法将知识、能力、素质三方面的考核融于项目完成过程中，形成了一套由“专业知识、软件技术与工作流程”组成的三维知识体系，让学生学会设计制作的同时，掌握一线工作需要的技能。
（一）教学方法
1.项目化教学法。以实际项目为载体，强调分析、解决问题能力的培养。在“学院艺术系”网站设计与制作过程的基础上构建学习项目，以完成岗位工作任务为主线确定“网站建设方案编写、网站设计、网站制作”三大模块内容，这样的教学内容贴近职业实际，能激发学生的学习兴趣。按照工作主线提取不同的能力目标，分配到网页基础知识储备、编写网站建设方案等11个不同的模拟制作任务中，主要培养学生在从事网站设计与制作工作时的分析、解决问题的能力。然后设计独立实践任务，让学生在完成任务的过程中有效巩固所学知识，进一步熟练网页制作技能。
2.任务驱动教学法。以模拟制作任务和独立实践任务为载体，强调技术应用能力、工作能力及学习能力的培养。教学中设计11个模拟制作任务，把知识穿插在任务中。通过任务背景分析、操作步骤详解、知识点拓展等流程，启发学生思考。学生在解决问题中掌握知识，通过任务将所学用于现实问题的解决，从而锻炼动手和解决问题的能力。另外要求学生完成独立实践任务部分，强化学生技能应用能力训练和自学能力训练。 以制作学院艺术系网站引导页任务为例，具体操作如下：（1）背景分析。通过艺术系网站，扩大艺术系的影响力，促进师生之间、校企之间、家校之间的沟通。（2）任务要求。更好地体现“学院艺术系网站”的特色，吸引浏览者，给浏览者留下深刻印象。（3）任务分析。在设计前对艺术系网站的用户需求进行详细的分析，定位网站风格，可以使用图片或Flash动画制作引导页，以图片作为引导页首先使用Photoshop设计好引导页效果图和Flash动画，然后进行切片，最后使用表格布局，并把Flash动画、切好的图片置入网页中来吸引浏览者，提高访问量。（4）素材准备。设计好效果图，制作好Flash动画。（5）任务制作。（6）知识点拓展。切片的概念和优点、切片技巧、设置表格属性、设置单元格属性。（7）解决问题。为了提高网页的浏览速度，往往需要把大图切成小图。
在任务制作过程中进行知识点拓展教学，有针对性地让学生在理论知识够用的同时掌握知识获取方法和途径，提高学习效率。教师要考虑知识够用度，也要考虑知识点的完整性，因为技术的发展会影响学生职业的变迁。要给学生足够的知识面，在选定知识点时既要针对岗位群，留有适当的余量，结合技术的发展及设备的更新给学生职业所带来的影响。在整个教学过程中，侧重综合职业能力与职业素质的培养，融教、学、做为一体，尽可能适应以“能力本位”为主旨的学生为主、教师为辅的新型教学模式的需要。每一个模拟制作任务都对能力目标、知识目标提出明确的要求，强调“能用什么做什么”，充分体现本课程教学与就业岗位能力要求的密切联系，使学生的学习更加具有针对性和实用性。
3.案例教学法。案例教学法是将实际的网页设计与制作案例引入课堂，真正做到实战式、探索式、启发式教学，它不同于单一的网页效果制作，而是将理论教学与实践教学有机结合，着力培养学生的积极性和主动性，能够提高学生的实践能力、创新能力，促进课程教学的改革与创新，达到更理想的教学效果。如本项目中的“网站首页设计与制作”任务，对于艺术系网站首页要有自己的个性，通过首页展示整个网站的风格与内容。这没有统一的标准，学生需要把学到的知识与技能在首页设计与制作中体现出来，把创意设计与Dreamweaver软件制作技术紧密地结合起来，有力地培养学生的创新能力和实践能力，推动学生专业技能和工作能力的快速提升。
（二）作品展示
作品展示可以充分调动学生学习的好胜心和竞争意识，提高学生学习的积极性。在展示学习成果时，要求学生上台汇报，阐述自己的观点，其他同学可以对提出的观点进行交流、探讨，充分发表自己的意见。要求学生对项目任务学习效果进行总结，进一步提高专业能力，同时锻炼语言表达能力。
（三）考核评价
注重完成项目任务的过程，而不仅仅是最终的结果。考核评价方式采取形成性考核和独立实践项目任务完成情况考核两部分相结合的方式， 所占比例为6∶4。形成性考核主要是对学生的模拟制作任务完成情况、学习过程中的学习行为表现等方面进行考核评价，独立实践项目完成情况考核主要考核学生综合运用所学知识解决问题和实际开发设计的能力。
独立实践项目完成后，按照评分要求和细则，根据学生自评、学生互评、教师总评相结合的方法对学生的作品进行评价。学生自评，不仅有利于学生自主学习，而且有利于课程或教学设计的改进；学生互评，引导学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见；教师总评，对学生作品综合评价必须要有“重过程、轻结果”的意识，这是对学生劳动成果的一种肯定，也是对学生的一种激励。注重的是任务完成的过程，即学生自己探索钻研的过程，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生自愿进行网页设计与制作。
三、结束语
通过实施“网页设计与制作”课程教学改革使学习过程成为一个人人参与的创造实践活动过程，学生自己处理、克服在项目任务完成过程中出现的问题和困难，灵活运用新学习的知识和技能来解决实际问题，有明确而具体的作品成果展示，采用学生自评、学生互评、教师总评相结合的方式共同评价作品成果，不是只注重最终的结果，而是更加关注学生完成项目任务的过程。学生在项目任务实践过程中，理解和把握课程要求的知识和技能，积累项目经验，总结经验教训，培养分析问题和解决问题的能力，从而提升综合素质。只有进行课程教学改革，网页设计与制作课才能提高教学效率，实现教学目标。
[参考文献]
[1]张健.职业学校电脑美术设计专业教学改革初探[J].现代阅读，2011（5）.
[2]王清政.模块化教学在网站设计与制作中的应用[J].科技资讯，2008（24）.
[3]赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[DB/OL].http：//www.cnki.net/KCMS/detail/detail.aspx？QueryID=0&CurRec=1&recid=&filename=2009159303.nh&dbname=CMFD2009&DbCode=CMFD&urlid=&yx=，2009-
05-01.
转载注明来源:https://www.xzbu.com/9/view-4026288.htm
