网页制作实训总结范文第1篇

关键词：网页设计与制作 综合实训 案例教学 任务驱动

中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02

近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。

1 实训阶段

以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。

1.1 实训动员

在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。

1.2 实训过程

在《网页设计与制作》综合实训教程中，老师的角色是参谋，学生的角色是任务的完成者。老师提出项目要求，学生根据具体的任务来完成。我们把一个班的学生分成10个小组，每个小组4～5人，每个小组选择一个主题制作网站，综合运用前面所学的知识和相关的技术共同完成。

1.2.1 基本知识回顾

这部分的要求是温习网页制作课程的重点难点，使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。

1.2.2 案例作品赏识

在网页设计过程中，经验丰富的设计师需要博采众家之所长，形成自己的风格，而对于初学者来说，模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较，会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣，吸引学生积极主动地参与实训。

1.2.3 案例模仿操作练习

从历届学生的优秀作品中选择一个典型的案例，让学生作为网页设计与制作知识的回顾。例如，对一个旅游网站进行解析，使学生了解制作网站的基本方法，让学生对旅游网站的粗略和宏观认识得到细化，使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。

1.2.4 作品的选择、网站需求分析、站点规划

在综合实训中，首先要求各小组学生选择一个网站主题，主题一般选择如下内容：校园生活、教育、体育、旅游、电子商务等。然后，小组成员开始着手进行网站需求分析，设计整个网站的框架，选定要设计和制作的各部分内容，由组长组织完成一份完整的网站规划书。在此过程中，老师要适当指导，要求学生独立完成，设计出有具有本组特色的网站。最后，由组长给本组成员进行网站设计与制作任务分配，分头搜集素材并进行整理。

1.2.5 网站色彩搭配

网站的色彩就像人的外表一样，如果打扮得美观大方，就会给人一种魅力四射的感受，而不修边幅则让人感到粗糙毛草，所以，网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说，模仿是最容易看到效果的方法。在站点规划完成的基础上，选择网站的主色调和学习色彩搭配。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差，编程对他们来说难度太大，他们走上工作岗位后一般不会从事程序开发工作，大多数学生毕业后从事的是网站美工等，因此，应该在网页美工等方面加强培养。

网页制作实训总结范文第2篇

关键词：网页设计与制作；实训；拓展训练；项目实战

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2012） 16-0138-01

《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。

《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。

一、提高教师的专业技能

作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。

二、多种教学模式相结合，培养学生学习兴趣

（一）通过优秀作品赏析，激发学生的学习兴趣

在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。

每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。

（二）阶段测试训练

通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。

首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。

（三）拓展训练

可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。

（四）项目实战训练

将实际项目引入进教学，并对其进行任务分解。

例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。

三、增加实训课程的课时，提高学生的动手能力

实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。

同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。

四、结束语

《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。

参考文献：

[1]瞿江.浅谈网页制作实训教学[J].电脑知识与技术，2011，26.

网页制作实训总结范文第3篇

关键词：高职教学；网页设计与制作；课程改革；岗位需求

中图分类号：TP642.0 文献标识码：A 文章编号：1009-3044（2014）32-7698-02

伴随互联网技术的高速发展，现代企业越发关注到自身门户网站建设及维护问题，与此对应的专业技术岗位需求也偏向于对网页设计与制作人才的渴求。高职教育立足于对专业技术人才的培养，职业教育在突出人才实践技能训练的同时也更加关注信息技术背景下学生的就业问题，这对于高职教育今后的发展至关重要。实践性是高职网页设计与制作课程的显著特征，它不同于传统的网络技术教学模式，对于学生的动手能力和实践创新能力都提出了更高的要求，教学方式和教学手段的选择偏向于对学生实践意识和主动意识的激发，这同时也是当前课程教学改革对高职网页设计与制作学科提出的必然要求。只有切实与企业专业技术岗位需求相适应，才能更好地体现高职教育技术型人才的培养优势。

1 高职网页设计与制作的课程特点及其教学现状

从现代职业技术教育的特点分析，高职网页设计与制作的教学目标除了表现在系统化的网页制作理论知识外，还突出了对学生综合动手能力、实践创新能力和网页设计能力的训练，以此促进学生实践技能和理论知识的双重发展，更好地将所学应用于岗位就业当中。操作性是高职网页设计与制作课程的特点之一，这就决定了在网页设计与制作教学中理论与实践之间的相互配合，并将实训教学应用于网页设计课程教学的各环节当中，这对于教学效果的提升意义重大。

