基于工作过程的《网页设计》课程项目教学改革探索

孙重巧　吴勇刚

摘要：对于《网页设计》这门操作性比较强的课程，传统的教学方法已经远远不能满足我们现实教学的需要，因此我们采取基于工作过程的项目教学的方法对该门课程进行改革探索。我们通过项目教学改革的出发点来提高学生的网页设计的实战技能，以典型的网页设计项目为核心，按照实际开发的工作过程为导向将项目分解为若干个工作任务，并按照实际工作过程中项目任务实施的需要来进行相关知识和技能的培养和训练。实践证明，这种改革有利于教学，能有效提高教学质量，值得推广。

关键词：网页设计；项目教学；工作过程；教学改革；教学实施

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2016）23-0111-02

《网页设计》是广大高职院校计算机专业的一门专业基础课。本课程的前导课程有计算机基础，后续课程有数据库、动态网站开发等。它是一门实践性很强的课程，既要掌握设计，又要动手编程，还要上机调试运行等。 对计算机专业来说是一门必修的课程，对后续课程的学习影响较大。此外，这门课程也是计算机软件专业技术资格（水平）考试网络程序员、网页设计工程师考试的主要语种。同时课程具有很强的社会实用性，深受学生的重视和喜爱。我们将围绕如何基于工作过程的方式针对《网页设计》课程进行项目教学改革，我们将从课程培养目标、课程内容设计与课程教学实施等三个方面来谈一谈《网页设计》课程项目教学改革探索。

1 课程培养目标的改革

结合现在高职高专人才培养规格，本课程培养的目标应该是培养学生Web客户端静态页面设计能力的主干课程。是培养学生的静态页面设计能力，使学生掌握Web客户端静态页面编写的基本方法，并逐步形成正确的客户端静态页面设计理念，能够熟练地使用HTML语言、CSS设计、JavaScript编程，为网页开发后续课程打下基础的一门专业基础课。围绕上述课程培养目标，

我从能力目标和素质目标来谈一谈自己的想法：

1）能力目标应该注重如下几个方面的培养：①能独立进行文案资料的搜索与整理、具备能分析理解用户需求的能力；②能根据项目需求，具备项目网页的设计与功能实现能力；③能根据静态页面设计规则与CSS参数规范，实现网页的美化和布局；④具有使用JavaScript技术进行页面事件处理与表单验证的能力；⑤能根据DOM树形结构，进行页面DOM的控制；⑥具有综合应用HTML语言、CSS样式、JavaScript脚本进行页面的设计、编码、调试、维护能力。

2）素质培养目标应该注重如下几个方面的培养：①养成善于思考、深入研究的良好自主学习的习惯；②通过项目与案例教学，培养学习者的分析问题、解决问题的能力；③具有吃苦耐劳、团队协作精神，沟通交流和文字表达能力；④通过课内外训练，培养学生的创新意识；⑤具有勤奋敬业、遵守职业道德规范、诚实、守信的高尚品质。

2 课程内容设计的改革

以目前行业企业在其职业岗位上使用的最新、最流行的网页设计软件平台为依据，结合企业岗位实际所需开设课程内容，确保学生获取知识与技能的时效性和适用性。

结合我们在实践课程改革中的一些经验，在进行本课程内容设计的过程中，主要基于工作过程导向的思想和设计理念来进行改革，根据课程标准确定5个工作项目任务、14个工作任务的学习内容，具体《网页设计》课程教学内容整体设计如下表：

《网页设计》课程项目教学设计，每个项目单元通过引出若干任务的教学核心内容，明确教学任务。每个任务可以从任务陈述、知识准备、任务拓展、项目实训等环节进行设计。

总体来讲，课程内容的设计应遵循学生的认知规律和职业成长规律，由浅到深，由简单到困难，系统设计基础知识和实践能力训练体系，实现基础知识、专业技能、素质水平的同步提高，达到提升学生的职业能力的目的。

3 课程教学实施的改革

3.1 教学方法改革

在实际教学过程中，积累了一些教学方法改革经验同大家分享：

1）从学生认知规律出发，课堂讲授采用“学、仿、做一体化”教学方法，以教学项目为模块，以基于工作过程的项目任务引导学生学习技能，并通过动手实践，让学生自己理解并归纳、掌握网页的设计知识与常识。整个教学过程突出精讲多练的模式，达到理论与实践统一，知识的内化与应用的教学目的。

2）在教学过程中将学生分为若干小组，给定工作任务，启发学生通过动手实践以及对实践结果进行思考获取知识。

