『Web前端开发技术』课程微课设计研究

朔州师范高等专科学校 张建名

微课这一教学方法和教学理念在教育领域具体应用取得了较好的效果，尤其是对于一些技术的学习来说，弥补传统教学模式方面的不足之处，让其更加具备灵活性、多样性和多元性，更好的抓住技术重点开展教学。而在“Web前端开发技术”这一科目教学的过程中，其自身就具备着一定的应用优势，带来的影响也更加积极，有助于相关教学活动的顺利开展和高效进行。为了有效实际应用，要首先认识到微课的应用特点，再契合实际情况进行教学方面设计。

伴随教育方面的快速发展，教育领域的各种教学模式普遍性应用可以更好的促使教学效率的提高，尤其是微课这一教学模式的实际应用，具备着明确的优势，而且可以更好的辅助学生进行技术学习。这一教学方法和教学理念得到了广泛应用，尤其是在科技教育领域，其具体应用具备鲜明优势，带来的影响更加积极。具体教学应用的过程中，微课教学模式与“Web前端开发技术”高度结合起来之后，可以让每一个教学环节都紧密联系在一起，简明扼要的抓住教学的重点，激发学生的学习兴趣。

1 “Web前端开发技术”微课教学特点

“Web前端开发技术”本身就具备着较强的灵活性，而且与其他理论知识学习不同，其自身具备着一定的难度性，如何抓住技术重点进行针对性应用，是学习和实践过程中的关键所在。该科目开展教学的过程中，使用微课具备着明确优势和实际价值，具体实际应用的过程中可以将各种知识重点、技术要点搜罗在一起，用视频当作载体，从而短时间内取得与传统教学模式相似或者更好的教学效果。传统模式注重知识的体系性、长时间授课，而相比之下微课教学短小精悍，可以将某一个难点、重点进行反复的观摩和学习，同时留有更多时间开展教学活动，学习之后积极将各种知识进行实践。通过这样的教学，学生可以更好的学习掌握相关技术，给学习带来更加积极的影响，促使技术的应用。该类教学模式一方面具备较强的多样性，另外一方面实践相对较短，一些技术难点也可以通过简短的视频反复观摩而进行学习，减少学习过程中的常见干扰，避免传统冗杂的信息无法及时获取针对性的知识。

由此可见，该技术具体教学的过程中，微课教学应用具备着一定的优势和价值。通过相关方法，可以提高学习效率，让学习者真正意义上学以致用，用实践的角度看待、学习和掌握知识。具体教学的过程中，“Web前端开发技术”作为信息系统专业的关键性课程，其实用性相对较强，微课设计也需要围绕着这样的特点开展相关教学，尤其其中包括了HTML、CSS、JavaScript语言等等内容，要以实际案例开展教学。应对这一系列特点，要合理进行教学设计，积极开展相关教学活动，合理对其教学方法的应用进行规划，才能取得更好的教学质量和教学效果。

2 “Web前端开发技术”的微课教学设计

2.1 明确教学目的

从教学内容的本质角度来说，“Web前端开发技术”所包含的内容较多，其知识体系相对庞大，尤其涵盖了HTML3、CSS5、JavaScript这几大部分内容，要围绕着这些技术，进一步深入性学习，了解其框架特点。这也就意味着，具体教学的过程中要掌握的知识和内容相对较多，其知识体系相对较为复杂，教学设计需要注重整体性，要让学生整体性的掌握和应用相关知识，才能取得更好的教学质量和教学效果。需要让整体的微课视频每个环节都联系在一起，着重对重点、难点进行讲解，并挖掘这些知识的内在联系。比如在“Web前端设计表格”教学的过程中，这部分内容的微课教学就需要采取视频的方式开展，微课视频着重围绕着相关表格设计与实现，可以采用Camtasia9进行视频录制，用HBuilder开发工具进行代码的撰写。具体操作的过程中，主要是让学生掌握相关表格的制作方法和制作技巧，视频讲解的过程中，尤其要让学生理解表格的特点、应用形式、基本结构，然后进一步掌握各种制作方法和制作技巧。要注重使用案例、分解、动画等一系列方法，突出知识的重点和知识的应用，着重从应用的角度出发让学生进行学习，深刻进行理解。只有通过这样的方式之后，学生的学习质量才可以得到提高，才可以有学习兴趣，精炼的视频也有助于学生对难点、重点和不理解的地方进行反复观摩、观看。

