“网页设计与制作”课程教学改革的实践探究

1、“网页设计与制作”课程教学改革的实践探究论文摘要文章立足于对“网页设计与制作”课程教学现状的分析，指出其问题所在，提出对 “网页设计与制作”课程教学的改革探索，从“项冃化教学法” “任务驱动教学法”“案例教学法” 三种教学方法、作品展示、考核评价儿个维度给出了实丿施路径的建议，并在具体实践中进行了验证。论文关键词网页设计与制作职业能力教学改革实践随着互联网的快速发展，越来越多的单位、部门以及个人利用建立网站进行信息的发布、交流 和互动。电子商务在日常生活和工作中越来越普及，社会对网页设计和制作人才的需求越来越大， 对人才水平的要求也越来越高。冃前有相当一部分高职院校都开设了 “网页设计与制作”

2、课程。学 生通过这门课程的学习，掌握静态网站设让、制作的流程和技法，锻炼静态网站开发能力，既可以 确定毕业设计的创作方向，也可以设计和制作个人网站来展示自己的优秀作品，有利于就业率的提 高。一、“网页设计与制作”课程教学存在的问题“网页设计少制作”课程是浙江同济科技职业学院（以下简称“我院”）电脑艺术设让专业的一 门专业核心课程，涵盖了站点建立与维护、网页布局、网页元素定位、超链接技术、css样式应用、 网贝动态效果创建、网站测试为发布等方面的内容，将网页设计与dreamweaver网贝制作软件技术 紧密结合，主要培养学生网页美工设计和静态网站开发能力。从学牛就业应聘情况和已从事与网站 建设相

3、关岗位的毕业生反馈信息来看，目前木课程的教学主要存在以下几个问题：（一）学习被动，学生的实践能力差长久以来，“网页设计与制作”课程多是采用理论课与实践课交替进行的授课方式，老师先讲解 专业知识点和软件技术操作示范，然后让学牛凭着记忆或是课堂笔记进行模仿操作。教学内容枯燥, 学生学得被动，学习积极性得不到很好的激发。有的学生不愿听枯燥的理论知识，不愿做老师布置 的上机作业，而是玩游戏、玩手机英至旷课，导致对专业知识的掌握不牢。由于基础理论与专业理 论不扎实，学生在遇到问题的时候不能迅速给予反应。理论内容与实践内容的脱节，使学生不能有 效整合陈述性知识与过程性知识、理论知识与实践知识，就是认认真真

4、在模仿操作的同学也不能把所为的知识很好地迁移到实际工作岗位上去。（二）眼高手低，学生的动手能力差学生看教师在示范时只是鼠标单击拖动，口认为很简单，不愿认真学习，等到实践课上口己操 作吋，而对给有具体操作步骤的任务不屑动手，认为过于简单，而对于没给操作步骤的任务乂觉得 太难而手足无措，高不成低不就的现象普遍。学生没有在自己动手的实践中掌握职业技能、习得专 业知识，无法构建属于自己的经验和知识体系，到了实际工作岗位上便无所适从，不能独立地制订 计划并付诸实施，无法将所学联系实际，不具备解决问题的能力。（三）缺乏沟通，学生的适应能力差从毕业学牛.反馈的信息來看，学牛.缺乏沟通意识，没有客八至上的理念

5、，导致适应工作岗位的 能力较差。有的不理解客户的要求其至将其置之不理，而是根据自己的审美观自作主张进行设计； 何的对客户的要求理解错谋，给客户造成很多的不便。因缺乏沟通或沟通能力弱而造成返工，不但 降低工作效率，述影响客户对自己的信任，难逃老板的批评和指责。这些后果容易诱发学生的悄绪 化，进而影响下一步的工作，陷入恶性循环。于是在这些学生眼中，t作变得无趣，没有成就感， 更有具者无法继续工作。耍解决以上问题，在教学改革中应以职业能力为核心，整合教学内容，釆用多种教学方法相结 合，让学生既掌握足够的理论知识，又具有很强的实际操作能力，很快适应工作岗位。改变传统课 程教学模式，在“网页设计与制作”

6、课程教学小以真实网站建设项目为载体，将整个课程所涉及的 知识点穿插到项目中。把本课程内容整合为网站策划、网页设计和网站制作三大职业岗位模块，以 模块化和任务驱动方式进行教学设计，根据各模块所涉及的知识点，设计一些由浅入深的模拟制作 任务，采川案例教学法对模拟制作任务进行实战式教学训练，同时结合“学院艺术系”网站建设这 一实际项目进一步要求学生独立自主完成实践任务，使学生在任务完成的过程屮彰显个性，轻松掌 握网站建设的工作流程、技术知识和方法。二、“网页设计与制作”课程教学改革实践探索在充分了解金业对招嗚人才的核心要求与我院教学特点的基础上，笔者在网页设计课程教学屮 采用阶段性集中授课方式，按照

7、工作过程重新整合、序化教学内容，按“项目需求分析一网站框架 界面设计一网站素材设计与处理一网站页曲制作一网站测试与分布”等工作任务的完成为號动，以 学牛为主体，通过课内与课外相结合的方式，应川项口化教学、案例教学和任务驱动教学法将知识、 能力、素质三方面的考核融于项目完成过程小，形成了一套由“专业知识、软件技术与工作流程” 纽成的三维知识体系，讣学生学会设计制作的同时，掌握一线工作需要的技能。（一）教学方法1项冃化教学法。以实际项冃为载体，强调分析、解决问题能力的培养。在“学院艺术系”网 站设计与制作过程的基础上构建学习项目，以完成岗位工作任务为主线确定“网站建设方案编写、 网站设计、网站制作

