混合式学习在中职《网页设计与制作》课程教学中的应用

吴红英

摘要：中职《网页设计与制作》课程有着实践性强、教学内容需要不断跟着技术发展更新的特点。这需要构建一个以学生为中心的学习体系，使学生成为具备探究意识和自主学习能力的终身学习者。采用明确任务、在线学习、主题引入、演示与问答、阶段总结、上机实践、知识测试、总结提升、评价互动的“九步式”混合式学习教学模式，能够有效地使学生以主人翁的姿态参与教学的整个过程，培养学生可持续发展的学习能力，增强学生之间、师生之间的信息交流和互动，有助于提高学生学习的积极性、主动性和学习效果。

关键词：中职；网页设计与制作；混合式学习

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2017）13-0186-03

《网页设计与制作》课程是中职计算机网络技术、计算机应用技术、网站建设与管理、电子商务等专业的核心专业课，该课程有着实践性强、网页设计的理念与制作的技术在不断更新的特点。从事网页设计与制作工作的人要能在工作中不断适应技术的发展变化，必须是一个具备探究意识和自主学习能力的终身学习者。要想将学生培养为终身学习者，必须构建一个以学生为中心的学习体系，其中个性化的学习和基于能力的学习是以学生为中心的学习体系的基础，但要想在师生比大的工厂模式的面对面学校教育中同时满足不同层次学生对学习的需求非常困难，而混合式学习（Blended learning）作为一种结合在线学习与面对面学习的新型学习方式，可以让学生随时随地以各种途径和进度进行学习，在学习的过程中，学生可以根据自己掌握知识的情况选择继续向前或放慢学习速度，它为学生采用不同路径迈向同一个目标提供了一个简便的方式，它使教师成为学习的设计者、顾问、促进者、导师、评价者以及咨询师。

1学情分析

1）学习者特征分析

本课程的学习对象是中职计算机网络技术、计算机应用技术、网站建设与管理、电子商务等专业二年级学生，一年级均有学习《计算机应用基础》课程并参加全国一级MS Office的考试，其中有80%以上的学生能够一次通过考试，因此他们具备熟练地使用计算机操作系统、办公软件和上网操作的能力，这为实施混合式学习中的网络学习奠定了基础。但他们除普遍具有学习主动性不够、自控能力弱等中职生的共性特征外，班级里学生学习能力层次差别较大，所以在设计混合式学习模式时，如何把握网络学习和面授学习的平衡点以满足不同层次的学生的不同学习需求显得至關重要。

21学习内容分析

《网页设计与制作》课程的主要学习内容有网页设计与制作的基本知识、HTML标记语言、Dreamweaver基本操作、层叠样式表（CSS）基础、DIV+CSS网页布局、PhotoShop绘制网页模板、网站的发布和维护等。该学科有知识点多且零散的特点，宜采用将知识内化于任务或项目中进行教学设计。

3）学习环境分析

我校地处沿海城市，经济较为发达，所以对学生是否拥有电脑或智能手机、上网的频率、网络学习意愿调查的结果显示，96.71%的走读生均拥有家庭电脑或智能手机且有上网条件，其中95.26%的学生利用电脑或智能手机通过QQ和微信聊天、玩游戏、下载影视剧、浏览新闻，45.39%的学生利用网络学习过与专业相关的知识和技能，94.08%的学生接受使用网络学习的方式，在教师对混合式学习方式进行解释后，有87.5%的学生乐于接受这样的学习方式。学校拥有多间高配置的多媒体网络教室，生均一台电脑，多媒体网络教室晚自习时间向住宿生开放。学校还拥有一套集内容管理、教学管理、课程管理、组织作业考试、交流互动、和分组学习管理等功能于一身的数字化学习平台，具备课程实施的网络环境。

2混合式学习的设计与实施

2.1设计理念

《网页设计与制作》课程具有很强的技能性、实践性、理论性，要使学生掌握网页设计与制作的理念和方法，灵活应对客户需求，制作出符合客户需求的网页，需要学生同时掌握网页设计与制作相关的原理性理论知识并拥有熟练的操作技能和良好的人际沟通能力。为达到这样的目标，笔者通过教学实践探索出了如图1所示的混合式学习模式。

2.2课程实施

结合课程的设计理念，本研究以“网页超链接”课题为例，阐述教学的整个过程。该课题的教学目标有三个维度，分别为知识与技能、过程与方法、情感态度与价值观。

知识与技能

