基于工作过程的《网页设计与制作》课程开发探索

牛芸

摘要：《网页设计与制作》课程作为山东传媒职业学院网站规划与开发技术专业、计算机多媒体技术专业的一门专业核心课程，主要是培养学生的网站规划、开发能力，网页设计、制作能力及网站的管理、维护能力。在整个网站建设与开发过程中，该课程所培养的技能起到基础性、支撑性的作用。该课程教学不仅能够培养学生较强的专业技术能力，同时还培养学生的实践操作能力，设计创造能力，团队交流协作能力及创业能力。基于工作过程进行《网页设计与制作》课程的开发，使学生能够在一个个项目中逐渐熟悉工作过程，掌握职业技能，从而更有利的培养了学生的职业能力，提高学生毕业以后的就业竞争力。

关键词：工作过程 网页制作 课程开发

【分类号】TP393.092-4

《网页设计与制作》课程是一门技术性，实用性及操作性很强的课程，已经成为众多高职院校网站开发、电子商务、计算机等相关专业开设的热门课程，网站建设与维护也已成为相关专业学生必备的一门技能。当今网络时代，Internet以网站的形式存储了海量的信息，通过网页的形式进行信息展示、互动交流、产品购买已渗透到人类社会生活的诸多领域。目前，社会各工作领域中网站建设、开发与维护的技术人才需求量极大，亟需要具有相应技能的岗位人才。

《网页设计与制作》这门课程培养的是学生的网站策划能力、网页设计与制作能力及网站的管理与维护能力。在整个网站建设与开发过程中，该课程起到基础性及支撑性的作用。传统的课程教学方式通常按照知识技能的学习顺序进行教授，学生在每一部分相对独立的教学内容中只能学到网页制作中的局部内容和技术，这种方式使整个学习过程变得零碎，最终学生缺乏整体建设网站制作项目的能力。因此，基于工作过程进行课程的开发，使学生能够在项目中熟悉工作流程，提高网站建设的综合能力，将极大的有利于学生职业能力的培养。

1、课程的地位与作用

《网页设计与制作》课程是山东传媒职业学院网站规划与开发技术专业、计算机多媒体技术专业的一门专业核心课程。根据我院立足广播电视行业、面向社会、培养高端技能型人才的总体培养目标，这些专业均要求面向广播电视（网络电视、手机电视）、各企事业单位网站、网站开发公司、广告公司和中小型网络推广公司等单位，培养能够在网站策划与编辑、网站前端工程师、网站程序开发工程师、网站运维及手机客户端开发等岗位上立足的技能人才。《网页设计与制作》课程作为培养以上岗位人才的主干课程，主要是培养学生在从事网站开发设计及网站管理等技术支持行业，针对网站策划与编辑、网站前端工程师等岗位，培养具有网站策划与编辑、网页设计与制作、网站管理及维护等技能，并具备一定的综合分析解决问题的能力，创造创新能力，及具备团队精神和责任感的全方位职业素养的人才。

分析该课程在以上专业岗位课程体系中的地位，如图1所示，该课程处于整个课程体系的中间环节，具有极其重要的地位和作用。其前导课程是计算机应用基础、计算机网络技术、计算机图形图像（Photoshop）、Flash动画设计，后续课程是Javascript、动态网页设计（php）与mysql数据库技术、网页设计综合实训等。该课程所处的地位具有至关重要的作用，它要求学生在掌握前导课程的知识技能基础上，要具备一定的综合应用能力；同时该课程的学习又与后续其它专业课程的学习有着千丝万缕的联系，并给它们提供一个重要的知识基础平台，实现网页前端设计代码与交互效果代码、后台功能代码的融合。该课程在岗位课程体系中具有重要的作用，课程培养的关键职业能力是网站策划、网页设计制作及网站管理维护能力，因此该课程直接面向的具体岗位有网页美工设计师，网页前端设计师，网站交互设计师、网站管理维护人员等。

