《基于BB平台混合式教学设计在《网页制作》教学中的应用研究》结题报告.docx

《基于BB平台混合式教学设计在《网页制作》教学中的应用研究》结题报告.docx

《《基于BB平台混合式教学设计在《网页制作》教学中的应用研究》结题报告.docx》由会员分享，可在线阅读，更多相关《《基于BB平台混合式教学设计在《网页制作》教学中的应用研究》结题报告.docx（23页珍藏版）》请在冰点文库上搜索。

《基于BB平台混合式教学设计在《网页制作》教学中的应用研究》结题报告

基于BB平台混合式教学设计在《网页制作》教学中的应用研究

一、课题研究的背景

（一）解决当前中职《网页制作》课程教学中存在的问题

当前《网页制作》课程教学存在以下问题急需解决：

1.课时有限，课堂容量不能满足职业发展需求。

网页制作课程要学的内容很多，不只软件的使用、HTML语言、DIV布局、CSS样式等，还有设计的理念、素材的处理、切图技巧等操作。

我们每周课时有限，教学内容即使再精挑细选，也难以满足岗位需求。

受课时限制，一般网页制作教学只能达到将学生“领进门”的程度，很难全面深入的学习，因此学生就业普遍达不到岗位需求，需要进行再培训。

2.学生专业基础差异过大。

学生来自不同初中校甚至不同地区，入学时计算机专业知识差距极大。

有的同学初中时就学过简单的网页制作知识，计算机操作也十分熟练；大部分学生不懂网页制作，还有少部分学生计算机的最基础操作还不熟练。

老师在课堂上很难照顾到全体同学，总是会因为照顾一部分弱的学生而影响到一部分学习能力强的学生的学习进度，或者不能保证给予每个学生及时的辅导和答疑。

3.教学偏实操，轻理论。

一般而言，在有限的课堂中，中职网页制作的教学都比较侧重实操，理论知识讲解的少，导致学生理论基础薄弱，专业技能不够扎实，很多应该重视的细节也往往被忽略。

而如果重视理论讲解，则课堂容易陷入枯燥，多数理论的讲解都成了学生的“催眠曲”。

4.生成性资源难以捕捉。

课堂上一些启发性问题或讨论，学生往往一阵热烈回应后就过去了。

有时候一些热烈的讨论中，学生经常会有一些突发奇想，很值得记录下来并反馈回教学或学习中。

如果当时不留痕，课后就直接流失掉了，错失掉很多生成性资源。

（二）面对恶劣环境，借助BB平台真正实现“停课不停学”

如今的北京，冬季时雾霾几乎已成常态让人见怪不怪了。

开学初学校就会强调让老师们做好停课不停学的准备，一旦遇到停课的情况，要准备好足够的资料让学生可以在家自学，不使课堂中断。

但坦白地讲，对于这些中职的学生而言，文化课还可以留些试卷做些题，而专业课如果没有老师的讲解，大多数任务都会流于形式，达不到真正“停课不停学”的效果。

二、课题研究的内容

课题研究主要包含以下几方面内容：

✓在Blackboard平台建设完整的网页制作课程资源

✓网页制作课程基于BB平台的完整的混合式教学设计

✓混合式教学设计实践经验总结与优势分析

✓课程建设与实施过程中发现的问题及参考解决方案研究

三、课题研究的方法与过程

（一）研究的方法

课题研究我们采用了单因素双水平的等组准实验方法，是以班级学生自然形成的群体作为被试，通过在同专业的两个班实施不同的教学设计，为研究学生学习能力和综合职业能力的提高程度提供有效资料。

（二）研究的过程

1．确定实验变量

（1）自变量：

混合式教学设计

实验班采用线上线下结合的混合式教学设计组织教学，对比班正常线下课堂教学。

（2）因变量：

①学生职业技能的提高程度

②学生职业素养的提高程度

2．控制干扰量

（1）选取同专业方向的两个班级，学生的专业基础相当。

（2）实验班与对比班为同一教师、同一教材，教育教学时间相同，采用同一测试方法。

（3）项目安排不告知被试学生，在两班不制造竞争气氛，不给学生制造心理压力。

3．教学实施

（1）实验前测、中测及后测

前测：

开学两周时两个班通过同一项目进行职业技能测试和职业素养测试。

处理：

