系统化的网站设计学习情境设计

开篇：润墨网以专业的文秘视角，为您筛选了一篇系统化的网站设计学习情境设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

一、工作过程系统化课程的特征

实践表明，个体的发展主要是靠能力、具体的知识、技能，教育过程必须逐步使学生获得这种无形的、可持续发展的、内化的、人本的、个性的能力。所谓工作过程，指的是个体“为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。工作过程系统化课程主要体现为课程内容的选择和课程内容的排序。

（一）课程内容的选择

选择的课程内容要以职业资格为标准，使学生的知识、技能和价值观的学习融合为一体。高职生大多以形象思维为主，因此要设计和一定的环境和背景联系在一起的课程内容，重点在于让学生掌握“怎样做”和“怎样做更好”的过程性知识，陈述性知识为辅助。

（二）课程内容的排序

课程内容的排序包括形式上和实质上的序化结构。这要求对课程内容排序时，要从“3+6+6”这三方面考虑：一是从专业能力、方法能力和社会能力3个维度描述工作过程；二是从“对象、内容、手段、组织、产品、环境”6个要素描述；三是从“资讯、决策、计划、实施、检查、评价”6个步骤强调工作过程。

二、学习情境设计的基本思路

（一）通过分析岗位群和职业技能确定课程

课程设计的思路是依据对岗位群和对应的职业技能的分析，培养出适应于各行业移动应用的前端开发工程师、UI设计师、网站开发工程师、交互设计工程师等岗位的高端技能型专门人才。

（二）课程学习情境的挑选依据

作为基于工作过程系统化的《移动互联网站设计》课程，立足于移动互联网发展进入到第三个阶段的时代大背景，结合广东行业的发展现状以及新趋势下造成的人才缺口，认真解剖案例，是体现以学生为主体的学习领域课程，其教学方式上有如下特点：

（1）强调以学生直接经验的形式；

（2）增强学生关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能；

（3）通过典型移动互联网页的案例来设计与制作，来掌握融合于实践行动中的新知识、新技能。

（三）面向工作过程的学习情境的能力分析

从2011年起，我们就开始通过社会需求调研、毕业生回访、企业一线技术人员反馈信息、参加国家级职业技能大赛，形成和完善“移动互联网站设计”课程的典型工作任务，以源于企业、经过教学改造的典型网页为载体，重构了体现移动互联网站设计的工作过程性知识与技能体系的学习领域课程，更结合社会发展趋势形成了课程的学习情境。在设计课程的学习情境时，从专业能力、方法能力、社会能力三方面考虑：

1.专业能力

全面了解移动互联网站建设与管理等相关知识，掌握移动互联网站方案策划、设计、实现，根据产品需求和设计图完成网站前端页面制作，保证页面的浏览器兼容性，优化前端页面体验和页面响应速度，维护网站整体结构。

2.方法能力

掌握网站页面的JS等交互原型的制作，CSS、模板的维护，策划、设计各种网站专题页面，设计合适的网页风格设计；掌握静态HTML页面制作，网站皮肤整体设计，界面设计、CSS高级使用、动态网站的简单应用，能够做出独出心裁的页面设计及实用性高的作品。

3.社会能力

具备不断探索新技术发展方向，结合实际不断创新的能力，工作主动热情，有恒心和责任心，逻辑性强，注重细节，有良好的沟通能力和团队意识，能够胜任移动互联网站及移动互联应用界面的各类工作。

（四）课程学习情境的设置思路

经过在原有课程的几年探索和积累，依据当前移动互联网站设计的“对象、内容、手段、组织、产品、环境”的6个要素，从以下几个方面进行课程内容的设置。

1.从就业岗位的趋势需要出发

按照以技能为核心、市场职业岗位需求为导向选择教学内容。在实际调查的基础上，以网页设计、网站前端开发，网站建设的综合技能为主线，使学生掌握一个基础，培养学生五大关键能力并按教学内容划分五大模块的模块化教学内容体系。

2.以培养岗位综合技能为主线

这种基层岗位综合技能，是为了适应企事业单位在构建网站平台时对具有实践性人才的复合能力的要求。既区别于单独的网站建设的战略规划能力，又区别于以单独使用网站从事生产、营销、财务等职业技能。整个课程的教学内容以这种综合技能为主线进行设计。

3.培养学生具备适应变化的能力

包括够用的网页美术设计基础、网页语言基础、交互设计基础，以及网站规划、管理、基础维护等，且知识贯穿在实际应用中讲授，目标是让学生掌握必备的知识和原理，并具备适应不断变化的网页设计趋势的能力。

4.培养学生五大关键能力

本课程要重点培养学生的五大关键能力，即网页设计能力、网站建设、创新能力、与客户沟通能力、项目组内成员的合作能力。这五大能力是一个网站开发人员的获得成功的必备能力。在本课程中，在介绍基本知识、原理的基础上，重点放在围绕网站设计工作过程所需的实用技能上，并把这五种能力的培养贯穿本课程的始终。

5.符合形象思维特点的教学方法

采用项目出题法、项目模拟法、合作法、问调法、冲浪法、岗位法这6种与高职学生形象思维相适应的教学方法，为学生创设掌握与运用知识的背景和环境。

（1）项目出题法。

请企业人士或社区人员按照实际需求出题，或者教师从现存的实际网站或APP中挑选，根据当时讲授的内容对题目进行加工后提供给学生，这样学生所做的作业与企业相适应，培养出适合市场需求的人才。

（2）项目模拟法。

建立模拟网站、网页，开发实际软件项目。学生建立自己的个人主页，让学生在网上个人主页，学生全员参与评估；与此同时，把网上PC版的网页（网站）改为移动版本，传送到智能终端以检查效果。部分同学参与实际计算机软件项目的开发。

（3）合作法。

要求学生在课上课下以组为单位组成项目组，进行讨论、研究、设计本组的项目，形成本组的方案。这种方式既挖掘了学生的个人创新能力，又能培养沟通与协作能力。

（4）问调法。

组织学生进行校园、社区、社会调查。有条件时，直接访问企业一线人员，组织学生与企业人员的对话活动。

（5）网络冲浪法。

根据教学进度需要，引导学生登陆有关网站，收集并整理素材资料，了解行业企业状况，学习最新知识，思考与分析现实问题。

（6）岗位法。

以就业岗位为导向，实行以能力为中心的开放式、全程化的情景教学。

（五）基于工作过程系统化的学习情境

根据移动互联网站设计的主要应用和当前设计趋势，在课程内容上设计了如下的学习情境。

三、结语

基于工作过程的高职计算机类课程学习情境设计，要从对应专业的人才培养目标出发，把提高质量作为重点，以服务为宗旨，以就业为导向，推进教育教学改革。通过营造合适的环境培养社会所需的高素质技能型人才，需要一个漫长的过程，在具体实施过程中，还需要教师转变教学观念，充分调动教师的积极性

作者：陆远蓉李晓婷单位：广东工程职业技术学院一铭投资管理有限公司