2、 基于工作过程的课程开发理念

根据高职高专院校培养高端技能型人才的培养目标，坚持以培养职业能力和职业素质为本位的课程观，树立基于职业岗位工作过程的课程开发理念。课程设计始终贯彻以“工作过程为导向”、“工学结合”的思想。通过深入网站设计开发的公司企业进行岗位职业能力与工作过程的调查。在课程设计时采用模仿实际的工作过程及工作任务进行课程开发。

课程设计采用基于工作过程的项目化课程教学设计。依据工作过程将课程内容按岗位职业能力进行整合、划分与安排，将课程內容划分成若干个项目学习模块，并在每个项目模块下设置多个学习任务，将岗位职业技能融入到其中，实现“以项目为导向，以工作任务为基础，以任务驱动方式”引领学生进行技能的学习。项目模块的内容既要符合实际的工作过程，也要在教学顺序上兼顾学生的认知规律，使学生循序渐进的全面掌握课程知识技能。教学过程本着“以学生为主体，教师为主导，训练为主线”的方式，坚持以学生动手为主，配合讲练结合，师生交流、学生协作等方式在专业实训室完成相应的工作任务，培养学生的实践应用能力，设计创造能力及团队合作能力，养成学生良好的职业行为习惯、职业能力与职业素养。

3、 课程开发过程中教学项目的组织与设计

要学习网页设计与制作，首先必须先进行网站的规划，并掌握本地站点及WEB站点的安装与配置，在此基础上才能进行网页的制作与预览。然后再遵循由单一网页设计到主题网站设计的思路进行由单一到复杂的教学项目的设计，同时在网页设计及网站设计项目中又分别根据网页的布局方式，网站的主题等进行分类学习和制作。最后在通过课程学习所掌握的能力基础上，由学生分组完成一个主题网站的设计与制作，使学生的专业能力、自主学习能力、职业能力得到进一步提升和锻炼。

因此，结合课程的培养目标，遵循循序渐进的学习规律，基于工作过程进行课程开发，对教学内容进行整合与排序，把课程内容设计成一系列由点到面教学项目，共分为以下六个项目模块，分别是：（一）网站规划基础、（二）HTML CSS简单网页制作、（三）DIV CSS高级网页制作、（四）个人网站制作、（五）公司网站制作、（六）网站综合实训。每个项目模块的教学内容又包含若干个学习任务。六个项目模块及所包含的任务始终围绕课程的培养目标展开，在教学过程中由易到难的培养学生网站整体规划能力、网页效果图设计能力、网页素材制作能力、网页布局技术、网页交互效果制作、网站测试及网站的管理维护技能等。教学项目的开展依据工作过程，并在整个教学项目设计中实现由易到难，由单一到综合递阶式的学习方式，便于学生接受和学习。教学项目设计的层次结构如图2所示。

在课程开发设计过程中，教学内容的选取尤为重要，首先课程内容要与行业企业的岗位技能需求相一致，保持教学内容的先进性，实用性，及与工作岗位的一致性，做到“学以致用”；教学项目的学习顺序既要符合工作过程，也要充分考虑学生的认知规律，按照六个模块分阶段循序渐进的展开教学；教学重点的选取遵循课程培养目标，同时主张为后续课程的学习打下夯实的基础，教学重点内容主要有HTML网页结构的制作、CSS样式表的制作及网页布局技术等，这在每一个教学项目中都占有较大的学习比重。教学内容的制定始终体现以职业能力培养为目标的课程教学。

4、总结

课程建设与改革是提高教学质量的关键，基于工作过程的《网页设计与制作》课程开发，注重了知识本位向能力本位的转化，知识向工作任务的转化，使教学内容由易到难，由点到面的全面展开，充分培养了学生的网页设计与制作、网站管理与维护等职业技能，为后续课程的学习及个人职业生涯的可持续发展奠定良好的基础，更加有利的培养了学生的网页制作专业技能及职业素养。endprint