《网页设计》一体化教学探究

胡苏梅

[摘           要]  根据社会发展的新需要和技能型人才培养的教学改革需求，一体化教学应运而生，并在职业院校教学中大力推广，在应用一体化教学方法中，既感受到学生的能力提升迅速，同时也对教授的网页设计课程有自己的思考：将“典型工作任务”进行教学化处理，转为“学习任务”，教学中设计模仿学习和实战学习两个环节，实现学习与工作的教学融合，也是培养零距离上岗的高技能人才的举措。

[关    键   词]  典型工作任务;学习任务;模仿学习;实战学习

[中图分类号]  G712                 [文献标志码]  A            [文章编号]  2096-0603（2020）03-0146-02

一体化教学是按照经济社会发展需要和技能人才培养规律，根据国家职业标准，以综合职业能力为培养目标，通过对典型工作任务分析，构建课程体系，并以具体工作任务为教学载体，按照工作过程和学习者自主学习要求设计的教学活动。

一、“典型工作任务”的确立

“典型工作任务”就是贯穿全课程的实际工作实例。教师参与企业实践及开展企业专家研讨会是确定“典型工作任务”有效的办法。对于企业专家研讨会，主要邀请网络公司的实践专家（项目经理、技术人员等）开展研讨会，请他们分享各自的职业成长历程、公司的业务方向，即主要的工作任务和相关的核心技术，通过研讨归纳总结出典型工作任务的框架。

二、典型工作任务转化为学习任务

“典型工作任务”在实际工作中具有代表性，典型工作任务是职业技术院校设计学习任务的基础，但不一定是企业真实岗位工作任务的再现，有的岗位任务不便直接用于学校教育，学习任务是对典型工作任务进行“教学化”处理的结果，教师有参与企业实践的经历，能更合理地将工作任务转化为学习任务，学习任务它既不是岗位任务，更不是简单的知识学习和技能训练任务。但完成此学习任务后，学生可以到企业从事多个岗位的工作。

笔者有多年的教学经验及实践经验，结合企业专家座谈结果，确定网页设计的典型工作任务为：网站的主页、网站某个栏目列表页、网站详细页;学习任务为：徐州技师学院工会主页、列表页、详细页。

三、教学设计

课程內容按照工作任务和工作过程的逻辑关系进行设计，并优化模块教学内容，既让学生学到知识技能，又体验工作过程，体现了综合职业能力的培养。笔者在《网页设计》教学中，将任务分解为：模仿学习和实战学习两个环节。

（一）模仿学习环节

1.引导学生认识任务

一体化课程教学，教师首先通过工作描述和演示，提出具体工作任务并进行任务分析，使学生明确任务和学习要求。但是再好的学习内容，也需要学生从心理上认同及接受，才能更好地完成学习任务。教师上课前给学生一些网址，让学生浏览网页，要求学生着重分析各网页的内容及布局特点。在此基础上，再引导学生对网页功能进行归纳总结，得出一般网站主要有三种类型的网页：主页、列表页、详细页的结论。在学生对网页功能有一定认识的基础上，然后再展示本课程要学习的任务。学生会明白：即将学习的内容，是制作网页必备的知识，也是当下流行的技术。有了这样的认识，能较好地调动学生的学习积极性。

2.将学习任务构建为教学单元模块

每个学习任务都涵盖大量的知识点，学生无法在短短的几个课时中学完，需构建工作任务与知识、技能紧密关联的教学单元模块，遵循模块与模块之间要层层递进、相互支撑的原则。

分析这三个学习任务，网页结构相似，页头部分和页尾部分相同，只有正文部分布局结构和内容相同，其中详细页的布局及内容结构相对简单，在“详细页”掌握的基础上再学习“列表页”和“主页”，学生容易接受。每个任务学完之后，再通过拓展练习巩固知识。

3.分析问题，提取“关键字”，培养学生的学习能力