实验班采用混合式教学设计，线上线下学习相结合，课堂上学生以自主学习为主，辅以微课、操作视频讲解等教学手段，并结合在线测验、课后线上任务、讨论等多种形式进行混合式教学；对比班则采用传统的课堂教学组织形式，教学过程采取教师演示、学生实施等常态教学手段。

两个班教学进度基本相同。

中测和后测：

期中、期末分别以同一项目对两个班进行考核，并从职业技能和职业素养两方面进行评价。

4．实验结果统计与分析

（1）实验班与对比班实验前测结果统计

表1实验班与对比班职业技能前测统计

人数

职业技能

Z值

P

实验班

29

70.32

|-0.088|<1.96

>0.05

对比班

29

71.37

从统计数据看，实验班和对比班的学习能力并无显著差异。

表2实验班与对比班职业素养前测统计

人数

职业素养

Z值

P

实验班

29

0．4669

|-0.129|<1.96

>0.05

对比班

29

0．4822

而从学生制作结果来看，在职业素养方面也相差无几，如站点的管理、对标题的处理、工作的严谨性和细致程度等，都差不多，甚至对比班比实验班还好一些。

（2）实验班与对比班实验中测结果统计

表3实验班与对比班职业技能中测统计

人数

职业技能

Z值

P

实验班

29

80.66

|0.558|<1.96

>0.05

对比班

29

74.55

从统计数据看，实验班与对比班职业技能提升程度仍无显著性差异，但实验班比对比班提升程度明显要大一些。

表4实验班与对比班职业素养中测统计

人数

职业素养

Z值

P

实验班

29

0．6972

|0.812|<1.96

>0.05

对比班

29

0．5953

而在职业素养方面，通过对学生制作的作品分析，可以明显看出实验班的作品在细节上越来越完善，工作越来越严谨，以前常见的诸如无标题文档、站点内存在垃圾文件、命名不规范等问题基本上都不会再犯；而对比班学生虽也有一定提高，但还是很多同学在百般提醒下仍然会犯这样那样的错误，只重视技术学习不太重视工作细节。

（3）实验班与对比班实验后测结果统计

表5实验班与对比班职业技能后测统计

人数

职业技能

Z值

P

实验班

29

82.34

|0.828|<1.96

>0.05

对比班

29

73.31

从统计数据看，实验班与对比班职业技能提升程度仍无显著性差异，但实验班比对比班提升程度更加明显了，二者之间的职业技能提升程度差距在不断增大。

表6实验班与对比班职业素养后测统计

人数

职业素养

Z值

P

实验班

29

0．8969

|2.294|>1.96

0.01

对比班

29

0．6435

而在职业素养方面，实验班也对比班出现了显著性差异。

实验班的学生职业素养越来越高，对工作细节的要求越来越完美。

通过对实验结果分析表明，经过一学期的教学实验后，实验班与对比班的职业技能上虽未达到显著性差异，但提升程度已经明显拉开距离，而职业素养上则由差异不显著，到最终产生了显著性差异。

实验结果表明，应用混合式教学设计对学生的职业技能和职业素养的提升效果更加明显。

四、课题研究的成果

（一）网页制作课程基于BB平台的混合式教学设计

1．平台资源建设

我们将网页制作课程的相关知识和技能重新梳理了一下，根据多年的教学经验和学生学习的特点，在BB平台上建设了一门完整的课程，并与课堂教学相结合，形成了完整的教学设计。

BB平台课程主要分为三大模块：

课程信息模块、课程资源模块、交流互动模块：

图1BB平台课程三大模块

（1）课程信息模块

课程信息模块包括以下4项内容：

课程主页：

包括课程通知、任务提醒、日程表等

课程简介：

课程性质、内容的介绍，以及推荐书籍等。

学习导航：

本门课程知识结构以及学习流程导图。

教师团队：

介绍参与建设和教授本门课程的教师团队信息。

（2）课程资源模块

课程资源模块包括7项内容，为课程的核心模块。

专业术语：

网页制作相关专业术语解释

学习单元：

主要课程学习模块。

本门课程按照知识体系共划分4个学习单元，每个学习单元又划分若个任务。

以学习单元一和二为例，结构如下：

学习单元二是学习网页制作基本操作技能重点，含盖了所有页面元素的使用技能。

每一个任务又分为3-4个级别的项目：

基础项目、提高项目、拓展项目、创意项目。

