中职移动前端设计教学中微课应用的探索
来源:用户上传
作者:
摘要：随着我国教育改革的不断深入，各种信息化教学手段应运而生。微课作为一种新型的教学手段，它依托视频为载体，对教材中的某个知识点进行详细讲授，微课作为传统教学模式的补充，已逐渐进入课堂。微课让教学从课堂延伸到课外，实现线上教育与线下教学的整合。本人经过多年的教学实践探索，针对微课在中职移动前端设计教学中的应用策略进行剖析，通过微课与传统课堂相结合，从而提高中职学生的学习效率，提出自己的看法。
关键词：微课应用策略;移动前端设计;中职教学
中图分类号：G642 文献标识码：A
文章编号：1009-3044（2020）02-0137-02
微课是一种信息化教学模式，它是以录屏或录像为手段，围绕教材中某个知识点或者教学环节而开展的一种教学活动形式，微课的时长一般5-10分钟。通过微课能让学生在课前或课后做好预习和复习，所以微课选题、结构和应用是非常有讲究的。《移动前端设计》这门课是我校的计算机专业主干课程，经过几年的教学实践，本人对微课的应用有了新的理解，本文将从微课的应用策略及在教学场景中的具体应用来阐述微课在这门课程中的作用。
1 微课在移动前端设计教学中应用策略
移动前端设计前端开发的核心内容是HTML+CSS，这部分内容涉及和需记忆的知识点众多，衔接性强，如果前面的知识没有掌握好，将影响后续的学习。通过几年的教学实践，作者觉得仅靠课堂教学，学生接受的知识多，容易遗忘，而且教师要在课堂上对有的知识点要反复讲解，上课的效率不高，如何让学生能在课余也能自主学习，那么微课就很好地解决了这个问题，要利用短短几分钟的时间，吸引学生的注意，让学生能主动学习，微课的合理选题以及设计就显得尤为重要，下面结合本人的教学实践谈谈微课制作方面的经验。
1.1 精心选择微课主题
微课是给学生看的，它的目的是解决学生在学习中遇到的问题，所以微课的选题要有技巧，要去选择那些平时学生学习中容易出错、混淆的知识点。这就要求教师在制作微课前要对教材进行研读，了解教材的重难点，还要研究学生，根据学生的特点分析在学习中的易错点、易混淆点，也就是说，简单的内容，不选，非重点的内容，不选。比如在HTML+CSS内容中，《ID选择器和类选择器》《CSS精灵图》《盒子模型》等，都是价值较高的微课选题。
1.2 选题要大小适中
微课作为一种相对独立的、完整的教学辅助资源。微课不等于课堂实录，它的特点就是“短小精悍”，所以，选题要小，必须在几分钟之内能够讲的透彻。如果对于一个过于复杂的知识点，在课堂教学中要花大量时间，运用多种教学手段才能达到的知识，就不适合采用微课。微课中涉及的知识点不亦过多，一到两个即可，通常是一个，比如《浮动元素的排序》，通过介绍若干个浮动盒子排列的例子，就能让学生知道排序的规则。如果有微课中包含两个知识点，这两个知识点的关联性要比较强的，或者容易混淆的。比如作者曾经制作一个微课《“外墙法”与“内墙法”》，它是介绍设置浮动的清除方法的，通过两个相近操作，让学生发现它们的区别，从而达到教学目标。
1.3 微课的结构要层次分明
虽然微课的时间短，但麻雀虽小，五脏俱全，经过这几年的摸索，我总结出五个部分：课前探索、任务设置、解决方法、方法分析、微课小结。
下面以《制作圆角边框》的微课为例，介绍微课的五部曲。
1） 课前探索。在微课的开始阶段让学生观察几张图片，从棱角分明的正方形逐渐变成圆形，让学生一目了然，知道这节微课要学到什么知识，然后通过真实网站的截图让学生知道圆角边框的实际应用。
2） 任务设置。本环节设计一个场景：学生小明想在网页中插入圆角形式的图片，现在素材是方形的，该怎么办呢？这里制造一个悬念，激发学生的求知欲。
3） 解决方法。通过代码输入“border-radius：20px”，告诉学生通过一行代码就解决了小明的问题。
4） 方法分析。在这个环节中，介绍了border-radius的属性，同时以图片的形式展示它的不同取值，效果是不一样的。接着小明又发现新问题：如何绘制四个不同圆角边框，这时通过图片展示，说明了取值一个，两个，四个所代表的不同含义。最后小明提出一个问题，如何单独设置一个角的圆角边框，这其实在我特意设置的一个拓展问题，在微课中不给答案，如果学生认真看微课，他可以通过w3cschool网站去搜索border-radius的衍生属性，这个问题最后在微课学习的反馈表中有体现，教师看反馈表就知道学生是否深入地去研究微课里的问题。
5） 微课小结。通过对border-radius这个知识点进行了回顾，加深学生的印象。
1.4 微课的设计要激发学生的兴趣
兴趣是学习的动力，对于中职生，如果微课内容枯燥、单调，学生就不会去学习，微课的选题不单要贴近教材的重难点，也要激发学生的学习动力，所以微课素材的趣味性也很重要。比如微课中的老师，我都尽量选择卡通老师的形象，在情境导入的环节中，以第三人称的形象，如小明，李红等在学习和工作中遇到问题需要解决来引入微课的知识点，有的微课适当加点柔和的背景音乐，只有让学生对微课感兴趣，才能充分发挥微课教学的作用。
2 微课在教学中的实际应用场景
以中职网页前端设计教学中《“外墙法”和“内墙法”》为例：
1） 微课选题。在移動前端设计课程教学中，DIV+CSS是网页前端布局的核心技术，而“设置浮动的清除”是网页布局的重点和难点，在教学中我们发现很多学生对“外墙法”和“内墙法”的用法和区别容易混淆，过去在传统课堂上，老师讲授完，还有很多学生对这个知识点不理解，不能熟练掌握，为了达到理解的教学效果，本人课前针对这个知识点做了微课，方便让学生课前预习。 2） 微课设计。移动前端设计的知识点众多，衔接性很强，要掌握清除浮动的知识点要先掌握“左浮动和右浮动”的知识，为此，我先是设计一套问卷放在超星平台上，要求学生完成，检查学生对前期知识点的掌握情况。制作微课也是颇费心思，整个录屏过程使用了Camtasia，先在PPT中演示几个盒子在浮动流中的摆放，直观地显示“外墙法”和“内墙法”的两种清浮方式，让学生在观察完后，能直观理解它们的用法和区别后，然后展示代码，这样学生看完微课，就能掌握这块知识点，预习就起到良好的效果。在微课的最后部分，提出问题，“外墙法”和“内墙法”的区别，让学生在观看视频在过程中进行思考。最后制作预习反馈表，设置几个问题，重点是“外墙法和内墙法中设置margin属性的区别？”，反馈表放在学习平台上，要求学生看完后，认真填写，及时提交。
3） 课堂教学。由于课前通过反馈表检查了学生的预习情况，可以让学生先进行操作。在学生完成对“外墙法”和“内墙法”两个基础训练，教师再针对视频中提到的问题再进行演示分析，这样学生对知识点的理解和掌握会更加牢固。再通过拓展练习“百度首页”的制作，真正让学生对知识点进行了内化，达到了教学目的。
4） 教学反思。利用微课来讲解知识点，真正提高了课堂效率，学生通过预习对新课的知识点已经有了了解，教师再通过提问、演示等方式让学生进一步巩固新知识，在微课中对易错点进行了强调，学生在操作时就会避免犯错，同时让学生预习也培养了学生的自主学习的能力，而且课后也方便学生的复习巩固，微课的应用真正实现了线下教学与线上学习的融合。
3 结论
总之，微课的应用为移动前端设计的教学注入了新的发展动力，它对知识点进行了碎片化，也让学生的学习时间碎片化，让移动学习成為一种习惯。这种新兴手段的引入就是让我们更好地完成教学目标，它对培养学生的自主学习，培养学生的兴趣都起到正面积极的意义。目前，移动学习越来越来流行，如何让学生从手机游戏中转到移动学习，让学生喜欢上微课，以发挥其学生的“学习助手”作用，也是我们中职老师所要考虑的。所以构建好每个微课也是我们老师需要认真策划、精心准备的。随着微课教学模式逐渐被老师和学生接受，微课在中职教育中的积极作用也会充分发挥出来。
参考文献：
[1] 蒋立兵，万力勇， 陈佑清. 面向用户体验的微课设计框架构建与应用[J]. 电化教育研究， 2017（02）：124-130.
[2] 周瑞娟， 宋银歌， 康瑞洁. 关于微课设计的几点思考[J]. 南北桥， 2018（18）：19-19.
[3] 张薇薇. 《Web前端开发技术》课程教学改革与实践[J]. 数码世界，2018.
[4] 季玉堦. 微课运用引发的点滴思考[J]. 基础教育研究， 2018（06）：39-40.
[5] 钮永莉， 魏光杏， 李华. 基于微课的翻转课堂教学设计与实践[J]. 吉林工程技术师范学院学报， 2018，34（05）：80-82.
【通联编辑：王力】
转载注明来源:https://www.xzbu.com/8/view-15128065.htm
