《网站设计基础》项目课程改革与实践

摘 要：随着时间推移，国内高职院校纷纷从传统的学科式教学转向实践技术性教学，其中项目教学就非常符合这种转变。本项目组成员对《网站设计基础》课程进行了探讨研究，并对改革后的课程工作任务和课程项目作一一阐述。

关键词：项目课程；网页设计；工作任务

1. 课程基本情况

该课程是计算机应用技术专业的一门专业主干课程。本课程的功能是培养学生掌握网页设计与制作过程的主要操作技能，熟练掌握网页效果图设计能力、页面排版能力、图片处理能力、CSS页面样式设计能力以及CSS页面布局能力。本课程以《计算机文化基础》的学习为基础，也是进一步学习《企业网站开发》和《商务网站开发》课程的基础。

2. 课程改革目标

以提高人才培养质量为目标，以提高教学水平为主题，以改革教学内容为重点，坚持高职办学方向，体现高职培养目标和特色，加强实践教学环节，探索工学交替、任务驱动、项目导向等有利于增强学生能力的教学模式，把课程建设的过程作为深化教学内容、教学方法、教学手段改革和提高教学质量的一个重要过程。

3. 课程改革的主要内容

3.1 课程设计

1.课程地位

如今Internet的迅速发展，作为Internet主要应用的WWW技术的发展更是日新月异，网站如雨后春笋般遍布了全球的各个角落。企业、公司、个人纷纷在互联网上开创自己的天地，展示自我风采，而网页设计在网站建设中起着重要的作用。该课程是依据由国内从事计算机应用相关行业的企业家、项目课程专家以及专业课程负责人讨论得出“计算机应用技术专业工作任务与职业能力分析表”中的页面设计工作领域设置的。网页设计与制作是高职高专计算机应用技术专业网站建设方向的大部分学生就业后从事的主要工作岗位。本课程主要培养学生掌握网页效果图设计能力、页面排版能力、图片处理能力、CSS页面样式设计能力以及CSS页面布局能力，这些都是网页设计与制作岗位最为重要和基本的能力，因此本课程在计算机应用专业中处于非常重要的地位，应当作为专业主干课程。

2.学习情境设计

按照情境学习理论的观点，只有在实际情境中学生才可能获得真正的职业能力，并获得理论认知水平的发展，因此本课程要求打破纯粹讲述的教学方式，实施项目教学以改变学与教的行为。这是教学模式的一个重大转变，要有力地推动这一转变，需要以项目为载体来组织课程内容。在项目课程设计中，项目载体设计是一个关键环节。本课程每个项目的学习都按网页设计与制作的过程为载体设计的活动来进行，以工作任务为中心整合理论与实践，实现理论与实践的一体化。本课程最终确定了以下三个项目：个人网页页面制作、企业网页页面制作、购物网页页面制作。教学过程中，通过校企合作，校内实训基地建设等多种途径，采取工学结合等形式，充分开发学习资源，给学生提供丰富的实践机会。教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业意识、职业态度与职业能力。

3.2 教学方法的改革

在2008年第一学期《网站设计基础》课程更名为《网页设计与制作》，它作为一门新型学科，与传统的其它学科相比具有鲜明的自身特点。首先、它具有很强的操作性和综合实践性，特别强调学生的操作能力，强调学生学以致用的综合实践能力。其次、它极富创造性。学生通过对信息技术、信息科学的基本理论和方法的学习，既能深入的理解各种信息手段的特征，深入理解各种信息技术的基本原理和具体方法，又能对给定的信息进行适当的处理，并能对各种信息的活用进行评价和完善。学生在掌握基本技能的同时，不仅拓展了学生的思维，而且培养了学生独特的创造力。第三、它集现实性、实效性于一体，具有明显的时代发展特点。基于以上特点，本课程根据学生实际情况，设计出以“教师为主导，学生为主体”的符合学科特点的教学与管理模式。让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观以及创新精神、创新思维、创造能力，并学会解决生活中与信息技术学习有关的实际问题。项目化教学模式就是这样一种新型的学习模式。通过半个学期的实践，学生对于我们这样的教学模式很欢迎，也培养了学生的创造能力。

3.3 课程工作任务的设置

