网页设计与制作混合式项目教学

分类：文学论文发表 时间：2020-12-21 10:18 关注：(1)

　　混合式学习是21世纪的主要学习方式，项目式教学契合职业教育人才培养模式的要求，基于项目教学法的混合式教学模式的提出以信息技术赋能项目教学为初衷。以《网页设计与制作》课程为例，进行课程的混合式项目化设计并开展教学实践，促进学生的深度学习，建构学生的知识体系，进而提升学生网页设计的专业能力。

　　关键词：混合式教学；项目教学法；中职；教学设计

　　一、研究背景

　　2019年，国务院印发《国家职业教育改革实施方案》（简称“职教二十条”），明确发展职业教育成为国家推进现代化建设、培养高素质劳动者的战略性举措，提出“按照专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接的要求”，因此构建系统化的课程体系，培养符合企业标准的技能型人才，成为职业教育教学课程改革的努力方向，而项目化课程及教学实践成为教学改革的热点[1]。在多年实践中，笔者发现项目教学法在具体实施过程中客观上存在许多偏离最初理念追求的教学现象，例如常规教学形式下固定的课堂活动造成“教师讲，学生听”的“标题式”项目教学，分散的课堂时间造成以某个孤立任务片段为中心的“片段式”项目教学以及教学手段单一造成学习发生的程度不高，学生缺乏深度学习体验的“程序式”项目教学等。因此，项目教学法的改革和优化势在必行[2]。

　　二、混合式项目教学模式的内涵

　　《国家中长期教育改革和发展规划纲要（2010~2020年）》强调要推进信息技术与教育教学的深度融合，促进教育内容、教学手段和方法的现代化。混合式教学是基于“信息技术+教学法”相融合的思路，将传统课堂教学和在线教学相结合，用最优媒体（或媒体组合）将适合学生学习的最佳模块（或模块组合）进行呈现，[3]从而达到“教”与“学”的目标并获得最优教学效果的一种教学方法，是网络学习和传统课堂学习的相互结合和补充，能够达到“主导—主体相结合”的目的。[4]通过查阅相关文献，界定基于项目教学法的混合式教学模式即混合式项目教学法是以关联主义和新建构主义为理论基础，以深度学习理论为指导，从现代职业教育理念出发，以项目为载体对课程进行混合式教学实践[5]，旨在抓住信息技术高速发展的契机，打破时空限制，利用海量的网络媒体资源和功能完备的在线网络平台构建混合式的学习环境[6]，为项目教学提供充分的技术支持，通过对教学内容的项目化设计，整合教学资源，重构教学的设计、活动及评价模式，依托项目目标串联线上、线下学习，为学生提供更为灵活的学习方式、更为广阔的实践空间，实现信息技术和课程教学的深度融合。[7]

　　三、混合式项目课程设计

　　混合式项目课程设计利用信息技术的介入丰富了课程的项目化设计路径，通过创建多维学习环境，整合课程内容，确定项目主题和任务，合理分配线上线下学习的比例关系，将教学内容和实践项目建立密切联系。学生以项目为载体，在教师的引导下利用互联网资源以及网络学习平台等工具进行自主探究，通过小组协作，制定计划以及解决方案，完成项目。最后，根据预先设定的多元评价标准，结合项目完成情况，对项目实施过程中的策略、计划、小组协作情况等进行及时的评价和批判性反思，促进深度学习的进行。

　　（一）创建学习环境

　　创设混合式学习环境是混合式项目教学的基础，包括线下学习环境和线上学习环境。线下学习环境一般指传统的课堂学习环境，教师通过知识的讲授、技能的示范帮助学生掌握基本操作方法，了解教学活动进程，有利于系统知识的传授和教学目标的完成。线上学习环境指的是将课堂教学搬到网络上，利用软硬件设备的支持，依托互联网丰富的数字化学习资源和海量工具，特别是网络学习平台强大的交互功能，帮助学生分工合作完成项目计划，有利于培养学生的探究精神和创新精神。

　　（二）准备基础知识

　　项目教学中基础知识的准备非常重要，只有具备一定基础的学生，才能具备自主探究的能力，达到项目学习的要求。在基础知识准备部分，教师处于主导地位，针对教学中有一定难度的概念原理、操作方法等进行授课，以《网页设计与制作》课程为例，基础知识部分主要包括HTML基本标签和属性以及CSS的基本使用方法等，教师从学科的整体视角对教学内容进行设计，从满足各层次学生认知需要出发进行综合考虑，帮助学生形成基本体系，学生在理解知识的同时，也被激发出学习兴趣，提高进行项目学习的积极性和主动性。

　　（三）设置合理项目

　　《网页设计与制作》涉及的知识点较多，也融合了其他学科的操作技能，因此在教学的过程中不但要让学生掌握分散的知识点和软件的综合操作，还需要培养学生的整体思维能力和综合素质。本研究中根据教学内容的不同对项目进行简单划分，让学生逐级学习[8]。基本项目：学生通过线上自学能够独立完成，一般是简单知识点的综合运用。讨论项目：学生独立学习存在一定的难度，或是第一次利用项目进行分组的情况，发生在线上和线下学习阶段，由老师示范，引导讨论，学生完成操作。综合实践项目：课程知识的具体运用，通过项目的实施过程发现教学中需要改进的地方并了解学生的知识掌握情况，作为用时较长的大项目，持续在线上和线下同时进行。[9]根据以上方案，制定《网页设计与制作》课程的项目设计如表1所示。