在每个项目里，有针对本次课教学重点的微课讲解、项目展示、素材下载、操作指导视频以及作业提交和评价。

如下图所示为学习单元二任务3里基础项目2的界面截图：

微课资源：

全部微课资源按照知识结构顺序在此汇总，方便学生查询。

作品展示：

展示学生创意作品，提供自评与互评功能。

助学超市：

提供好的课程学习资源供师生自主选择学习。

精彩站点：

推荐互联网上与本课程有关的精彩站点。

成绩查询：

学生可在此查询自己成绩，包括知识检测成绩、项目成绩以及过程性评价。

（3）交流互动模块

问题探究：

教师每2周出一个问题，供学生探究，学生可在此回复或补充主题内容。

技术论坛：

开放式学习交流环境。

共分为4个版块：

Ø问题求助：

学生可以在此发布自己学习中遇到的问题，向大家寻求　　　帮助。

Ø布局之美：

好的布局是成功的一半。

大家可以在此交流布局心得，提供优秀作品欣赏、交流点评。

Ø魅力CSS：

表现与内容分离，因为有它，让我们对页面的控制更加精确灵活。

发挥学生的创造力，在此交流各自的CSS样式学习和编写经验，也可以提供好的样式代码互相切磋学习。

Ø科技前沿：

世界在发展，我要多看看。

眼界有多广，思想有多远。

要要经常关注行业动态，新的技术成果，向“OUT”说不。

WIKI/博客：

你有一个想法，我有一个想法，彼此分享，我们就有了两个想法。

众人拾柴火焰高，同一个主题，我们共同补充交流，思路会越来越清晰，内容会越来越丰富。

思想的碰撞会产生灵感的火花，我们也可以把课堂上的生成性资源整理归纳到此处，并一届届不断丰富完善它。

协作会话：

协作会话功能可以让我们创建一个小范围聊天环境，方便实时交流探讨问题；教师也可以创建一个虚拟课堂，集中解答部分或全体同学共同存在或关注的问题。

学习小组：

将学生分成若干小组，每组若干成员，组内可以在此创建小组学习资源，共享文件，发布小组任务，创建小组日程和通知等。

消息：

方便学生单独向老师提出问题寻求帮助，具有隐私性。

（二）基本BB平台的混合式教学设计优点分析

1．延伸课程时间和空间。

借助BB平台，可以有效解决课堂容量问题。

在有限的课堂教学中，我们解决了教学大纲所要求的必备知识；借助BB平台的助学超市，可以将大纲外岗位所需的知识技能推送给学生，供学有余力及有意向走专业发展道路的学生完善知识体系和技能。

同时也将线上学习与课后时间结合，有效利用起课后时间，将课堂延伸出去。

除了课后作业，一些启发性的讨论话题也可以借助BB平台在课下完成。

如图所示分别是在制作北京民俗网站时关于北京民俗的收集讨论以及在学习表单时关于注册规则限制的讨论。

2．真正实现了分层教学、因材施教、照顾全体。

纯粹的课堂教学，无论老师安排多么细致，总是会因为照顾一部分弱的学生而影响到一部分学习能力强的学生的学习进度，或者不能保证给予每个学生及时的辅导解答。

借助网络教学平台，可以课前和课后给学生提供充足的时间和正确的学习步骤，基础弱的学生课上也可以反复观看知识讲解和操作视频演示来完成课堂任务，无需再依赖等待老师协助，可以保证这部分同学达到教学大纲的最基本要求。

能力强的学生可以自主进入不同难度级别的项目学习，完全不受课堂限制，而这也利于培养优质人才。

“吃不饱”的同学可以通过教师提供的大量优质资源，超前学习，除了拓展训练，教师还可以更有针对性地为个体量身定做适合他们各自特点的拔高项目，学习高于平均水平的更专业的知识技能，更好地适应职业需求。

3．利于课堂管理。

因为每个学生都能找到适合自己能力的学习内容，课堂上每个人都有事做，很少再出现课堂上不断有人叫老师或同学帮助的情况，课堂纪律得到很好的控制，形成了良性循环，老师也有了充足的时间和精力监控课堂，有效解决了中职课堂难管理的问题。

4．知识检测更加准确高效。

我们在每个学习单元的任务中，都创建了知识检测环节。