3）同时在讲授的过程中，将网页设计中多种技术与方法应用到各教学单元，使学生最终能掌握网页设计的规范与各种技巧。当课程结束时，让学生以团队形式完成网页设计项目。

3.2 教材建设改革

所选用的教材应充分体现培养学生的职业能力为中心思想，以“教、学、做”为一体组织课堂内容，注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。

不拘泥于现有教材内容限制，以实际工作环境中所需软件的最新版本和最新功能作为讲授的重点，去掉实用性不高和过时的内容，并鼓励教学团队自编特色教材，最大限度地提高学生在校获取知识技能的效率。并结合本专业在行业企业中的典型工作任务开发出6个项目工厂供学生实践训练，让学生既掌握课程所涉及的专业知识，同时掌握在设计中如何运用知识，在设计成果中让学生获得成就感，加深对专业知识渴求的愿望，充分调动学生的内在动力，激发学生的学习潜能。综上所述，教材建设改革应具备如下要求：

1）项目丰富贯穿始终、任务驱动。以现实的网页设计项目为主导贯穿整个教材，同时参照现实项目的实施流程将项目分解成若干个工作任务，并按各个任务所需的基础知识和专业技能进行教材内容的整合，用任务驱动作来牵引学生的好奇心，激发学生的学习的兴趣，使学生带着问题学、带着目的学、带着兴趣学。

2）双重循环完成任务的实施，掌握知识点和技能点。第一重循环：给出实施的任务的目标、重点、技术要求、操作步骤，让学生尝试着完成各次任务，在遇到问题时会需要学习和掌握必要的知识和技能，从而使学习知识和技能具有很强的目的性和针对性，极大地提高学生学习效果。第二重循环：基础知识和专业技能的讲解，讲解与相应任务实施有关的基础知识和专业技能。学生边学边操作，同时也是对任务问题的深入或功能拓展，在“教中学，学中做”。

3）自由选择特定项目自主学习。教材是一个相对完整的学习资料，是理论与实践的统一体。学生大多能根据自己的学习情况灵活地选择特定任务，根据任务的针对性和技术要求学习相应的知识和技能章节，并在所提供的上一任务电子（或纸质）成果的基础上完成本次任务。

4）构建综合项目实践教学情境案例。有利于提高教师专业能力，提高教学水平，有利于增强学生学习的主观能动性，提高学生分析和解决问题的基本能力，有利于增加师生互动，提高教学质量。最重要的是综合项目实践教学情境案例是完全基于工作过程的，详细描述了一个商业项目的开发纤细过程。

3.3 考核标准和考核方法改革

课程以考查方式考核学生对《网页制作》的掌握程度，理论部分可以采用传统试卷考核的方式，并与平时学习情况、个人表现等结合起来的考试方式。也可创新其他方式进行考核。实践部分可以选择采取现场技能操作、上机操作、设计答辩、实验测试、作品制作、产品制作、竞赛形式等方式，或者采取理论测验与上述操作结合起来的方式，或者实际操作与平时学习情况等因素综合考虑的考核方式。

4 后记

采用基于工作过程的项目教学法进行《网页设计》课程教学，能把枯燥的理论变成现实可行的项目。通过教学调查学生普遍反映掌握的基础知识和专业技能更扎实了，能够运用所学去进行网页设计，开发网站。该课程的教学改革有效地调动他们的学习主观能动性，开拓他们的想法、提升了专业能力、培养综合素质，更提高了他们的自信心和成就感，培养了他们分析解决问题的能力；但教学改革是一个长期的艰苦的过程，要根据实施过程中的具体情况灵活运用，并不断加以改进完善。

参考文献：

[1] 武创，王慧.网页设计探索之旅[M].北京：电子工业出版社， 2006.

[2]刘万辉，司艳丽.网页设计与制作教程[M].北京：机械工业出版社， 2007.

[3]王伟，叶颖.项目课程的教学设计探讨[J].中国现代教育装备，2007（10）： 115-117.

[4]蔡伯峰.网页设计与制作教学设计改革[J].泰州职业技术学院学报，2008（2）： 55-58.

[5]曾海.JavaScript程序设计基础教程[M].北京.人民邮电出版社，2009.

[6]任长权.静态网页设计技术[M].北京：中国铁道出版社，2009.

[7]张洪斌.基于工作过程的网页设计与制作教程[M].北京：机械工业出版社，2010.

[8]赵辉.HTML+CSS网页设计指南[M].北京：清华大学出版社，2010.