掌握使用文本和图片作为链接对象创建外部链接、站内网页文件链接、锚点链接、邮件链接、空链接的方法，能理解target属性各属性值的含义，能准确的设置target属性的值，使被链接的文档显示在对应的位置。

过程与方法

培养学生自主学习、探究学习、合作学习的能力和意识。

情感态度与价值观

通过观察与体验，使学生养成换位思考的设计习惯，坚持从用户体验的角度出发，以用户为中心设计和制作网页；通过小组合作，增强学生间的交流，养成团结互助、良性竞争的习惯。

教学重难点：创建各种超链接的方法。

2.2.1课前学习准备

（1）网络环境学习资源提供

将微课视频和W3CSchool教程中的HTML系列教程、练习素材（一些尚未添加超链接的网页，超链接完成后即整合为一个完整的个人网站）作为辅助学习资源上传至网络教学平台，在网络平台的作业与练习管理中发布学习任务单并设置学习进度，利用课堂面授时间、班级QQ群、微信群布置学习任务。

（2）分组

大班教学以48人计算，根据学生的学习能力强弱搭配分为6个小组，每小组8人并设置一个小组长，每个学习能力较弱者均指定一名学习能力较强者作为导师协助学习。学生在完成个人学习后以小组为单位讨论完成以下6个任务，每个小组重点探究一个任务，探究完要求小组推选一人在面授课堂上讲解该任务的完成步骤和注意事项。

第1小组：在master.html页面（站长简介）的导航栏给各菜单文字添加超链接，要求单击“返回首页”即打开index.html页面，单击“站长简介”即可打开master.html页面，单击“文学欣赏”即可打开wenxue.html页面，单击“图片欣赏”即可打开pic.html页面，单击“友情链接”即可打开link.html页面。（内部网页链接）

第2小组：给pic.html页面中的缩略图添加超链接，使得用户单击缩略图即在新开窗口中显示大图。（给图片添加超链接）

第3小组：给pic.html页面的“第四张”文字添加超链接，使得用户单击“第四张”文字后浏览器滚动条下移，且第四张图片出现在视窗范围内，给页面底端的“到顶端”文字添加链接，使用户单击对应文字后浏览器滚动条上移，回到页面顶端。（锚点链接）

第4小组：给link.html页面的“网易”、“新浪”、“QQ”添加超链接，使用户单击对应文字后即在新窗口中打开对应门户首页。（外部链接）

第5小组：给link.html中的“联系站长”添加邮件链接，使用户单击对应文字即打开邮件发送窗口。（邮件链接）

第6小组：将wel3xue.html页面的“下载文学作品”链接到others目录中“文学.doc”，添加后观察会出现怎样的效果。（文件链接）

（3）课外实践结果提交

任务完成后，小组长将完成后的网站打包上传至学习平台，方便课堂教学时的效果展示与后续任务的完成。

本环节通过任务单明确学习任务，学生在辅助学习资源的帮助下完成基础知识的学习，在具备基础知识后分组完成实践任务，在完成实践任务的环节中验证和巩固所学。本环节中，教师要尽可能将任务描述得简洁、清楚、易于理解，实践任务设计尽可能全面地将重点知识融入其中。

2.2.2面对面学习环节的教学设计

（1）直接导入

通过网站的概念引入超链接的重要性，演示校園网上的各种链接，带学生找出常见的超链接类型。

（2）小组展示与问答

按小组请学生上台演示任务实施过程和注意事项，每小组演示完后，所有小组成员接受其他同学和老师的提问，本环节着重锻炼学生的语言表达能力，为培养日后工作中需要的与客户的沟通能力做好铺垫。

在小组展示与问答的过程中，教师要收集学生在实践展示环节中表现出的优点和出现的问题留作阶段点评。

（3）教师点评，查缺补漏

对展示中各小组表现出的优点给予肯定和表扬，将出现的问题进行修正，对遗漏的知识进行补充。

根据各小组展示情况，评选出最佳表现小组、最佳进步小组、最佳优秀个人奖项进行加分奖励。

（4）上机实践（课堂作业）

组内协作学习，所有学生上机完成在分组学习中教师设定的6个任务，将个人网站的超链接添加完整，形成一个完整的网站。完成后，上传至网络教学平台以供教师检查。在该环节中，教师要对小组协作学习进行必要的组织，解答学生的疑问。

（5）知识测试

