“网页设计与制作”课程教学改革实践探究
[摘要]文章立足于对“网页设计与制作”课程教学现状的分析，指出其问题所在，提出对“网页设计与制作”课程教学的改革探索，从“项目化教学法”“任务驱动教学法”“案例教学法”三种教学方法、作品展示、考核评价几个维度给出了实施路径的建议，并在具体实践中进行了验证。
[关键词]网页设计与制作 职业能力 教学改革 实践
[作者简介]周小丽（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）解决问题。为了提高网页的浏览速度，往往需要把大图切成小图。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。