现阶段网页设计与制作课程在高职院校技术教育中的落实相较于以往网页制作工具教学而言有了显著进步，借助多媒体教室演示教学和实训室教学激发学生的课堂教学主体意识，并以此培养学生的实践创新能力。然而当前的网页设计与制作教学还存在着实用性与理论性相脱节的问题，忽视了与企业专业技术岗位需求相结合，这就使得岗位工作和学科教学之间存在着较大差距，不利于教学效果的提升。高职学生本身在网页制作能力方面有所欠缺，加之教学内容和教学方法中存在的弊端，不仅有碍于学生学习积极性的激发，同时也使得现代工作岗位与教学模式之间的差距拉大，课程改革亟需得到落实。在网页设计与制作的课程考核方面，仅仅采用的是任课教师出题的方式，具体形式表现为上机操作和理论考核两个部分，而其中学生出勤率以及平时作业却占据了较小的比例，这不仅忽视了学生实际问题解决能力的培养，同时也使得学生的实践创新意识被遏制，不利于学生个性品质的完善。高职网页设计与制作涉及到多门学科内容，单一的考核形式显然难以满足现代化职业教育的根本需求，这就需要在课程改革中突出网页设计与制作课程考核的多元化，以此激发学生的学习主动性。

2 高职网页设计与制作课程教学改革的设计思路

2.1 与企业专业技术岗位需求相结合

从当前企业网站开发团队的角色划分角度分析，通常除了网页设计师、网页美工师和后台开发工程师以外，还包括网络测试人员及维护管理人员。由于网页设计与制作课程教学对象自身专业的差异性，因此培养目标的构建也应当与学生知识结构及专业特点相对应，体现教学内容和教学目标的针对性，这是高职教育因材施教原则的集中体现。从具体分类上看，电子商务和计算机相关专业的学生在逻辑思维能力方面有着显著优势，作为电子商务网站建设与WEB应用程序开发的重要前导课程，这些专业学生在学习网页设计与制作时可借助自身的编程基础强化在网站及网页制作方面的学习，至于Firework或是Photoshop这类图形处理技术则不作过多要求，在网页设计与制作课程学习中学生对于CSS样式表以及HTML语言有了更加全面的了解，并且能够借助JavaScript实现对网页特效和Flash脚本的编写，这是对学生专业技术岗位能力的培养过程。而艺术专业学生本身对于布局、构图、色彩等内容较为敏感，因此可着重训练学生的制图能力，通过网页制作与设计课程的学习引导学生立足于网页界面的美观设计，借助Flash使得网页素材的呈现更有动感，这对于学生后期的职业生涯也有着积极的导向意义。

2.2 项目驱动型教学模式

以往高职网页设计与制作课程教学中关于案例教学法的运用仅仅是将网页制作技术与案例分析相结合，其教学过程中学生仍处于极为被动的状态，学生关注的核心在于某一个案例的制作过程，然却忽略了自身对网站项目的制作及设计。项目驱动型教学在高职网页设计与制作中的应用能够显著改善当前的教学现状，推动课程教学改革的有序实施。这一教学模式的具体程序及环节包括以下几点：

2.2.1 项目选择

项目选择的过程应当与教学大纲及课程教学内容相结合，控制好项目选择的难度以及知识覆盖面，使得项目教学的实施能够连成一线，突出各环节课程教学的连贯性。教学实践当中首先需要完成学生的分组工作，确定三至四人为一个小组，并确定其中一人为组长，网站主题的确立可由小组成员自由选择，并于特定时间内完成主题资料收集和网站策划书的编写工作，并由组长在课堂教学中对其进行演示，完成小组方案的呈现与阐述，之后由其余小组对其提出合理建议。网站项目确定后需要由教师帮助学生完成项目开发进度表的制定，细化项目实施的具体内容。

2.2.2 专题教学方式

从网站项目实施的具体步骤分析，除了网站主题确定、资料整理、logo设计以及网站风格选择外，还涉及到配色方案的选择、网页排版、主页制作和网站测试等内容。依据具体的实施步骤，教师可与教学大纲相结合明确教学专题的开发进度，对基本元素、布局模式及网页排版等问题组织学生进行讨论。在对以往教学案例进行分析后，学生对于网站设计的理解更加深入，能够在知识点的驱动下完成自我网页的设计与制作。

