对中职网页设计综合实训课程的项目解析

张丽娜

(四川省成都市蜀兴职业中学 四川成都 610051)

一、课程分析

《网页设计综合实训》课程是我校计算机应用专业的实训课程，本课程是基于photoshop、flash、dreamweaver三门课程已经开设过的基础上的一门综合实践课程，综合性、实操性都很强。学生在该门课程学习完成之后，就具备了网站前端设计师的专业技能，能够在网站前端设计这一岗位上顶岗工作。

我校计算机应用专业开设此门课程已有六七年时间，无论是针对中职学生还是高职学生，这门课程始终保留。究其原因，根据我们对毕业生的调查发现，我校计算机应用专业的毕业生每一届都有从事网页设计岗位的学生，而他们也表示，很大原因得益于我校开设的这一门实训课程。

总结该门课程多年的教学经验，在工学结合的教学思想指导下，采用行动为导向的教学方式是必须的。在《网页设计综合实训》课程中，有效运用项目教学法，将项目教学法真正实践于课程，适用于学生。

二、项目教学法理论引导

项目教学法是在构建主义的指导下，以实际的工程项目为对象，先由教师对项目进行分解，并作适当示范，然后让学生分组围绕各自的工程项目进行讨论、协作学习，最后以共同完成项目的情况来评价学生是否达到教学目的的一种新的教学方法。

项目教学法有效建立了课堂与生活的联系，整个过程活动都是真实的，是现实生产生活的一种反映，从而使学生的学习更有针对性和实用性。在项目实施过程中，项目设计是重点。怎样的项目才能既满足现阶段学生的实际情况，又能引发学生的参与兴趣，提高学生的专业实训能力和职业综合能力是需要教师探讨的问题。在数年的网页设计综合实训课程的教学中，我们积累了一定的实际经验。

三、项目设计

综合实训课的教学不同于基础技能课。由于学生已经具备了专业知识和相应软件的操作技能，综合实训课要在专业技能课的基础上重点训练学生的专业综合技能，提升学生的职业综合能力。因此，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。

综合实训对学生在动手实践能力上提出了较高的要求。学生需要按照网页制作的流程，完成一个相对具体、综合的网页作品。学生需要综合运用网页设计，图片处理，动画制作等专业技能，实现完整的网页效果。

在实训项目的设计上，根据学时安排和学生的实际情况，主要分为两个阶段。

（一）固定题材类网页设计

学生在高三刚接触这门综合实训课时，还较为陌生，对于要完成一个综合性的网页，并不知从何入手。这时需要老师一步步引领，让学生从模仿成型的优秀网页开始，熟悉网页设计的操作流程，再由老师渐渐放手，让学生自主创作。

在项目的题材选择和实施方式上，我根据市场对网页设计的一般需求，从四大类的题材入手，包括教育类网页，电商类网页，旅游类网页，健身类网页。并根据学生对知识的掌握规律，在项目的实施方式上对学生提出了不同的要求。

学生通过不同题材网页项目的设计制作，对网页设计的流程从不熟悉到熟练，网页的设计要求从模仿到半设计再到绝大部分自主设计，层层递进，使学生在课程前期没有太大的学习压力，后期也能发挥学生的主观能动性，保证每一个学生都能熟悉网页设计的整套流程，并深知自己的长处和不足，在后期的创意设计项目部分，能更好地组建团队，科学分工，将每一位队员的优势发挥到最大[1]。

（二）自主创意类网页设计

在自主创意制作网页阶段，教师要求学生以项目小组的形式开展教学活动，用完整的实际工作流程训练学生综合设计制作能力，即按照实际工作“调研→策划→设计→制作→测试→验收”的流程进行项目设计。

通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用平面设计的基本原理和设计规律，网页制作规范，动画设计制作流程及网页设计的相关软件，完成符合实际要求的网页作品。项目设计以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要源于企业，可根据学生对市场的调研，生活实际的需求以及自己的兴趣爱好，选择网页项目题材，完成完整网页的设计制作。

1.第一阶段：调研阶段

商业网页设计的工作程序必须经过市场调研，了解市场和客户的需求。但是学生在校期间，没有办法实现企业化的操作管理，因此，我们模拟市场调研阶段，根据学生和学校实际情况灵活处理。我将此阶段的任务下发给学生，学生经过自由组合形成项目工作团队。选题的确立，需求的调研可采用多种途径，如自己的学习生活需要、团队的兴趣爱好、身边朋友的需求等。曾经有一个设计团队完成的是“Nike运动鞋网页”项目，究其原因，是团队中的一个女生一放假就会在Nike专卖店打工，她想通过此机会建立自己需要的品牌商品网页。