总的来说，在明确教学目的之后还需要进行细节的设计，要围绕着这些目的和内容，针对性的进行教学视频的设计，要采取提出问题、衬托主题、解析原理，最后总结教学内容的知识点，给予学生实践练习的时间，通过这样的方法进一步让学生更好的进行思考，达到一个教学效果优化与提高的目的。那么微课设计和视频制作的过程中，第一步就是要提出案例问题，让学生围绕着问题学习相关技术知识，让有关知识更好的进行落实，才可以为后续教学进行一定程度的铺垫。

2.2 提出针对性的问题

问题提出是微课教学过程中十分主要的一部分内容，也是Web前端开发技术教学过程中十分主要的要点之一，具体教学的过程中，问题的提出要具备应有的实际性，找寻常见的问题进行教学设定。该科目的教学本身就具备较强的时效性，因为科技是不断发展的，其发展速度十分之快，在这样情况下，其问题的提出也需要严格根据现有的实际情况进行设定，举例介绍网站运行的过程中常见应用表格场景，贴近学生的生活和学生的计算机应用情况，再提出针对性的问题，让有关知识联系到一起，从实际问题看待知识点。比如说，在视频制作的过程中，提出“如何在网页中实现表格”。这样简短的问题可以引出后续的各种各样的知识，围绕着网页中表格制作，继续引出并阐述相关知识点。由此可见，这样的问题更加具备实际性，可以让学生知识学习服务于实际应用，从应用角度出发学习知识，让其更加具备应有的实际性。

2.3 凸显要点解析原理

微课视频中的具体内容也可以根据前期所提出的问题进行一定调整，但要注意的是，教学设计、开发的过程中，要注重问题、讲解内容的简短精悍，要有内容但不能过多的进行复杂讲解，需要着重原理，围绕问题要点解析背后的原理。这点与传统教学模式存在着本质性的差异，微课教学的过程中凸显主题解析原理还需要精简，比如说在表格制作的过程中，为了更好的凸显要点，可以简单的利用视频方式去拆解表格，讲解其基本结构和具体构造。当有了这些基础知识之后，再开展后续的原理讲解就具备着一定的支持，避免课程教学和微课视频的要点不清楚、不清晰的问题出现。

进行原理讲解的过程中，也需要与前期的案例高度关联，结合所提出问题、给出案例及结构解析的具体情况进行教学，分步骤讲解制作过程中的具体特点。可以使用程序编写的小视频展示具体操作过程，通过讲解和实操的结合演示，进一步辅助学生逐步掌握。最后，进一步展示相关代码在浏览器中应用、运行后的具体效果。这些逐步拆解和原理讲解是微课的关键节点，也是后续教学过程中的要点所在，具体教学的过程中可以根据视频的长短和难点所在，对相关操作进行反复的观摩，从而更好的掌握相关知识，并围绕着视频特点进行探讨。当这些操作结束之后，还需要进行知识的归纳总结，给出参考代码等等辅助学生的后续实践操作。

2.4 教学要点总结和实践

视频的最后还需要对所涉及到的知识进行归纳总结，让课堂知识精简干练的汇总到一起，辅助学生对之前已经学习过的具体制作方法、制作原理等等进行一定的梳理。通过这样的方法，可以让原有的教学知识形成一定的体系，辅助学生进行知识的学习，为学生的学习质量提高带来更加积极的影响作用。视频的最后，还可以给出相关的练习题目，并罗列出经常使用的一些代码，通过这样的方法，可以更好的辅助学生实践操作，对学生的学习质量提高带来更加积极影响，重新梳理、组合了相关知识，满足学生的学习需求。

3 结束语

如上所述，Web前端开发技术的课程微课设计过程中，首先要认识相关教学方法的特点，其次明确教学目的、提出针对性问题、凸显要点再解释相关原理，最后将教学要点进行总结，给予学生实践操作的时间。