2.2.3 组织讨论

从教师本身知识结构及专业修养的差异性分析，在网站制作技术方面会对教学设计产生一些影响，因此针对存在疏漏的地方就需要对其进行讨论与修改。通过优秀网站欣赏使得学生加深对网页制作的感性认识，能够从优秀网站中获得网页设计的灵感，体现自身创意设计水平，这对于学生知识面的扩展和分析问题能力的提高都有积极影响。

2.3 分阶段型考核模式

这一考核模式将项目开发进度划分为若干小的阶段，学生完成阶段工程汇报后再由师生共同参与考核，考核的重点在于对网站主题和页面布局的考查，除此之外还需要对整体页面的美观性进行评定，检查网站规划中的各项功能以及页面链接效果，具体包括：

2.3.1 网站选题

小组网站主题的拟定可由成员自行选择，在对同类网站进行分析后分析自身技术路线和服务形式的异同，并与企业专业技术岗位需求相联系，切实分析网站本身的维护成本及盈利模式。网站策划书是这一阶段需要完成的项目，组成对其进行必要的演示操作，并由师生对其展开评价和提出意见。网站选题占总考核比重的10%。

2.3.2 网站设计

网站设计涉及到网站的色彩配搭、版面布局以及主题设计等方面内容，小组成员需要借助FireWork或是PhotoShop完成草图制作，并由组长对设计理念进行陈述，师生对其提出建议。网站设计占总考核比重的15%。

2.3.3 网站制作

依据草图设计完成对应的网站制作工作，由于页面较多也可采用定期对开发进度进行报告的方式对关键页面进行演示，这一过程中教师需要对演示进度进行控制。网站制作占总考核比重的25%。

2.3.4 网站测试

网站测试的内容除了包括页面文字和图片显示、链接有效性以及浏览器使用情况外，还需要由小组成员完成对应的测试报告，认真剖析测试过程中存在的问题。网站测试占总考核比重的15%。

2.3.5 网站

在完成主页空间的申请后借助FTP工具对网站实施操作，教师和学生可用各小组提供的域名访问网站。网站占总考核比重的5%。

3 结束语

综上所述，作为近年来高职教育新兴的学科课程，网页设计与制作重视对学生实践创新能力的培养，通过实践技能与理论知识的结合体现高职教育人才培养特点和企业专业技术岗位需求之间的契合。教学内容的丰富及其教学过程富于变化，使得网页设计与制作这一课程在学生群体中引起了广泛关注。现阶段高职网页设计与制作课程研究的重点在于如何将学科教学与企业岗

位相结合，促进学生职业素质和专业技能的发展。课程改革的有效性在于与市场就业需求相一致，将企业专业技术岗位需求纳入网页设计与制作课程教学改革的考虑范围之内，使得岗位能力与教学内容相吻合，这对于学生团队协作能力、网站管理能力和网页设计能力的提高有着积极的促进意义，这是职业教育在人才培养方面资源优势的集中体现。除此之外，关于网页设计与制作课程教学改革的新一轮研究对于高职网络技术等课程教学模式更新也有着不可忽视的启发与借鉴意义。

参考文献：

[1] 陈永芳.职业技术教育专业教学论[M].北京：清华大学出版社，2007.

[2] 王晓红，周立.网页设计与制作课程教学改革[J].北京联合大学学报：自然科学版，2006（12）.

[3] 安颖莲.网页设计与制作课程教学设计与实践[J].中国教育信息化，2007（9）.

网页制作实训总结范文第4篇

关键词：职业能力；工作过程；网页设计与制作；教学改革

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)20-4953-04

Investigation of "Web Page Design and Making " Teaching Reform Based on Vocational Ability Training

HU Xiao-hong, WANG Li-fen, ZHANG Jing-feng

(Beijing Vocational College of Electronic Science, Beijing 100029, China)

Abstract: According to the higher vocational students’ ability training requirements and the problems of traditional teaching, explore the vocational ability training courses based on reform thinking, to the professional activities as the main line, students as the main body, proj ects for the carrier, combining teaching reform to apply it. Through the analysis of typical tasks and vocational ability, based on the con struction of the working process in the web design and production course, from teaching concept, teaching mode, teaching contents, teach ing methods and evaluation methods, it puts forward the reform of the concrete implementation plan.

Key words: vocational ability; work process; web page design and making; teaching reform

1教学改革的必要性