利用BB平台组建题库，系统从中随机抽取指定数量的题目组卷。

在实际应用中，我们为每个测验设置了两次答题机会，但两次机会都是随机抽题，难度级别相同，但题目会发生变化。

这样学生在答题过程中可以有效避免互相干扰或抄袭的情况，逐渐养成依靠自己、依靠书籍来寻找答案的良好行为习惯。

而如果一次答题成绩过低，学生十分在意，主动答第二次，并且认真程度明显提高，这十分有助于知识的巩固和记忆。

有效解决了计算机专业课程重实践理论知识不够扎实的问题。

如图所示是网页基础部分一次检测学生答题情况的截图，从图中可以看出，教师可以通过测试结果准确了解学生的知识掌握情况，有利于及时查缺补漏。

而系统实时给出的评判结果也可以让学生及时了解自己的知识漏洞并主动纠正。

5．作业评价更加客观、准确，反馈及时、作用显著

在建立任务时，我们设置了评价标准的Rubric，既方便每一位任课教师为作品评分，让评价更加客观、准确。

同时评价结果可以及时反馈给每一个学生，让学生及时了解到自己作品中存在的不足，督促其改正，避免下次再犯同样的错误。

多年的网页制作教学经验，每一届学生都存在很多共性的问题，尤其是涉及到一些行业规范，学生往往并不重视，即使老师反复提醒，依然会不断重复同样的错误。

比如不习惯给页面起标题，交上来的作业总是出现“无标题文档”，这个问题甚至有很多没有实际工作经验的老师也会犯这样的错误，包括我们用到的很多教材教参附带的案例中也有这样的问题，其实此乃职业大忌，当网站上线推广时，标题栏的作用非常重要；比如保存文件时懒得起名，直接用默认的文件名untitle.html，这个名字翻译过来是未命名文件的意思，是实际工作中绝对不允许的；再比如站点管理不规范，存在很多垃圾文件等。

在以前的教学中，哪怕是我节节课都强调，依然有一大部分学生会犯这样那样的错误，他们中多数认为只要把页面做出来就行，这些都不算啥问题，即使当时登分时给扣个一两分也不在意，可以说是屡教不改。

然而当我们在BB上建立明确的评分标准，学生可以在成绩查询里及时查看自己每一项作业成绩时，这个困扰我们多年的问题竟然迎刃而解了。

当学生在成绩查询中看到下面这样一条记录时，他们格外的重视，这种在意是课堂实时评分时没有的。

这也证明了一个道理：

无论老师强调多少遍，都没有实打实地摆在他们面前更直观更有说服力，基本上扣过两三次分之后就再也没有出现过类似的问题。

6．同级评测功能让自评与互评动起来，真正实现它应有的价值。

BB平台提供有同级评测功能，可惜真正将此功能利用起来的很少。

这个功能其实很实用。

自从推广项目教学法以来，但凡专业课的公开课，似乎做项目没有自评和小组互评你的教学环节就是不完整的。

为此，专业课老师做公开课时几乎都要想办法加入此环节，哪怕有的加的很勉强，实际在常规课教学中他根本不用。

课堂教学中的自评与自评，多数老师都是提前做个电子评分表，在课堂上发给每一个同学直接在上面填写，如果要登这个分，最后老师们还要做统计，很麻烦。

最后这个自评与互评多数流于形式成为公开课专用工具了。

BB平台上提供的这个同级评测功能可以非常有效解决这个问题，让自评与互评真正动起来，实现它应有的价值。

在实践中，我们将每个单元的创意项目都设置成同级评测项目，在创建同级评测项目时，给出项目的评价标准，设置好提交截止日期时间和评估开始与结束日期时间。

当提交日期到了时，学生不能再提交作业，如下图所示即是提交日期截止后教师后台看到的学生提交情况（部分截图）。

当评估期开始，系统会自动向每个学生随机推送指定份数的作业，学生要按要求和给定的评分标准完成自评及指定份数的互评。

如下图所示为教师后台监控到的学生自评与互评情况（部分截图），每个同学除了自评外，要另外评价两份同学作品。

评估期结束，系统会自动根据自评和互评结果计算出平均值给出最终得分结果。

7．双向反馈，可以让学习更高效。

BB平台上的课堂训练和作业的及时反馈，可以帮助学生判断自己的学习薄弱环节，每个学习单元附带的测试与成绩分析报告，可以让学生更加准确的了解问题所在及改进和努力方向。

