48
2021年2月总第355期
ISSN1672-1438
CN11-4994/T 动态网站设计与开发课程线上线下混合式教学模式探索
张银霞    赵    瑛    张子怡    徐楷婷
北京联合大学师范学院  北京  100011
摘  要：总结动态网站设计与开发课程在利用信息化教学手段进行教育教学改革的现状及遇到的问题，结合线上线下混合式教学模式的内涵和优势，规划了在该课程中应用线上线下混合式教学模式的详细实施方案，以更好地提高教学效果。关键词：动态网站设计与开发课程；混合式教学；教学模式设计
作者简介：张银霞，工学硕士，讲师；赵瑛，工学博士，副教授；张子怡，在读本科生；徐楷婷，在读本科生。
基金项目：2018年北京联合大学应用型课程建设项目“动态网站设计与开发”(编号：12205561107-102)；2020年北京联合大学教学创新课程建设项目“教学媒体理论与应用”(编号：12205561107-115)。
1    线上线下混合式教学模式的定义及优势
在国外，混合式教学的定义由Bonk 和 Graham 于2006年首次提出，即是“面对面教学和计算机辅助在线学习的混合”[1]。在国内，北京师范大学何克抗教授最早开始探究混合式教学，他认为混合式教学就是把常规学习方式的优势和E-learning 的优势相结合[2]，由教师的主导激发学生的自主、探究、合作性，从教学系统设计层面体现了教学方式、教学策略、教学媒体资源以及教学技术的混合等[3]。混合式教学要求将浅层知识在课前推送给学生，让学生自主学习，知识的内化则在课堂中由教师指导和帮助得以实现高阶思维的养成[4]。在混合式教学中，教师或引领或启发或监督学生，使其或自主或合作或探究性地学习，实现预期教学效果，获得较好的学习成就感。
2    开展线上线下混合式教学的需求分析
2.1    课程现状
动态网站设计与开发课程应用性、实践性强，对于培养计算机专业学生动态网站的设计、开发与职业技术应用能力具有重要作用。本课程基于学校的BB 网络学堂完成了网络课程的初步建设，为学生线上学习提供了一种渠道；引入了部分课程微课和翻转课堂；在该课程中应用“3+X ”过程考核模式。
在以往的课程建设过程中，主要涉及多媒体教学、微课、翻转课堂等教学手段的改革，但随着“互联网+教育”应用深入，出现了慕课、SPOC 等更多、更广、更优质的资源，本课程利用信息技术与课程教
学的融合还需进一步探索。
2.2    需求分析
2.2.1    课程课时紧张
该课程的应用性和实践性较强，与此配套的教学案例大都来源于实际的项目应用，案例的编程原理和代码实现需要教师花费相对较长和完整的课堂集中时间进行讲解、引导和演示，所以，需要将些基础的和较为分散的知识点放在课下学习。
而线上线下混合式教学模式将教学分为线上线下2个过程，课前、课中、课后3个部分。线上(课前)教师可部分或全部碎片化本次教学内容，以PPT 、视频等形式上传到线上网络教学平台，学生借助各种智能化工具或移动设备完成线上(课前)任务学习；线下(课中)即课堂集中教学时，集中解决课前的难点及课程重点；线上(课后)主要是知识点的练习和拓展，应用所学的知识提高解决实际问题的能力。
将学习分为线上(课前)、线下(课中)、再线上(课后)为教师的课堂教学引导节省了时间，使教师的引导和讲解更加透彻、详细，为学生课后的练习和拓展打下良好基础。
2.2.2    学生学习积极性需调动
现实授课中大多数时候仍然“以教师为中心”，教学内容量大、教学互动少、不太注重学生的差异及个体需求。
线上教学可以通过教学视频让学生自定步调、实现差异化学习，还可以提前收集课前的学习情况，线下课堂中主攻重点、难点，针对性、个别化、差异化指导，给课堂互动留下时间，学生的课堂责任感、学习积极性增强，带着问题听课、互动，这些都有利于保证教学效果的良好达成。
49
2021年2月总第355期
ISSN1672-1438
CN11-4994/Tasp是动态网站开发工具
2.2.3    线上线下混合式教学模式可以整合优质资源
课任教师自制教学视频，或借助学生惯用的智能设备和网络使用各类在线开放课程平台(如慕课网、网易公开课等)，给学生更多的选择，避免了任课教师“一家言”的模式和风格，学生可以聆听来自不同高校优秀教师的远程授课，“他山之石，可以攻玉”，学生对外来新鲜事物的好奇和敏感度，会有助于学习动机、学习态度、学习效率、学习效果向着良性方向发展。
3    线上线下混合式教学模式的应用实践
线上线下混合式教学模式将授课时间划分为课前、课中、课后3个阶段；将授课的空间分割为线上、线下、再线上3个方位；将知识要点的讲解分配为传授、内化、外化3个步骤。该教学模式不仅使教学内容安排与时间分配发生变化，而且教师与学生之间的角也发生变化[5]。因此，需要在应用线上线下混合式教学模式时，对已有的教学活动做出调整。
3.1    教学资源及活动的组织规划
线上(课前)学习主要是以学生自学为主，所以各单元的教学资源内容以课前复习及预备知识的内容为主，以大多数学生能够自主理解和掌握的难易度为基本原则。教师还需准备好此过程中的试题、任务单、问卷等形式的课前测试，以供学生在完成学习之后及时进行测试，并为线下(课中)教学活动的重心做好预测。
线下(课中)教学在机房授课，由教师主导解决学习的重点、难点，以案例驱动的方式带领学生边讲边练、精讲多练，在学生动手练习中发现问题、解决问题，增加课堂互动。
再线上(课后)教学，教师需要给学生课后练习巩固、拓展、延伸、深入探索提供学习任务单。
3.2 教学内容重构
本课程基于OBE 理念，以项目作品开发需要的技术作为构建具体学习目标的依据和学习路线，课程内容和体系结构如图1所示。
图1    课程内容及学习路线图
第一阶段的教学内容重构方案：“Web 系统技术基础”属普及性基础技术理论知识、C#语法以C 语言为铺垫的基础语法、开发环境搭建，安排为线上(课前)进行。线下(课中)主要是安排C#语言在ASP.NET 程序中应用的案例分析和对比，加速学生知识的迁移和内化，使其以前驱课程C 语言和面向对象为基础快速转型到在ASP.NET 动态网站开发中应用C#进行代码编程。本阶段内容中C#的学习持续时间不应太长，不应拘泥于语法编程细节。线上(课后)安排以课前、课中学生习得的成果在ASP.NET 编程环境中进行简单案例的编辑、调试、运行和分析。
第二阶段的教学内容重构方案：基于对本课程学习对象均为计算机专业大三学生的学情分析，Dreamweaver 软件基本操作的学习和使用全部安排为线上(课前)学习，线下(课中)和再线上(课后)是使用本软件进行网页作品的制作，是对线上(课前)学习成果的检验和灵活应用。HTML5，CSS3，JavaScript 的基本语法和简单教学案例安排为线上(课前和课后)学习，线下(课中)安排的是较为复杂的、综合的教学案例，再线上(课后)安排的是利用这些技术进行产品的设计与开发。
第三至第六阶段的教学内容重构：线上(课前)学习安排的是这些知识模块的基础理论认知部分，线下(课中)安排的是关于这些内容的技能应用技巧、综合案例应用等，再线上(课后)安排的是这些内容的知识外化、延伸和产品的设计与开发。
3.3    教学实施
教学组织和实施依据“中心是学生、主导是教师”的规则。线上(课前或课后)教学借助于多种网络平台来完成—校内网络学堂、蓝墨云班课、校园微助教、企业、Zoom 视频会议等方式开展，具体实施步骤如下：
第一步，线上(课前)阶段。教师需要做好时间规划，将课前教学资源提前上传到上述网络教学平台上，如：图片、PPT 、微课视频(自制)、大学生慕课网资源、课前测试内容、问卷调查等，然后以企业或的形式实时通知到学生，制订规则和发布要求。在这个过程中，教师可以借助于网络平台提供的各种统计功能，或跟踪学生的学习进度，或对学生的掌握情况做课前测试，或对学生课前学习后的需求做调查分析以备线下(课中)教学规划使用。这个过程需要教师相对于原有的课堂教学投入更多的时间规划、
设计课前教学资源和方案。
50
2021年2月总第355期
ISSN1672-1438
CN11-4994/T
第二，线下(课中)阶段。这个阶段有别于以往的教学，比较类似于翻转课堂。这个过程可以在“机房+蓝墨云班课/校园微助教”的混合式课堂中进行，教师以导引师的方式将图1中的第二至第六阶段中知识模块的重点、难点、综合技能应用等教学内容通过案例分析、讨论、答疑、上机实践、思维发散、小组竞赛等方式展开，充分利用教学互动引导学生进行知识内化、吸收和应用。
第三，再线上(课后)阶段。继续借助上述信息化教学平台，线上督促学生完成线下(课中)预留的课后作业、案例完善、任务拓展、深度学习等教学活动，达到知识的外化、迁移、应用以提高教学效果。在这个过程中，教师需要充分发挥各信息化教学平台的作用，发起企业对共性问题进行教学直播，或利用问卷星等网络测试平台做好各种线上(课后)测试，还可以利用视频会议检查学生的完成情况，组织小组视频讨论，进行优秀作品展示以激发学生灵感和竞争意识等。
4    结语
在动态网站设计与开发课程教学中深度应用线上线下混合式教学模式是一项系统工程，需要教师从根本上认识到应用的必要性；在应用过程中需要
对课程内容和时间重新编排以适应线上(课前)学生的碎片化学习的需求，要求师者提高教学、信息技术的设计与应用能力。同时，开展线上线下混合式教学，对于学生的学习时间、习惯、自主性、参与性都提出了较高的要求。如何更好地调动学生的积极性参与教学是值得思考的问题，而且随着各科各课应用线上线下教学模式，学生的课前学习时间调整问题、课前课后学习任务加重等问题逐渐突出，如何保证本门课程的线上线下混合模式教学效果需要
教师认真考虑和规划。参考文献
[1]
Bonk C J, Graham C R. The Handbook of Blended Learning Environments: Global Perspectives, Local Designs[M].SanFrancisco: Jossey-Bass/Pfeiffer,2012:5.
[2] 何克抗.信息技术与学科教学“深度融合”的路径与实现方法[J].中小学数字化教学,2018(2):17-20．
[3] 刘思宏，余飞.线上线下一体化的“互联网+”混合式教学研究[J].电脑知识与技术,2019,15(15):127-128.
[4] 李晓华，孙锋申.SQL Server 数据库混合式教学设计与研究[J].中国多媒体与网络教学学报,2019(6):7-
8.
[5] 郎振红.线上线下混合式教学模式实施方案设计：以数据库设计与实现课程为例[J].天津职业院校联合学报,2018,20(9):45-48,57.
Exploration on the Online and Offline Blended Teaching Mode for the
Dynamic Website Design and Development Course
Zhang Yinxia, Zhao Ying, Zhang Ziyi, Jin Ye
Teachers' College, Beijing Union University, Beijng, 100011, China
Abstract: In order to improve the teaching effect better, this paper summarizes the current situation and problems of the dynamic website design and development course in the use of the information-based teaching methods for the education and teaching reform, and combines the connotation and advantages of the online and offline blended teaching mode, and plans the detailed implementation plan of the online and offline hybrid teaching mode in this course.
Key words: dynamic website design and development course; hybrid teaching; design of teaching model

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。