随着信息网络技术的飞速发展，利用互联网获取信息已成为人们生活学习不可缺少的部分，当今社会需要大量的网页设计制作人才，《网页设计与制作》是高职计算机多媒体专业的核心课程，具有实践性强、应用面广、与岗位联系密切、极富创造性等特点。《网页设计与制作》每部分内容都具有相对独立性和完整性，要求学生能主动参与到学习中，培养学生的实际动手能力和应用能力。传统教学模式以教师为中心，按章节顺序列举案例将知识点串联连起来，学生学完课程后感觉知识点零散，不能达到融会贯通的效果，不能根据企业需求独立完成网站规划、网页布局和制作网页的任务，学生所掌握的知识技能与企业需求脱节，不能胜任网页设计师的岗位要求。为适应企业对高职人才的要求，实现教学与就业岗位零距离接轨，以工作过程为导向，以职业岗位为中心，从教学理念、教学模式、教学内容、教学方法、考核方式等方面进行教学改革非常必要。

2教学改革的基本思路

《网页设计与制作》是典型的工学结合课程，主要特征是理论实践一体化，教学目标是训练学生编写HTML代码制作网页的能力，熟练使用Dreamweaver、Flash、Photoshop软件制作静态网站的能力，培养学生规划网站结构、建立管理站点、测试与网站的能力，培养学生网页设计创意思维能力和色彩感悟能力，培养学生具备“团队协作精神、沟通能力、获取应用知识能力、解决问题能力、自主学习能力、创新能力”等职业核心能力，使学生能从事网站编辑、网站美工设计职业岗位工作，养成良好的职业道德。

传统教学模式按照章节顺序讲解软件功能来组织教学，学生模仿老师上机实践被动接受知识，只学会了网页中文本、图像、超链接、表单、CSS样式、层和时间轴、表格、框架、模板和库、行为的操作方法，不能独立设计出符合职业岗位需求、技术运用合理的网站。因此，教学中要不断更新教学理念，将职业能力的培养贯穿教学过程，按照网站开发流程设计学习情境，每个学习情境划分为若干个任务，以真实的网站项目为载体组织教学，重视上机实践环节，重视学生校内学习过程与实际岗位工作的一致性，不断强化学生的专业能力和职业核心能力。

3教学改革的内容

网页制作实训总结范文第5篇

关键词:网页制作;教学改革;能力培养;项目教学

1教学改革思想

高等职业教育作为高等教育发展中的一个类型,肩负着为国家培养面向生产、建设、服务和管理第一线需要的高技能人才的使命。如何提高教学质量,从而提高学生的专业技能,以适应新时代企业对高职人才的要求,这是每个高职高专院校摆在首位的问题。传统大学课程教学以学科为导向、以知识为目标、以教师为主体、以应试为基础、以逻辑为载体,但职业教育必须以职业活动为导向、以能力为目标、以学生为主体、以素质为基础、以项目为载体,开展的课程必须做到教、学、做一体化,切实提高教学质量[1]。本文对基于工作过程的网页制作技术课程改革进行了探讨。网页制作技术是一门实际操作、技能要求都较明显的课程,学生的学习兴趣也较高。怎么把学生的兴趣培养成网页设计师需要的专业技能,使学生上岗后的能力能适应工作岗位的要求,这是教学的总体目标及教师工作切入点[2]。

2课程改革实践

2.1职业岗位群定位

面向工作过程的职业岗位群分析,如图1所示。本课程面向岗位群是网页设计师:具备规划、设计、制作网站的能力;网站维护管理人员:具备网站维护与更新的能力。

2.2面向工作过程的能力分析

1) 网页设计师所需要的专业能力,如图2所示。

(1) 网站规划能力:能够准确分析、理解项目要求;对项目进行合理规划、评价;并撰写网站建设方案[3]。

(2) 素材收集能力:能够通过有效渠道获取资源,并对资源进行处理,成为需要的素材;熟悉使用并积累网页设计师常用的网页设计第三方工具。

(3) 网页设计与实现能力:教学重点,解决问题能力重点体现。需要熟悉主要工具工作环境,能应用编程语言实现设计方案,熟悉网页布局和设计,熟悉网页元素使用。

(4) 网站维护和更新处理能力:能按照专业规范操作,作品规范可维护。

2) 网页设计师所需要的职业核心能力,如图3所示。

(1) 与人沟通能力。

