综合职能视角下网页设计课改

综合职能视角下网页设计课改

我国高职教育主要是培养适应现代化建设要求的，具备综合职业能力和全面素质的，直接在生产、服务、技术和管理第一线工作的应用型人才[1]。综合职业能力是劳动者可持续发展的必备基础，职业院校应该通过教育、教学活动予以落实。课程建设作为高职教育教学改革的核心内容，对人才培养质量的提升起着至关重要的作用。

一、课程改革背景

网页设计与制作课程在高职院校的计算机、电子商务等专业均有开设。该课程学习静态网页制作技巧，培养学生网站前台页面的设计与制作能力、图像处理能力、动画制作能力和网站综合开发能力，具有较强的综合性、交叉性和应用性。为后续课程例如动态网页的学习奠定基础。作为基础技能课程，能力目标、内容、结构等在不同专业中具有普适性。网页设计与制作目前在教学上存在以下几方面的问题：一是，教学内容多而凌乱，面面俱到，重点不突出。二是，课堂以教师为中心，按照教师边讲解边演示，学生边模仿边操作的教学方法，学生缺少主动性，表现出即学即会、即学即忘的现象，实践能力不强。三是，课程内容仍注重学科知识体系而非职业能力的发展，难以形成职业迁移能力等。最终体现在毕业生在就业时需要二次培训以适应工作岗位。

二、课程改革思路

网页设计与制作课程改革可借鉴基于职业能力导向的课程体系改革路径。课程体系改革以专业为依据，按岗位或岗位群设置课程，安排教学。首先通过分析职业岗位要求，确定课程能力目标。然后分析岗位工作过程，对应各工序整理课程的技能点和知识点，选择恰当的课程内容。再运用项目课程设计理念设计技能训练项目，将相关技术理论知识与技能训练项目相集成，根据人的职业成长规律和学习认知心理特征确定教学结构，体现高职教育的职业性和岗位性，有效提高教学质量。本文针对校内课堂教学展开探讨，不涉及工学结合实训内容。

三、课程改革具体步骤

基于职业岗位，确定课程能力目标对招聘网站发布的岗位进行分析。本课程对口的职业岗位为网页设计师。表格中的内容是从2011年6月前程无忧招聘网站招聘网页设计师岗位整理而来。对上述职业岗位进行分析，结合课程，以能力为本位，确定课程能力目标。高职学生综合职业能力的内涵可以界定为：培养学生具有综合性的、普遍性的、可迁移性的,对未来职业成功发展具有持久性的正确的方法论和必备的社会能力。综合职业能力由基本能力、专业能力和关键能力构成[2]。基于综合职业能力，提取出本课程所对应的子能力，形成能力目标。教师在进行教学设计时就要以能力为本位，有意识的设计相应的教学情境，专业能力通过显性锻炼得到提升，基本能力和关键能力作为隐性能力通过教师引导在潜移默化中得到提高。

基于工作过程，选择课程内容从职业岗位职位描述，分析岗位工作过程，结合课程学时数，对应各工序整理课程的技能和知识点。网页制作内容方面选择Dreamweaver+Photoshop+Flash三合一课程。以Dreamweaver为主，Photoshop和Flash两个软件的介绍也占据相当篇幅，针对网页制作时需要用到的主要功能进行简洁但系统的说明，让学生通过介绍和案例有一定程度的掌握，为学生后期深入学习打下基础。三合一课程有助于学生对知识和技能的融会贯通，加上三种软件均是Adobe公司的产品，用户界面和使用方法上有类似的地方，有助于学习迁移。网页布局方面表格布局和盒布局各有优缺点。表格布局较简单，容易入手，显示数据时非常好用。但缺点是表格中的内容必须全部加载完成浏览器才显示此表格，如果表格中的内容较多，显示速度就慢。DIV+CSS布局符合W3C网页制作规范，让网页内容和形式分离，边加载边显示，提高了页面打开速度。CSS文件通常是共用的，缩减了页面代码，改版更方便，对搜索引擎更友好，但需要兼容各种浏览器，增加了开发难度。DIV+CSS布局已成为主流，这从招聘岗位描述中也可见一斑。因此两种布局都需要介绍，重点是DIV+CSS布局。依据网页设计师岗位的工作过程，主要有三部分：网站策划、网页制作和站点管理。而网页制作包括页面的制作和网页媒体元素的制作，如图像和动画。因此网页制作课程以一个中小型静态网站的开发过程为主线，使用三个软件为工具，系统地学习网站设计原则、开发流程和制作技巧的课程。

基于项目教学理念，编排课程结构培养学生的职业能力，可设计相应的项目，将项目对应到真实的工作任务。真实的工作任务有利于学生对知识的建构，让学生在以项目为载体的综合化情境中学习和完成工作过程。同时，将课程内容按照人的职业成长规律和人的学习认知心理特征，由单一到综合的规律进行编排，形成系统的、循序渐进的课程结构[3]。

四、教学过程遵循的原则

坚持重点，兼顾其他由于学时的限制，不能概而全，只能坚持重点，兼顾其它。比如DIV+CSS布局在短时间内较难掌握，教师可以使用符合W3C标准的较简单的网页模板进行教学，让学生从学习和模仿他人网页开始，会有较好的学习效果。一些精美具有动感的页面往往用JavaScript来实现，要深入学习需要不少时间，教师可做简单介绍，然后提供相应的教学资源供学生课外学习。

注重关联，举一反三很多计算机软件虽然功能不同，在理解上却有很多相通之处，比如前面提到的三个软件，均有层的概念，基本的用法和意义类似，教师在讲解时注重关联，可以达到触类旁通的效果，起到事半功倍的作用。

以学生为中心以“学生为中心”的教学理念最直接反映在课堂教学上，可通过如下教学环节来体现。首先是“师生互动”环节，教师先展示真实的工作任务和已完成的作品给学生进行分析讨论，提示学生思