学生通过在线测试功能参与教师组织的知识测试，检验自己对重点知识的掌握情况，教师可利用试卷分析报告功能，根据学生测试情况，了解学生学习存在的薄弱点，有针对性的给予学生学习指导和帮助。

（6）总结回顾

教师总结学生实践任务完成知识测试情况后，告知将在课后对上传作业进行评价，请学生课后根据教师的评价意见完善作业。

2.2.3课后评价互动

课后，教师在网络教学平台上对学生上机实践提交的成果进行评价后，学生在规定时间范围内可自由安排完善作业的时间和地点。如有疑问，可通过网络教学平台交流互动模块的交流论坛和聊天室进行讨论，还可将问题发送给教师，教师通过在线答疑功能解答学生的疑问，突破了生生、师生之间交互的时空限制。

3混合式学习的评价设计与实施

在本专题实践教学研究中，对学生的评价采用自我评价、小组互评、教师评价相结合的方式，利用网络智能评价与手工评价相结合的方法对学生在线学习、课堂表现、协作学习等情况进行全方位的多元评价。多元评价有利于发挥学生的主观能动性，形成良好的价值观，有利于扩大评价信息的来源渠道，提高评价的信度和效度。在本研究中，多元评价主要评价以下五个方面：

1）在线学习完成情况

在E-leaning阶段，虽然有网络互动，但仍存在师生间的相对分离，教师没有办法像面对面教学那样了解学生的学习过程，所以教师利用网络教学平台的访问统计功能对学生在线学习时长、访问学习材料的频率、在互动区域发布的经验分享和学习总结的数量进行统计并作为评价指标，这可以在一定程度上反映出学生学习深入的程度，也可以为教师提供教学和管理的参考，以便教师及时采取适当的措施介入教学。

2）课堂表现

对每个学生课堂表现的方方面面进行量化考核非常困难，针对本指标，只能做到将学生的课堂表现可量化部分尽量量化，如针对考勤采用满勤加分、缺勤扣分的方式，对超前完成作业、积极回答问题、能提出疑问和不同观点等采取加分奖励的方式。

3）知识测试

知识测试的成绩是形成性指标的重要组成部分，学生在网络上完成测试，系统自动判分，评价结果立现，不仅节省了资源，还克服了传统测试评价的滞后性。

4）课堂作业

《网页设计与制作》课程的作业成果一般以网页形式呈现，网页既包含技术又包含设计，对网页的评价包含创意、视觉和技术实现等难以智能化评价的方面，只能在学生提交作品后，教师课后根据评判标准手工评价，评价分数和评语可记录在网络教学系统里，学生可根据分数和评语完善自己的作业。

5）小组活动

小组的活动包括协作学习、成果汇报等形式，对小组活动的评价采用小组自评、小组互评和教师评价相结合的方式，其中小组自评可以提高学生自我意识，小组互评和教师评价则可以在引导学生客观公正的评价他人的同时正确看待他人对自己的评价。

4混合式学习应用实践带来的反思

混合式学习使学生以主人翁的姿态参与教学的整个过程，激发了学生学习兴趣，培养了学生可持续发展的学习能力，增强了学生之间、师生之间的信息交流和互动，有助于提高学生学习的积极性、主动性和学习效果。但并不是所有开展混合式学习的学校和课程都是成功的，在对混合式学习实施效果的研究中发现，学生的学习动力和教师的教学水平是混合式学习实施效果的决定性因素。学风差的学习团体连在教师监督下学习的意愿都很弱，更别提让他们自主学习，而即使学生学习动力十足，但混合式学习设计不合理，教师教学方法因循守旧、没有积极性也会显著影响学生的成绩。因此，混合式学习的实施要注意以下四点。

1）混合式学习的设计要从学生的角度出发，了解学生的学习需求，把提升学生学习动力作为整个设计的指导原则，为学生提供充足的时间和正确的步骤以保证他们每天都朝着个人的学习目标前进。

2）在强调学生主动性的同时，要给学生提供学业表现的及时反馈和数据，使他们获得成就感。

3）要注重培养学生与他人合作攻克难关和讨论问题的积极的团队经验，培养这种经验有助于学生获得交友的乐趣，同时培养他们与人相处共事的能力，提高他们学习的动力。

4）教师要跨越因循守旧的教学方法，转变自己的角色，采用以学生为中心的授课模式，做学生的导师，使学生在获得知识和技能的同时能拥有批判性思维和创造力，教会他们建立积极的人际关系、快乐地与人相处，为学生提供足够的就业准备。