论文部分内容阅读
摘 要：本文阐述了在网页设计与制作课程中如何实施运用一体化教学模式，并对当前技工院校电子商务专业教学改革进行了探讨。
关键词：电子商务专业 网页设计与制作 一体化课程教学改革
一体化课程是以职业能力为培养目标，通过分析典型工作任务，以任务为载体，按照工作过程和学生自主学习要求来设计安排教学活动的课程。2012年，人力资源和社会保障部在全国130余所技工院校中开展机电技术、数控技术等14个专业的一体化课程教学改革试点工作。襄阳技师学院是全国首批一体化课程教学改革试点院校之一，其电子技术、数控技术被确定为一体化试点专业。一体化教学的课程实施都集中在机电、机械等专业，电子商务专业一体化教学的成功经验缺乏，尽管也有相关专家提出电子商务专业一体化教学，但基本还处于摸索阶段。笔者这几年在所教授专业技术课程中试行一体化教学模式，主持电子商务专业一体化课程的研究、设计和实施，解决和处理了各阶段所面临的难点和困难，深刻体会一体化教学的优势，本文就电子商务专业的一体化教学活动进行探讨，设计了一体化教学活动方案，归纳了课程实施一体化教学的实践体会。
网页设计与制作是襄阳技师学院在电子商务专业开设的一体化课程，它来源于湖北省紧缺技能人才建设项目网页设计与制作一体化精品课程。选用的教材是中国劳动社会保障出版社出版的《Dreamweaver网页设计与制作》，结合辅助教材、精品课程中的校本教材在进行教学设计时对教材进行了处理，课程划分为11个典型工作任务。教学中补充了客户需求说明书、网站设计策划书、作品验收记录表、教学评价表等学习材料，方便学生按照一体化工作流程运用所学知识和技能处理工作任务。本次选用的教学课程《菁菁校园》网站制作是最后一个任务“设计制作整站”， 这一学习任务是在完成前10个任务的基础上，设计制作一个结构完整、综合性较强的网站。
学生为电子商务专业中级1班，共24人，分为4个小组。班级学风良好，部分学生学习有主动性，具备一定的分析解决问题的能力，能根据教师提供的网站进行分析模仿做出效果，初步具备完成本任务所需要的知识和技能，但是部分学生操作能力一般，团队合作意识不强，设计、策划网站方案，构建网页布局的能力偏弱。
学习目标是学生能在教师的引导下，上网查阅相关资料，小组合作探讨制定网站设计方案；学生能根据网站的需要和客户需求对原始素材进行筛选和处理；学生能够进行自主学习；学生能通过交流与讨论对“菁菁校园”网站进行结构设计和技术选型；学生能在确定设计方案和教师的帮助指导下，利用学习材料，由小组组长完成网站首页效果，其他成员分工合作完成各类资料的收集和分页面的制作；学生能在完成任务过程中获取有效信息，小组展示工作成果，及时对作品进行反思等；能培养学生的团队合作能力、语言表达能力、归纳总结能力等。
学习内容是模拟真实的工作任务。学生以“某市七唯网络公司”网页设计师的身份，接到了客户（××技师学院团委）制作以“菁菁校园”为主题的静态网站工作，提供学院LOGO、图片和活动文本资料等，为其制作一个充满青春活力的校园网站。根据工作要求，完成“菁菁校園”网站制作任务需要18个课时。提供的学习资料有教学课件、微课视频、学习任务书、网站设计策划书、素材包（网站效果源文件、客户提供的LOGO、文字、图片等素材）、作品验收表、教学评价表、课外拓展任务书等，所有资料学生可以通过一体化机房云课堂软件实现教师机和学生机的共享。
学习方法是任务驱动法，教师布置下达学习任务——完成“菁菁校园”网站制作。学生根据客户要求，借助学习资源和资料，进行自主探究和合作探索的学习实践活动。任务的完成流程，与公司的工作流程相类似，目的是让学生熟悉公司的工作过程、内容及方法，通过“做中学、学中做”的方式完成工作任务；另外，采用分组教学的形式，结合角色扮演、演示、讲授等多种方法，在模拟的工作环境中培养学生的职业能力。总体设计为工学结合一体化的教学模式。
“菁菁校园”网站制作是一个完整的工作任务，按照任务驱动法的流程贯穿于整个教学过程中。任务开始前，教师已经根据学生特点和技能情况对学生进行了分组，分为四个小组，每组6人。在一体化机房准备好软件，学习资料通过云课堂软件实现教师机和学生机的共享。
1.任务布置，创设工作情境
教师给学生下发学习任务书，上面有详细的客户需求说明（技术要求、素材图片），让学生明确任务要求。
2.任务分析，方案制定
教师给学生提供有空白的网站设计策划书文档，小组通过合作探究的方式，对设计方案进行分析、讨论，进行方案展示，师生反复研讨、修改，完成网站设计策划书，要求6个课时内完成方案。将客户需求转换为明确、完整并且可操作执行的设计方案对学生来说比较难，这需要教师的引导，帮助学生尽快地理顺思路，同时借助学习材料，小组积极合作探究。方案的成功制定对指导后期网站制作和首页制作起到重要作用。
3.任务实施，制作网站
这一环节中，教师引导学生做任务具体细分。
环节一：任务分析，方案解读。在做首页前教师要求学生做好站点文件、文件夹的统一命名，便于后期首页和整站的合成。教师引导学生再次对网站设计策划书进一步地分析解读，尤其强调策划书中制定的网站技术要点部分。
环节二：首页布局。教师给学生提供可参考的首页布局案例，要求页眉、banner、导航、编辑区、页尾必不可少。每组确立首页布局风格，组长做好组员的区块划分工作，运用表格和复杂的嵌套表格制作，这项技术学生在前期的工作任务中已经熟练掌握，小组成员通过自主探索能完成首页各个区块的制作，为作品的初步实现打下基础。
环节三：素材处理。在各个区块中编辑客户提供的LOGO、图片和文本资料，并进行合理的筛选和处理，是这个阶段的工作任务。图片和文本涉及尺寸、背景、色彩、栏目等技术问题，小组组员自主探索解决。但是客户要求在banner区域用提供的图片素材做出一种“走马灯”的滚动图片效果，有一定难度。教师进行重点讲解演示操作过程。同时给学生提供操作微视频、任务书、详细操作步骤，组员通过自主探索，小组通过合作探究，学习完成网页元素滚动图片效果的处理，攻克学习障碍。小组组员完成各个区块元素的添加处理，通过云课堂的局域网络提交给组长，方便组长进行首页各版块的整合。 环节四：完成首页，美化首页。这个环节教师需要运用CSS样式对首页进行美化处理。需要运用CSS对文字、项目符号、单元格、表格、滤镜等进行效果处理，教师巡回指导过程中发现小组不会定义滤镜。这也是在前面CSS学习的工作任务中，同学们最难掌握的技能知识，更不容易实现实际运用。教师对CSS滤镜知识进行详细讲解，甚至是多次讲解，巡视中对个别小组单独操作演示，还提供了CSS滤镜的微课视频和学习资料，方便小组合作学习，共同突破学习难点，增强学生的学习信心，保障任务的顺利实施。最后组长将本组首页作品整合打包上传教师机作业提交区。教师收集作品，提出整改意见，为后期教学分页制作做好准备。
环节五：分页的制作。要求6个课时内完成，整合成整站。小组分工完成各个分页的制作，组长操作合作完成整站，将本组作品提交。教师收集各组整站作品。
4.任务评估，验收作品
这一环节教师采用角色扮演的方式，组长即项目经理，进行作品展示，并讲解设计思路及工作流程，组员扮演客户代表验收作品，填写反馈评价表，评选出最佳网站作品。学生填写教学评价表等资料。
5.任务总结，作业拓展
师生总结课堂收获，教师下发布置课外拓展任务书，学生接收和检查个人设备，最后打掃机房卫生。
一体化课程“菁菁校园”网站制作的工作任务课程结束。
课程采用“作品验收表 教学评价表” 结合的评价策略，对学生课程的学习表现和完成作品的质量进行监控。在这个过程中教师要关注学生的设计方案是否明确、具体和完整，了解学生是否掌握设计方案的制定方法；检查文件结构和首页布局是否合理，命名是否规范；看筛选的素材是否体现主题，效果是否美观；检查首页CSS样式和特效技术运用的熟练程度等。
一体化课程中有许多教学亮点值得总结。如学习成就感、多种教学方法灵活运用、学习被动转主动、学习资源丰富、模拟工作环境。当然在教学中也存在不足。一是部分学生学习缺乏主动性，处于“旁观者”的位置，在以后的教学中应把学习任务细化、具体化。二是学生接受能力参差不齐，差异较大，因此一体化教学模式和传统教学方法要结合运用，在巡回指导时加强对学生的分层指导和检查。三是学生的语言表达能力弱，需要加强职业能力的训练。
参考文献：
[1]时炳艳.基于任务驱动的“网页设计制作”课程教学设计[J].现代教育科学，2010（1）.
（作者单位：襄阳技师学院）
关键词：电子商务专业 网页设计与制作 一体化课程教学改革
一体化课程是以职业能力为培养目标，通过分析典型工作任务，以任务为载体，按照工作过程和学生自主学习要求来设计安排教学活动的课程。2012年，人力资源和社会保障部在全国130余所技工院校中开展机电技术、数控技术等14个专业的一体化课程教学改革试点工作。襄阳技师学院是全国首批一体化课程教学改革试点院校之一，其电子技术、数控技术被确定为一体化试点专业。一体化教学的课程实施都集中在机电、机械等专业，电子商务专业一体化教学的成功经验缺乏，尽管也有相关专家提出电子商务专业一体化教学，但基本还处于摸索阶段。笔者这几年在所教授专业技术课程中试行一体化教学模式，主持电子商务专业一体化课程的研究、设计和实施，解决和处理了各阶段所面临的难点和困难，深刻体会一体化教学的优势，本文就电子商务专业的一体化教学活动进行探讨，设计了一体化教学活动方案，归纳了课程实施一体化教学的实践体会。
一、选题价值
网页设计与制作是襄阳技师学院在电子商务专业开设的一体化课程，它来源于湖北省紧缺技能人才建设项目网页设计与制作一体化精品课程。选用的教材是中国劳动社会保障出版社出版的《Dreamweaver网页设计与制作》，结合辅助教材、精品课程中的校本教材在进行教学设计时对教材进行了处理，课程划分为11个典型工作任务。教学中补充了客户需求说明书、网站设计策划书、作品验收记录表、教学评价表等学习材料，方便学生按照一体化工作流程运用所学知识和技能处理工作任务。本次选用的教学课程《菁菁校园》网站制作是最后一个任务“设计制作整站”， 这一学习任务是在完成前10个任务的基础上，设计制作一个结构完整、综合性较强的网站。
二、学习目标
学生为电子商务专业中级1班，共24人，分为4个小组。班级学风良好，部分学生学习有主动性，具备一定的分析解决问题的能力，能根据教师提供的网站进行分析模仿做出效果，初步具备完成本任务所需要的知识和技能，但是部分学生操作能力一般，团队合作意识不强，设计、策划网站方案，构建网页布局的能力偏弱。
学习目标是学生能在教师的引导下，上网查阅相关资料，小组合作探讨制定网站设计方案；学生能根据网站的需要和客户需求对原始素材进行筛选和处理；学生能够进行自主学习；学生能通过交流与讨论对“菁菁校园”网站进行结构设计和技术选型；学生能在确定设计方案和教师的帮助指导下，利用学习材料，由小组组长完成网站首页效果，其他成员分工合作完成各类资料的收集和分页面的制作；学生能在完成任务过程中获取有效信息，小组展示工作成果，及时对作品进行反思等；能培养学生的团队合作能力、语言表达能力、归纳总结能力等。
三、学习内容
学习内容是模拟真实的工作任务。学生以“某市七唯网络公司”网页设计师的身份，接到了客户（××技师学院团委）制作以“菁菁校园”为主题的静态网站工作，提供学院LOGO、图片和活动文本资料等，为其制作一个充满青春活力的校园网站。根据工作要求，完成“菁菁校園”网站制作任务需要18个课时。提供的学习资料有教学课件、微课视频、学习任务书、网站设计策划书、素材包（网站效果源文件、客户提供的LOGO、文字、图片等素材）、作品验收表、教学评价表、课外拓展任务书等，所有资料学生可以通过一体化机房云课堂软件实现教师机和学生机的共享。
学习方法是任务驱动法，教师布置下达学习任务——完成“菁菁校园”网站制作。学生根据客户要求，借助学习资源和资料，进行自主探究和合作探索的学习实践活动。任务的完成流程，与公司的工作流程相类似，目的是让学生熟悉公司的工作过程、内容及方法，通过“做中学、学中做”的方式完成工作任务；另外，采用分组教学的形式，结合角色扮演、演示、讲授等多种方法，在模拟的工作环境中培养学生的职业能力。总体设计为工学结合一体化的教学模式。
四、教学实施过程
“菁菁校园”网站制作是一个完整的工作任务，按照任务驱动法的流程贯穿于整个教学过程中。任务开始前，教师已经根据学生特点和技能情况对学生进行了分组，分为四个小组，每组6人。在一体化机房准备好软件，学习资料通过云课堂软件实现教师机和学生机的共享。
1.任务布置，创设工作情境
教师给学生下发学习任务书，上面有详细的客户需求说明（技术要求、素材图片），让学生明确任务要求。
2.任务分析，方案制定
教师给学生提供有空白的网站设计策划书文档，小组通过合作探究的方式，对设计方案进行分析、讨论，进行方案展示，师生反复研讨、修改，完成网站设计策划书，要求6个课时内完成方案。将客户需求转换为明确、完整并且可操作执行的设计方案对学生来说比较难，这需要教师的引导，帮助学生尽快地理顺思路，同时借助学习材料，小组积极合作探究。方案的成功制定对指导后期网站制作和首页制作起到重要作用。
3.任务实施，制作网站
这一环节中，教师引导学生做任务具体细分。
环节一：任务分析，方案解读。在做首页前教师要求学生做好站点文件、文件夹的统一命名，便于后期首页和整站的合成。教师引导学生再次对网站设计策划书进一步地分析解读，尤其强调策划书中制定的网站技术要点部分。
环节二：首页布局。教师给学生提供可参考的首页布局案例，要求页眉、banner、导航、编辑区、页尾必不可少。每组确立首页布局风格，组长做好组员的区块划分工作，运用表格和复杂的嵌套表格制作，这项技术学生在前期的工作任务中已经熟练掌握，小组成员通过自主探索能完成首页各个区块的制作，为作品的初步实现打下基础。
环节三：素材处理。在各个区块中编辑客户提供的LOGO、图片和文本资料，并进行合理的筛选和处理，是这个阶段的工作任务。图片和文本涉及尺寸、背景、色彩、栏目等技术问题，小组组员自主探索解决。但是客户要求在banner区域用提供的图片素材做出一种“走马灯”的滚动图片效果，有一定难度。教师进行重点讲解演示操作过程。同时给学生提供操作微视频、任务书、详细操作步骤，组员通过自主探索，小组通过合作探究，学习完成网页元素滚动图片效果的处理，攻克学习障碍。小组组员完成各个区块元素的添加处理，通过云课堂的局域网络提交给组长，方便组长进行首页各版块的整合。 环节四：完成首页，美化首页。这个环节教师需要运用CSS样式对首页进行美化处理。需要运用CSS对文字、项目符号、单元格、表格、滤镜等进行效果处理，教师巡回指导过程中发现小组不会定义滤镜。这也是在前面CSS学习的工作任务中，同学们最难掌握的技能知识，更不容易实现实际运用。教师对CSS滤镜知识进行详细讲解，甚至是多次讲解，巡视中对个别小组单独操作演示，还提供了CSS滤镜的微课视频和学习资料，方便小组合作学习，共同突破学习难点，增强学生的学习信心，保障任务的顺利实施。最后组长将本组首页作品整合打包上传教师机作业提交区。教师收集作品，提出整改意见，为后期教学分页制作做好准备。
环节五：分页的制作。要求6个课时内完成，整合成整站。小组分工完成各个分页的制作，组长操作合作完成整站，将本组作品提交。教师收集各组整站作品。
4.任务评估，验收作品
这一环节教师采用角色扮演的方式，组长即项目经理，进行作品展示，并讲解设计思路及工作流程，组员扮演客户代表验收作品，填写反馈评价表，评选出最佳网站作品。学生填写教学评价表等资料。
5.任务总结，作业拓展
师生总结课堂收获，教师下发布置课外拓展任务书，学生接收和检查个人设备，最后打掃机房卫生。
一体化课程“菁菁校园”网站制作的工作任务课程结束。
五、学业评价
课程采用“作品验收表 教学评价表” 结合的评价策略，对学生课程的学习表现和完成作品的质量进行监控。在这个过程中教师要关注学生的设计方案是否明确、具体和完整，了解学生是否掌握设计方案的制定方法；检查文件结构和首页布局是否合理，命名是否规范；看筛选的素材是否体现主题，效果是否美观；检查首页CSS样式和特效技术运用的熟练程度等。
六、 教学总结
一体化课程中有许多教学亮点值得总结。如学习成就感、多种教学方法灵活运用、学习被动转主动、学习资源丰富、模拟工作环境。当然在教学中也存在不足。一是部分学生学习缺乏主动性，处于“旁观者”的位置，在以后的教学中应把学习任务细化、具体化。二是学生接受能力参差不齐，差异较大，因此一体化教学模式和传统教学方法要结合运用，在巡回指导时加强对学生的分层指导和检查。三是学生的语言表达能力弱，需要加强职业能力的训练。
参考文献：
[1]时炳艳.基于任务驱动的“网页设计制作”课程教学设计[J].现代教育科学，2010（1）.
（作者单位：襄阳技师学院）