　　（四）多元评价模式

　　混合式项目教学综合了传统的线下学习及线上学习两种模式，教学评价方案主要分为三个部分：传统课堂表现、项目协作评价和在线学习状况。因此，在常规的课堂评价与成绩评价以外，学生在网络环境下的表现也占据了重要位置。从激发学生的学习积极性和主动性角度出发，不以结果作为唯一标准，在线平台中学生的学习数据分析和综合数据能够反映学生的学习情况与真实能力。方案设计如图1所示。

　　四、混合式项目教学实践

　　本实践研究以中职计算机网络专业二年级学生的《网页设计与制作》课程为研究对象，应用基于项目教学法的混合式教学模式开展具体教学实践。

　　（一）设计学习目标和学习内容

　　《网页设计与制作》课程是中职计算机网络专业学生重要的专业课，具有一定的应用价值和难度，为了使学生有效地将学习理论知识和提高实践技能结合起来，同时结合学生的年龄特点，提出了项目目标：班级网站制作（综合实践项目）。本目标充分考虑到班级的网站是一个班级对外交流的窗口，可以展示独特的班级文化，同时也是班级成员之间交流的平台，大家可以在此进行日常消息发布、班级活动交流、重要事项公告等，学生的学习兴趣较为浓厚。

　　（二）项目实施过程

　　1.确定项目组人员分组是项目教学中比较重要的环节，项目组成员能否顺利地进行团队合作将极大影响项目效果。通常有两种方式：自由组合和教师指定。两种方式也可以结合进行，既考虑到组员之间的交流问题，也能综合考量不同层次学生的搭配。不论采用那种形式组合，每组人数都要在教师的指导下适当对组内成员进行合理分工。本项目采取先由学生自愿组合，教师再进行调配安排，将全班50名学生分成五组，一名组长负责统筹分工。将班级网站根据不同主题分为班级主页、考试资讯、学习成长、班级日志、宿卫管理五大部分，分别由五个小组负责。具体见表2。2.确定项目目标（1）教师准备优秀站点页面的素材引导大家欣赏和分析讨论，投票选择最优方案确定本班网站的风格、结构和内容。（2）教师组织学生通过研究和讨论确定网站的内容主题，各小组搜集相关素材，在教师的指导下对素材进行筛选。（3）学生综合运用所学的知识进行网站页面的开发；教师针对学生在制作过程中出现的问题及时进行辅导。（4）培养学生的协作精神，增强集体意识。3.明确进度安排4.项目组作品展示项目完成后，教师安排2个课时选取两个项目组进行当堂项目组作品展示，展示分为三个环节：首先由组长带领本项目组所有成员上台，通过投影等方式进行作品展示，介绍本组作品的设计思路、布局特点、任务分工和心得体会等。紧接着是组间互评部分，其他小组的成员现场提问，指出作品中的不足之处，让该组成员进行解答，从而进一步检查学生的知识技能水平。最后由教师对学生进行评价，并给出企业专家的建议。其余项目组的展示主要在网络上进行，项目组成员录制好讲解视频置于在线学习平台进行分享，并与其他项目组同学交流，完成后续流程。5.项目学习评价教学效果评价方案主要分为三个部分：传统课堂表现、项目协作评价和在线学习状况，不但对学生所学知识点和技能点进行考试或考核，注重对学生学习过程的追踪，同时兼顾团队合作意识和职业能力等基本素质以及学生的情感能力和生活态度等方面进行子综合评价。该项目中，考核学生的专业技能掌握情况部分权重较大，占整体的60%左右；对学生职业素养的评估，占整体的40%左右。除了项目进行中的过程性评价，也有在成果展示阶段的结果性评价，既有学生本人的评价，也有生生互评、教师评价、企业专家评价，充分体现了评价的多元性[10]。混合式项目课程有助于提高教师的课程理解力，拓展了课程实施路径，丰富了教学实践，但对教师的设计水平和学生的学习力、合作力提出了较高要求，亟待更加广泛而深入地探究。

　　参考文献：

　　[1]徐朔.项目教学法的内涵、教育追求和教学特征[J].职业技术教育，2008(28)：9-12.

　　[2]徐国庆.职业教育项目课程的内涵、原理与开发[J].职业技术教育,2008,29(19):5-11.

　　[3]李逢庆.混合式教学的理论基础与教学设计[J].现代教育技术,2016,26(09):18-24.

　　[4]何克抗.从混合式学习看教育技术理论的新发展[J].电化教育研究,2004(03):1-6.

　　[5]徐国庆.基于学习分析的职业教育项目教学设计模型[J].职教论坛,2015(18):4-11.

　　[6]谭爽.指向深度学习的高校“混合式教学”模式构建[J].中国高等教育,2019(06):51-53.

　　[7]林雪燕,潘菊素.基于翻转课堂的混合式教学模式设计与实现[J].中国职业技术教育,2016(02):15-20.

　　[8]赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[D].武汉:华中师范大学,2009.

　　[9]侯凤芝,涂晶洁.BlendingLearning环境下项目驱动式教学模式探索[J].软件导刊(教育技术),2014,13(01):11-13.

　　[10]田婧.中职学校《网页设计与制作》理实一体化课程开发与实践[D].石家庄:河北师范大学,2019.

　　作者：周晓虹