一体化教学的一个重要的特点是注重培养学生分析问题、解决问题的综合能力。传统的先讲再练习的教学模式，学生虽然当时接受了，也能模仿教师的操作完成练习，但非常容易遗忘，教学效果较差。计算机知识更新迅速，学习能力欠缺将阻碍职业发展，甚至会被行业淘汰。网络上有丰富的学习资源，学生在工作后学习新知识的途径，主要还是通过网络学习。如何快速获取有效的资源，学生要学会分析问题，找出问题的关键所在，这应是学习的重点内容之一。

网页设计中CSS的应用既是重点也是难点，关于这部分知识的学习，教师可引导学生分析自己目前制作的网页和效果图的差别，并将学生分析出的结果一一罗列出来，对每一种效果的不同，引导学生找出“关键字”，再指导学生学习CSS手册，找到相应的属性，每个属性都有若干个参数，应使用什么样的参数，由小组成员共同学习、相互讨论、分析及尝试，得出结论。手册上不能直接查到的，再让学生上网搜索解决，在学生查阅资料时教师给予相关的指导，特别是问题的“关键字”的认定，这对搜查资料起到至关重要的作用。

（二）实战学习环节

学生在模仿学习任务阶段，虽然能掌握一些专业技能的一部分职业能力，但在实际的工作学生还要有良好的沟通能力、理解能力、归纳总结能力、合作能力、设计能力以及综合专业知识应用的操作技能。实战环节就是把学生引入专业技能综合应用和职业能力培养相结合的学习阶段，实现工作与学习的教学融合。

1.业务流程介绍

本课程实战环节的工作任务：让学生以小组为单位，为班级制作网页，并申请免费空间，发布到网上。通过这个任务，学生掌握网页设计及发布的完整业务流程和相关的具体业务。

发布网站的业务流程：申请域名→申请空间→域名和空间的IP绑定→将制作好的网页上传到空间。域名的申请可由客户自己申请也可由网页制作方代为申请;网站的空间，如果客户单位有自己的服务器和公有的IP，网站空间可由本单位的网管分配，很多规模不大的单位为了节约成本，没有自己的服务器或公有的IP，这时可在网上申请免费空间或租用空间。本课程的实战任务，将采用在网上申请免费空间的方案;域名和空间的IP绑定，由申请域名的管理员进行操作;上传网页由网页制作方进行上传。

网页制作业务方面：客户提出需求，制作方根据客户需求进行策划、设计，初步制作效果图，再与客户沟通，再修改，在客户认可后，开始制作，完成后再进行功能调试，交付客户试用，并根据客户的需求进行修改，直到客户满意，交付用户使用。

2.教学实施环节设计

教师组织，教师扮演客户，各小组长进行分工协调，小组成员分别扮演项目负责人、网站编辑、技术员、美工设计的角色页。教师引导学生查阅资料或向企业人员请教，让学生對自己扮演的角色所需要具备的知识及技能需求有充分的认识，在与他人交流时如何准确表达自己的想法，在学生理解的基础上，组织扮演相同角色的学生进行交流，取长补短，形成书面资料。

项目负责人要和制作网页的客户进“业务洽谈与接待”，充分了解对方的需求，并针对客户提出的需求进行归纳总结，编写“网站策划书”及进行人员分工：设计栏目，主页的大概布局及色调，制作网页效果图，然后制作网页，代客户申请域名及免费空间，将完成的网页发布到网上，并对文档资料进行归整。

（三）教学评价

模仿学习环节的教学评价，由教师评价和小组互评（占30%）、组内成员互评（占30%）共同组成，以与效果图的相似度为评价标度，相似度主要指布局及图样式设置的效果，色调可以自由发挥，但要求协调美观。

实战学习环节的教学评价，由企业专家评价（占50%）、校内教师评价（占25%）、任课教课评价（占15%）、其他小组评价组成（占10%）。

一体化教学是教学和工作的教学融合，实现专业学习和工作实践学做合一，实现“学中干，干中学”，对学生个人来说，有助于学生尽早规划自己的职业生涯，使自己个性发展与工作岗位需要相一致;对社会来说，实施一体化教学，是培养满足企业需求的高技能人才的有效手段。

参考文献：

人力资源和社会保障部.一体化课程教学标准开发技术规程[S]，2009.