8、”三人模块内容，这样的教学内容贴近职业实际，能激发学生的学习兴趣。按 照工作主线提取不同的能力目标，分配到网页基础知识储备、编写网站建设方案等11个不同的模拟 制作任务屮，主要培养学生在从事网站设计与制作t作时的分析、解决问题的能力。然后设计独立 实践任务，让学生在完成任务的过程中有效巩固所学知识，进一步熟练网页制作技能。2. 任务驱动教学法。以模拟制作任务和独立实践任务为载体，强调技术应用能力、工作能力及 学习能力的培养。教学中设计11个模拟制作任务，把知识穿插在任务中。通过任务背景分析、操作 步骤详解、知识点拓展等流程,启发学生思考。学生在解决问题中学握知识,通过任务将所学用于 现实问题的

9、解决，从而锻炼动手和解决问题的能力。另外要求学生完成独立实践任务部分，强化学 牛技能应用能力训练和h学能力训练。以制作学院艺术系网站引导页任务为例，具体操作如下：（1）背景分析。通过艺术系网站，扩 大艺术系的彫响力，促进师生之间、校企之间、家校之间的沟通。（2）任务要求。更好地体现“学 院艺术系网站”的特色，吸引浏览者，给浏览者留下深刻印象。（3）任务分析。在设计前対艺术系 网站的用户需求进行详细的分析，定位网站风格，可以使用图片或flash动画制作引导页，以图片 作为引导页首先使用photoshop设计好引导页效果图和flash动画，然后进行切片，最后使用表格 布局，并把flash动画、切好

10、的图片置入网页中來吸引浏览者，提高访问量。（4）素材准备。设计 好效果图，制作好flash动画。（5）任务制作。（6）知识点拓展。切片的概念和优点、切片技巧、 设置表格属性、设置单元格属性。（7）解决问题。为了捉髙网页的浏览速度，往往需要把大图切成 小图。在任务制作过程中进行知识点拓展教学，冇针对性地让学生在理论知识够用的同时掌握知识获 収方法和途径，提高学习效率。教师要考虑知识够用度，也要考虑知识点的完整性，因为技术的发 展会影响学牛职业的变迁。要给学牛足够的知识面，在选定知识点时既要针对岗位群，留有适当的 余量，结合技术的发展及设备的更新给学住职业所带來的影响。在整个教学过程屮，侧重综合职

11、业 能力与职业素质的培养，融教、学、做为一体，尽可能适应以“能力本位”为主旨的学牛为主、教 师为辅的新型教学模式的需要。每一个模拟制作任务都对能力目标、知识目标提出明确的要求，强 调“能用什么做什么”，充分体现本课程教学与就业岗位能力耍求的密切联系，使学生的学习更加具 冇针对性和实用性。3. 案例教学法。案例教学法是将实际的网页设计与制作案例引入课堂，真正做到实战式、探索 式、启发式教学，它不同于单一的网页效來制作，而是将理论教学与实践教学有机结合，着力培养 学牛的积极性和主动性，能够提高学牛的实践能力、创新能力，促进课程教学的改革与创新，达到 更理想的教学效果。如木项目中的“网诂首页设计与制

12、作”任务，对于艺术系网站首页要有自己的 个性，通过首页展示整个网站的风格与内容。这没有统一的标准，学生需要把学到的知识与技能在 首页设计与制作屮体现出来，把创意设计与dreamweaver软件制作技术紧密地结合起来，有力地培 养学生的创新能力和实践能力，推动学生专业技能和工作能力的快速提升。（二）作品展示作品展示可以充分调动学生学习的好胜心和竞争意识，提高学牛:学习的积极性。在展示学习成 果时，要求学生上台汇报，阐述自己的观点，其他同学可以对捉岀的观点进行交流、探讨，充分发 表自己的意见。要求学生对项冃任务学习效果进行总结，进一步提高专业能力，同时锻炼语言表达 能力。（三）考核评价注重完成项目

13、任务的过程，而不仅仅是最终的结果。考核评价方式采取形成性考核和独立实践 项目任务完成悄况考核两部分札i结合的方式，所占比例为6 ： 4。形成性考核主要是对学生的模拟制 作任务完成情况、学习过程中的学习行为表现等方面进行考核评价，独立实践项目完成情况考核主 要考核学生综合运用所学知识解决问题和实际开发设计的能力。独立实践项冃完成后，按照评分要求和细则，根据学生自评、学生互评、教师总评相结合的方 法对学生的作站进行评价。学生自评，不仅有利于学生自主学习，而且有利于课程或教学设计的改 进；学生互评，引导学生対学习成果进行共享，从学生的角度发现问题以及提出改进意见；教师总 评，对学主作品综合评价必须要有“重过程、轻结果”的意识，这是对学生劳动成果的一种肯定， 也是对学生的一-种激励。注重的是任务完成的过程，即学生h己探索钻研的过程，不能只进行优劣 评价，而应该指出问题所在，给出具体改进及修改建议等，让学牛自愿进行网页设计与制作。三、结束语通过实丿施“网页设计与制作”课程教学改革使学习过程成为一个人人参与的创造实践活动过程, 学生izl己处理、克服在项目任务完成