《网页制作》微课教学的研究与实践
中图分类号：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 结论
制作微课程，整体设计非常重要，在制作以“理顺主线、结构分明、紧抓重点、突破难点”中创新出课程整体规划；在结构设计中，以片头，主要内容，片尾构成。在内容选取上遵循知识点“小而精、互相衔接、由易到难，由基础到复杂”的原则；制作出知识点完整、界面精美、重点突出、满足学生个性化学习需求的教学微课视频。
- 上一篇：软件人才培养“以赛促学”教学模式研究
- 下一篇：如何做好戴维南定理的教学设计