而每个学习单元后附带的问卷调查则是由学生主动向老师反馈自己的学习状态，有哪些知识点已完全掌握，哪些掌握的不是太好，哪些知识还没有掌握等，可以帮助老师更好地了解学生学习情况，并及时调整、改进教学计划，或提供更有针对性的辅导及相关学习资料。

8．利于生成性资源的捕捉

课堂讨论中经常会有学生突发奇想，提出一些新颖的出人意料的观点，在语言讨论中，这样的资源很容易流失，但基于网络平台的讨论，则可以有效记录下来，进而回馈到以后的教学中。

9．利于终身学习能力的培养。

IT领域发展日新月异，对自学能力和终身学习能力的要求远高于其它科目。

而我们职业学校学生恰好缺乏这方面的意识。

混合式教学模式很适合培养学生自主学习意识和能力，随着时代的发展，网络学习资源的有效利用重要性也会日益突显，尤其是在IT领域，这几乎是他们将来在本领域职业发展必需具备的能力，这种混合式学习模式可以有效引导学生适应这种学习方式，学会如何更好地利用各种平台和网络资源，如何多角度快速充实自己专业技能，更利于他们未来职业发展需要。

五、问题与思考

1．资源的建设必须脉络清晰，并有完整的体系。

课程资源建设要脉络清晰，有一条明确的主线贯穿始终，而不是想到什么就放什么。

每个资源在学生学习的过程中，都应该有它存在的价值，都要围绕着课程主线在解决实际问题。

整个资源的建设要体系完整，符合实际工作岗位人才培养需求。

2．资源贵精不贵多。

混合式教学中，线上学习资源不是简单的资料堆积，更不是越多越好。

所有的知识文档、课件、案例等都要围绕着教学大纲和人才培养目标，经过精挑细选，适合学生学习需求，循环渐进、层次分明的铺展开。

每个学习单元的知识目标和技能要点，除基础训练外，有2-3个拓展项目，并且每个拓展项目之间由简单到复杂，并有一定的逻辑联系为上。

对于具有本岗位职业发展潜力的学生，可以再提供一个真实项目，强化学生职业能力。

知识点凝练，才能重点突出；训练适量，才能保证兴趣，再多就过犹不及了。

3．线上资源线下资源要分清，线上线下相辅相成。

很多老师容易陷入一个误区，把所有的资源都堆到了线上，所有的活动都放到了线上进行，课堂上老师只负责维持纪律，一切学习活动都靠学生线上自学。

这是个非常严重的错误。

有些学习环节适合在线学，而有些学习环节面对面的课堂学习远比线上来得更高效更切实。

老师们应该抓住课堂上分分秒秒，解决无法在线上完成的目标，或者取得线上达不到的效果，让学习真正高效。

例如了解网站开发流程，学生通过微课助学就可以轻松了解，并且印象会更加直观深刻，但对网站开发流程中的一些细节上的认识，例如哪个环节的时间成本最高，怎样的人力安排更合理、页面的规划要考虑到以后的推广因素等，这些组织一场讨论要比直接给答案更好。

而这类问题面对面的课堂讨论显然比线上回复式讨论更利于开阔学生思路，印象也更加深刻，效果自然也就更好。

4．线上资源建设应该是可持续性的，要及时更新和维护。

每个学生不一样，每届学生不一样，技术在发展，时代在进步……种种因素，都在告诉我们：

混合式教学模式线上资源的建设是一个持续的过程，是要不断更新和维护的。

最重要的是：

这样的学习模式，更容量产生生成性学习资源，这些生成性的学习资源应该及时补充进教学设计中有效地利用起来。

线上的学习资源也应该根据使用情况、学生学习状态及效果、以及技术发展及时调整。

六、参考文献

附件一：

混合式教学设计案例

下面以学习单元二任务3的基础项目2为例，来具体说一说基于BB平台的混合式教学设计。

授课主题

使用CSS设置图片效果与网页背景

任务名称

制作童话故事页面

教学目标

知识目标：

掌握背景颜色和背景图片CSS样式的设置方法。

能力目标：

能够为网页中的各元素如

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

基于BB平台混合式教学设计在【网页制作 基于 BB 平台 混合式 教学 设计 网页 制作 中的 应用 研究 报告

  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。