网页设计项目属于技术服务性项目,能否和客户顺畅沟通,准确把握客户需求,至关重要。大学生在校期间需要培养与人沟通能力,畅通的沟通渠道既有利于形成良好的教学效果,也是学生锻炼自己沟通能力的重要途径。课程在计算机公共机房开设,存在三方关系,学生与学生,学生与教师,学生与机房管理人员,鼓励学生积极地互动、沟通,及时解决问题,着力培养学生的沟通能力。

(2) 团队合作能力。

网页设计项目属于团队合作性质,需要各方良好的沟通及团队合作精神。课程通过学生组队合作开发项目,培养学生与他人合作的精神,培养学生的团队合作荣誉感。

(3) 信息处理能力。

网页设计是一个有活力的领域,新颖性强,需要有强大的信息处理能力。通过有效渠道获得所需要的信息,并对信息进行处理,这是解决问题的前提。通过收集课程项目所需要的信息,网页设计课程逐渐引领学生熟悉网页设计常用的方法和工具,使学生能够高效地获得有用的信息资源。

(4) 解决问题能力。

使用所掌握的技术,并结合获得的信息,解决客户的问题,这是网页设计师职业能力的重点。需要有良好的沟通能力和团队精神作为基本素质,能够获取并处理信息,具备扎实的专业技能,满足客户的需求,了解客户消费心理学,设计出合理有效的解决方案,并加以实施,这是能力培养的核心所在。

(5) 自学能力。

自学能力是一种再生资源,是网页设计师职业生涯中最宝贵的财富。作为高职学生,在学习过程中,能掌握学习方法,养成良好的学习规律和熟悉学习渠道,能利用获得有用的信息解决问题,那么毕业后,就能从容面对职业中所遇到的问题。面对问题,要充满好奇、好学,能主动求知,这是课程需要引导学生的。适当鼓励和引导,培养学生自我解决问题的能力,这个过程就是自学能力的培养。

(6) 创新能力。

创新是科技发展的灵魂。作为一个新颖性的职业,网页设计师同样需要具有创新精神。了解创新,关注创新,尝试创新!引导学生做有用的创新,培养学生的创新意识,关注国内行业内的创新新闻,如李开复先生所创立的创新梦工厂等。培养创新精神,这是网页设计师未来职业发展的重要条件。

2.3面向工作过程的教学总体目标

总体能力目标:规划、设计和制作B2C网趣电子商务网站。能够规划、设计和制作门户网站或电子商务等网站;能够对网站项目理解、分析、规划、评价;能够按照专业规范进行操作,作品规范可维护;熟悉网页制作和网站建设工作环境及主要工具;具备文本、图片、动画素材处理能力;熟悉使用并积累网页设计师开发常用第三方工具;具备网站维护和更新处理能力。教学以B2C网趣电子商务网站项目作为主要能力训练载体,以“先授人以鱼再授人以渔”为教学方法,以鼓励学生参加网页设计大赛为促进方法,全面开展教学工作,培养学生敏锐观察能力、清晰逻辑思维、良好团队合作精神,使其具备自我学习能力和持续发展潜力。

2.4面向工作过程的教学内容设置

网页制作技术课程面向工作过程的教学内容设置,如表1所示。

2.5面向工作过程的能力训练项目及认知设计

项目教学的关键在于项目的选取。一个项目的选取好坏直接影响到项目教学法实施后是否能取得较好的结果。好的项目不但锻炼了学生的学习和动手能力,还可以激发学生的学习兴趣,让学生在完成任务之后能获得成就感[4]。因此,要选择切实可行并且学生感兴趣的项目。

本课程以实际项目――B2C网趣电子商务网站作为驱动,项目贯穿整个学期教学工作,每次课程完成其中部分小项目,最后整合成一个大项目;并以学生参加网页设计大赛为促进,使学生系统、完整掌握网页制作技术。教学开展思路为:初级阶段以逆向开发分析、模仿为主,学生具备一定基础后走向正向开发过程。授课以基础能力训练为主,将制作网趣商城电子商务网站项目所需要能力进行分析,详细设置能力训练项目,让学生跟随教师模仿完成,及时考核,完成该部分内容,考核为及格或中等。提高篇:对学生进行创作引导,抛砖引玉,培养学生成就感、信心,鼓励学生创新,积极参与网页设计大赛,进行正向开发。辅导学生参与比赛,给予项目实际支持。至此,学生可以参与学院精品课程网站建设,并以此作为课程后续学习。

