《网页制作》微课教学的研究与实践

曾珍珍

摘要：微课教学是网页制作教学改革的新方法，微课实质是将教学内容碎片化，要将繁、杂、难的教学内容制作成为短、精、简、易的微课教学，必须对教学内容聚会，教学模式设计，教学目标研究深入，采用微课教学模式，为网页制作课堂教学提高实效性，为学生个性化学习发挥潜能。

关键词：网页制作；微课教学；碎片化

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2016）15-0223-02

从教学内容与教学方法方面分析，教学重点应培养学生的创新能力和实践能力的提高，微课教学是提升网页制作教学效果的有效办法。对于网页制作这样实践性、应用性很强的课程，可以根据它本身的课程优势来制作微课教学。

1 微课的特点优势

微课教学根据教学内容制作教学视频，视频内容把章节内容碎片化。但每个微课视频都是以重点或是难点为知识展开。并且所有的微课视频串联起来就是课程章节。微课教学不仅是视频教学，还它涵盖教学设计，教学反思，学生反馈，练习与点评。

微课视频比较短，一般在5至8分钟之间，视频表现形式为：内容精练生动、集中说明一个问题的小课程、重点突出、风格多样，学生可快速掌握知识的精髓，从而起到吸引学生的兴趣。还可以满足学生课后的自主学习，为学生提供了更便捷的学习资源。

2 网页制作教学应用微课的重要性

在传统的教学方法下，很难把基础课程——网页制作这门课程吸引学生以积极的态度学习。在教学中往往教学效果达不到预期效果。以新的教学方法——微课教学，它有以下几方面重要性。一方面，微课的教学方式可以提高教学质量。网页制作课程涵盖的知识点广，知识点之间有着紧密的关联，教学过程强调对知识的连贯性。如果在有限的时间内由老师单独对知识重点的剖析，那样学生也未必能够完全消化。微课教学可以在短时间集中说明知识点，用实例从不同角度进行剖析要点，通过实例讲精讲透知识的内涵，帮助学生分析与解决疑难杂症。实例剖析也会提高教学质量。同时学生也会通过实例找到自己的兴趣，在兴趣中深入学生知识要点。

其次，在高职院校我们以培养复合型人才为重点，技能实践是复合型人才培养的重要环节，恰恰微课教学能增强学生的实践能力。

3 网页制作微课教学的具体实现

3.1 根据选材导入问题

课前准备阶段，知识点要步步深入，环环紧扣。学生如果缺少课前的预习准备，课上对知识的领悟速度、吸收程度也会受到影响。如下图所示，通过观察图片的变化，把问题导入。让学生在观察中找出问题并分析，如何在网页中将图片实现圆角。

3.2 问题分析

课堂教学因时间有限，在微课教学中要把握好知识的含量，善于从重点、难点入手，使微课具备一定的“厚度”。

针对问题，我们采用什么技术去实现？上述问题分析如全部用PS处理吗？那样做只会出现更多瑕疵。那有没有更有效的方法来快速处理？这就要用到CSS样式实现圆角。可以通过Dreamweaver软件处理CSS样式。代码如下：

HTML代码：

CSS代码：

.yuanjiao{borde-radius：30px；}

3.3 知识点分解

思考一下，一张图片有四个角，四个角只能设置同样的圆角效果吗？当然不是，可以通过设置属性值来改变，如图2所示

绘制四个不同圆角的边框，当该属性包括四个参数值时，第一个参数值用于控制左上角，第二个参数值用于控制右上角，第三个参数值用于控制右下角，第四个参数值用于控制左下角。当borde-radius属性值给出二个参数值时，如代码：border-radius：0 50px；那么第一参数值控制左上角和右下角，第二参数值用于控制左下角和右上角。如下图3所示：

3.4 知识点扩展

再次思考，能否单独设置一个角的圆角效果？这就需要border-radius衍生属性，通过这样的衍生属性我们可以分别定义，左上角，右上角，右下角，左下角。如下图4所示：

3.5 微课总结

CSS3的圆角边框属性：border-radius

重点：通过设置不同的参数值，产生不同的圆角效果。

3.6 课后复习阶段

重点对培养学生的动手实践能力，讲授时间有限，实践能力的重点练习要放在课后的复习。在课后的复习中微课又可作为学生自主学习的重要资源。

4 结论

制作微课程，整体设计非常重要，在制作以“理顺主线、结构分明、紧抓重点、突破难点”中创新出课程整体规划；在结构设计中，以片头，主要内容，片尾构成。在内容选取上遵循知识点“小而精、互相衔接、由易到难，由基础到复杂”的原则；制作出知识点完整、界面精美、重点突出、满足学生个性化学习需求的教学微课视频。

参考文献：

[1] 曲本庆， 马寅强， 王忠宽. 将微课应用于高校计算机教学中方式分析[J]. 计算机光盘与技术， 2014 （18）.

[2] 胡铁生， 黄明燕， 李民. 我国微课发展的三个阶段及其启示[J]. 远程教育杂志， 2013（8）.

[3] 谈潘攀. 将微课应用于高校计算机教学中的几点思考[[J]. 科教文汇， 2014（16）.