本课程立足于实际能力培养，对课程内容的选择标准作了根本性改革，打破以知识传授为主要特征的传统学科课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体项目的过程中掌握网页设计的思路，学会网页制作的方法，并构建相关理论知识，发展职业能力。经过行业专家深入、细致、系统的分析，本课程最终确定了以下5个工作任务：网页效果图设计、页面排版、图片处理、CSS页面样式设计以及CSS页面布局。这些工作任务是以网页的设计制作过程为线索来设计的。课程内容突出对学生职业能力的训练，理论知识的选取紧紧围绕工作任务完成的需要来进行，同时又充分考虑了高等职业教育对理论知识学习的需要，并融合了相关职业资格证书对知识、技能和态度的要求。例如，“网页效果图设计”这个工作任务，着重培养学生设计网页效果图的能力，训练学生的色彩搭配能力。“页面排版”这个工作任务，着重培养学生对网页效果图进行切片的技能，按效果图进行页面排版能力。“图片处理”这个工作任务，着重培养学生对图片的处理能力，对图片的优化能力。“CSS样式设计” 这个工作任务，着重培养学生合理设定文字大小的能力，运用CSS对文字进行排版的能力。“CSS页面布局”这个工作任务，着重培养学生DIV+CSS的网页布局能力。通过以上课程内容的训练学习和辅助证书考试，通过理论培训和实践操作训练一体化教学，有利于培养学生设计和制作网页技能，将完全能够胜任网页设计与制作岗位的工作任务。

3.4 课程项目的设置

浙江工商职业技术学院信息工程学院计算机应用技术专业《网站建设与管理》系列岗位课程由《网页设计与制作》、《企业网站开发》、《商务网站开发》、《网站开发实战》四门课程组成，《网页设计与制作》是进一步学习《企业网站开发》和《商务网站开发》课程的基础，本着为后继课程打基础并使学生可延续使用项目作品的思想，本课程最终确定了以下三个项目：个人网站页面制作、企业网站页面制作、商务网站页面设计与制作。本课程的工作任务是并列递进式的，在实际操作中没有严格的先后顺序，但是任务的难易程度存在差别，因此根据学生能力递进规律，本课程采取了依据任务难易程度编排课程内容的思路。总体内容编排顺序设计为：个人网站页面设计与制作→企业网站页面设计与制作→商务网站页面设计与制作。

下面是课程项目及课程模块的设计：

3.5 课程标准的描述方法

为了更清楚的表达本课程标准的意图与内容，本课程标准主要采用“动词+程度副词+名词（对象）”的方式表达来进行目标描述，其中，动词包括“了解”、“熟悉”、“理解”和“能”等，程度副词包括“基本”、“熟练”和“准确”等。这些动词和程度副词在本课程标准中的内涵是：“了解”意为知道“是什么”；“熟悉”比“了解”更进一步，意为清楚地知道“是什么”，并能复述；“理解”比“熟悉”更进一步，意为非常清楚地知道、并能复述“是什么”，还知道和能复述“为什么”；“能”意为在“理解”的基础上会做（作）、可以做（作），会完成、可以完成；“基本”意为主要的、差不多的、大致上；“熟练”意为熟知、做起来顺手，并能快速地完成；“准确”意为严格地符合事实、标准或真实情况，没有错误或不对的地方。

3.6 教学评价

1. 改革评价手段和办法，加强实践性技能的考核，可采用过程评价、阶段评价和总结评价办法相结合。

2. 关注评价的多元性，结合课堂提问、学生作业、平时实验、技能竞赛等情况，综合评价学生成绩。

3. 应注重学生动手能力和实践中分析问题、解决问题能力的考核，对在学习和应用上有创新的学生应予特别鼓励，全面综合评价学生能力。

3.7 教学建议

1. 本课程是一门操作性、实用性很强的课程。教学中，应注重学生实际操作能力的培养，注重联系实际，以激发学生的学习欲望。

2. 教师应参与各种专业培训，提高自身的专业水平。

可以采用挂职锻炼等方式参与企业的实际项目开发，积累工作经验，形成对行业以及工作岗位的全面认识，从而根据行业发展趋势及时调整课程的发展方向。

3. 在教学过程中，建议教师以任务引领学生学习，明确每一个项目的知识目标和技能目标，要充分调动学生的学习积极性。

4. 课堂教学结束后，教师要根据学生的情况布置适当的作业，作业一般是自主设计制作某一主题的网页作品，主题的选取可以依据项目来进行。

4. 总结

总体来说，项目化教学以“学生为主体，教师为主导”的实践教学模式，改变了以往“教师讲，学生听”被动的“填鸭”教学模式，创造了学生主动参与、自主协作、探索创新的新型创新实践教学模式。同时，项目化教学给教师和学生的关系带来了的巨大的变化，不再是以往传统教学的教师一个讲，全班同学听的局面，真正体现教学中学生的主体地位和教师的主导地位。

参考文献

[1]马华林. 行动导向教学中一种基于团队学习的个性化教学模式[J].教育科研,2011

[2]张立燕. 设计类实训课程成绩评定方法探讨[J].浙江工商职业技术学院学报,2006

作者简介：

张立燕（1979-），女，山东荣成人，浙江工商职业技术学院。