认知过程设计[5]:

1) 课程基于真实产品的任务驱动型教学方式,符合职业技能的形成规律。

2) 课程结构“模块化”、课程实践“项目化”、课程资源“系列化”、技能训练“层次化”,符合信息技术时代“生物学习模式”认知规律。

3) 构建了以“网站开发工作过程”为导向的“模块式”课程结构,课程分为9个教学模块、16个教学单元。课程模块根据岗位需求变化、教学实际情况灵活组合、动态调整。课程内容根据网页制作技术发展持续更新。

2.6面向工作过程的教学实施

课程教学改革实施具体方式:根据能力培养要求,结合认知规律,充分利用多种沟通工具,形成特色教学过程。教学开展分三步走,分别为课前、课中、课后,如图4所示。

教学方法――学中做,做中学。

模式一:初级阶段,逆向开发,如图5所示。

模式二:中级阶段,逆向开发。如图6所示。

模式三:高级阶段,正向开发。如图7所示。

2.7面向工作过程的教学考核方式探讨

考核方式是课程的指挥棒,应注重过程考核。

1) 基本思路。

本课程实操性强,学习效果即时可测。考核由平时成绩、课程设计、最终报告,具体比例如下。

(1) 平时成绩40%:包括考勤(10%)、课堂表现(10%)、实践报告(10%)、每阶段上交作品质量(10%)。

(2) 课程设计占60%:包括课程中制作的页面(30%)、后期完善及丰富的页面或自主项目(20%)、最终报告(10%)。

2) 课程设计的评分标准(共100分)。

课程设计贯穿整个学期,每次课完成部分页面,最终完成一个网站,如表2所示。

3) 最终报告的评分标准(共100分),如表3所示。

3课程改革效果

 课程出勤率较高,课堂上学生自觉专注于项目训练,讨论热烈,学习精神状态饱满,兴趣较高,氛围浓郁。

 课程项目完成效果良好,学生有一定成就感。

 课程按行业规范操作,培养学生良好操作习惯。

 通过佛山电子协会友情链接,部分学生已在关注佛山地区电子产品公司网站平台。

 得到学生和同行专家肯定,学生评价教学优秀,并获得学院年度教学质量优秀奖。

 学生参加学院网页设计大赛兴趣浓郁,并有11位同学获奖,产生一批优秀作品。

4结语

我院实施的课程改革面向以职业活动为导向,面向工作过程,经调查确定职业岗位群,分析该岗位工作过程中所需要的专业能力和职业核心能力,确定课程整体目标,具体分解能力目标。以项目为驱动,合理设计课程内容;设置能力训练项目表,进行认知过程探讨,符合生物认知模型。教学开展思路为逆向开发分析、模仿、正向开发过程,灵活采用3种教学模式。重视考核方案设计,强调过程考核。实践证明课程改革效果良好。

参考文献:

[1] 戴士弘. 职业教育课程教学改革[M]. 北京:清华大学出版社,2007:8-15.

[2] 戴士弘. 高职教改课程教学设计案例集[M]. 北京:清华大学出版社,2007:57-65.

[3] 杨晓明. “网页制作”课程教学改革的探索与研究[J]. 甘肃联合大学学报,2008(22):1012-1013.

[4] 于晓霞. 基于“工作过程”面向“职业岗位定位”的教学模式在网页设计课程中的应用[J]. 科技信息,2009(6):212-213.

[5] 史瑞芳. 网页设计与制作课程中项目教学法的引用[J]. 山西经济管理干部学院学报,2008(4):115-117.

参考文献:

[1] 钟柏昌. 任务驱动教学的反思与重塑[D]. 南京师范大学,2004:13-15.

[2] 郭绍青. 任务驱动教学法的内涵[J]. 中国电化教育,2006,234(7):57-59.

[3] 吴海花,王连山. 计算机软件项目教学改革的实践与探索―基于“任务驱动”的小组协作教学模式[J],考试周刊,2009,23:11-12.

[4] 李振娥,刘旭源. 基于任务的小组协作学习教学结构构成要素及关系[J]. 中国教育技术装备,2009,30(11):74-75.

Research on Java Teaching Pattern Based on Task Driven and Group Collaboration

LIU Wen-jie, WU Ting-ting, ZHENG Yu

(School of Computer and Software, Nanjing University of Information Science & Technology, Nanjing 210044, China)