2.第二阶段：策划阶段

网页策划是网页设计的关键步骤，只有真正策划好了，才有可能制作出令人满意的网页作品。如果把一个网页比喻为一座房子，那么，没有经过事先规划建造起来的房子是不会牢固的。本阶段的目的就是要搞清楚要建一座什么样的“房子”。网页策划是了解客户需求，进行信息收集与分析，对网页设计等方面的问题进行整体规划并提供解决方案，撰写《网页设计规划书》的过程。

在项目实训过程中，不同的项目团队在此阶段会有不同的表现。有的团队不重视网页的策划，就算写了《网页设计规划书》，在后期的设计制作过程中也仍旧不断地变化修改，导致网页完成用了大量的时间，甚至有的改得面目全非。而有的团队听取老师的意见，明白网页策划的重要性。在前期策划阶段，用了不少时间确定网页的定位、内容、风格，但是一旦规划书敲定下来，就不再修改，后期的设计制作完全按照策划来做，事半功倍。由此可见，网页的策划在整个项目流程中起着十分关键的作用。

3.第三阶段：设计阶段

设计阶段是运用photoshop、illustrator等平面设计软件进行网页界面设计的过程，这直接决定了最终呈现的网页效果是否具有视觉冲击力，是否具有和谐美感。具体设计的内容包括有标准字确定、LOGO设计、标准色彩、图标设计、网页平面设计等。

（1）网页图标设计。图标是具有明确指代含义的具有标识性质的图形，不仅是一种图形，更是一种标识。精美的网页设计图标往往能起到画龙点睛的作用，从而提升软件的视觉效果。

（2）导航栏设计。导航栏是网页中用来装饰和展示网页的，功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循明确、清晰、醒目等原则。

（3）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网页产生深刻印象。在配色时应注意综合考虑多方面的因素，设计出能产生视觉停留意愿的效果。

4.第四阶段：制作阶段

制作阶段是运用photoshop、flash、dreamweaver等软件进行网页制作的过程。具体包括建立站点、网页模板、首页制作、子页制作、特效实现、页面链接等内容。

此阶段主要是提升学生对软件的熟练操作能力和综合应用能力，学生能将几款软件熟练转换，应用自如；同时培养学生的自主学习能力，通过网络资源学习新的脚本代码，并能在自己的网页中应用；更离不开的是同学之间的协作沟通，团队合作，只有群策群力，才能完成一个精美的网页作品。

5.第五阶段：测试阶段

在此阶段，我们采用组内测试，组间测试，教师测试等各种手段相结合的方式，只有确保网页中的每一个页面显示，每一处链接，每一点特效都准确无误的情况下，才能进行对外交付。大多数团队在此阶段都会进行反复修改和测试，这是一项细致繁琐的工作，极大地考验学生的细腻、耐心程度。

6.第六阶段：验收阶段

验收阶段是由展示和评价两大环节构成。项目完成后，各项目组要向本专业的所有师生展示项目作品，以作品答辩展示会的形式进行，并且我们会请到行业专家和高校教师莅临展示会现场，给予学生专业的意见和建议。

在此阶段，项目团队分组上台汇报、展示、交流本组设计的最终作品。在介绍过程中要求配合演示文稿，向大家展示网页效果，说明网页设计思路，效果特色，制作过程，问题解决等多方面的内容。现场老师和行业专家会针对其项目进行提问，由学生现场解答。项目考核评价应主要评价学生是否达到了项目教学的目标，对学生在执行项目中所表现出来的综合运用知识与技能解决实际问题的能力进行考核。教师需要关注学生在完成项目后学习到的知识、技能和提高的职业能力，这样有利于培养学生的自信心和创新能力[2]。

随着职业教育理论研究与实践的不断深入，中职学校的教师深刻地认识到，职业教育最主要的任务是培养学生获得职业岗位工作所需要的各种能力。项目教学是一种在职业教育广泛应用的教学模式，很好地体现了在构建主义理论指导下的以行动为导向的教学思想。实践证明，在网页设计综合实训课程中采用项目教学法是一种行之有效的教学方法。它通过解决学生身边的一些实际问题来实现学生对专业知识的灵活运用，大大提高了学生的学习积极性和主动性，也提高了学生诸如创新精神、团队协作、沟通交流、口头表达等职业综合能力。教师应在不断的实践中总结经验，创造出更多、更好的实训项目，更好地培养学生的能力。