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

《网页制作》微课教学的研究与实践 　　摘要：微课教学是网页制作教学改革的新方法，微课实质是将教学内容碎片化，要将繁、杂、难的教学内容制作成为短、精、简、易的微课教学，必须对教学内容聚会，教学模式设计，教学目标研究深入，采用微课教学模式，为网页制作课堂教学提高实效性，为学生个性化学习发挥潜能。 　　关键词：网页制作；微课教学；碎片化 　　中图分类号：G424 文献标识码：A 文章编号：1009-3044（2016）15-0223-02 　　从教学内容与教学方法方面分析，教学重点应培养学生的创新能力和实践能力的提高，微课教学是提升网页制作教学效果的有效办法。对于网页制作这样实践性、应用性很强的课程，可以根据它本身的课程优势来制作微课教学。 　　1 微课的特点优势 　　微课教学根据教学内容制作教学视频，视频内容把章节内容碎片化。但每个微课视频都是以重点或是难点为知识展开。并且所有的微课视频串联起来就是课程章节。微课教学不仅是视频教学，还它涵盖教学设计，教学反思，学生反馈，练习与点评。 　　微课视频比较短，一般在5至8分钟之间，视频表现形式为：内容精练生动、集中说明一个问题的小课程、重点突出、风格多样，学生可快速掌握知识的精髓，从而起到吸引学生的兴趣。还可以满足学生课后的自主学习，为学生提供了更便捷的学习资源。 　　2 网页制作教学应用微课的重要性 　　在传统的教学方法下，很难把基础课程――网页制作这门课程吸引学生以积极的态度学习。在教学中往往教学效果达不到预期效果。以新的教学方法――微课教学，它有以下几方面重要性。一方面，微课的教学方式可以提高教学质量。网页制作课程涵盖的知识点广，知识点之间有着紧密的关联，教学过程强调对知识的连贯性。如果在有限的时间内由老师单独对知识重点的剖析，那样学生也未必能够完全消化。微课教学可以在短时间集中说明知识点，用实例从不同角度进行剖析要点，通过实例讲精讲透知识的内涵，帮助学生分析与解决疑难杂症。实例剖析也会提高教学质量。同时学生也会通过实例找到自己的兴趣，在兴趣中深入学生知识要点。 　　其次，在高职院校我们以培养复合型人才为重点，技能实践是复合型人才培养的重要环节，恰恰微课教学能增强学生的实践能力。 　　3 网页制作微课教学的具体实现 　　3.1 根据选材导入问题 　　课前准备阶段，知识点要步步深入，环环紧扣。学生如果缺少课前的预习准备，课上对知识的领悟速度、吸收程度也会受到影响。如下图所示，通过观察图片的变化，把问题导入。让学生在观察中找出问题并分析，如何在网页中将图片实现圆角。 　　3.2 问题分析 　　课堂教学因时间有限，在微课教学中要把握好知识的含量，善于从重点、难点入手，使微课具备一定的“厚度”。 　　针对问题，我们采用什么技术去实现？上述问题分析如全部用PS处理吗？那样做只会出现更多瑕疵。那有没有更有效的方法来快速处理？这就要用到CSS样式实现圆角。可以通过Dreamweaver软件处理CSS样式。代码如下： 　　HTML代码： 　　 　　var _userid = ;var _siteid =669;var _istoken = 1;var _model = Model03; WebPageSpeed =375; UrchinTrack(); 　　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 结论 　　制作微课程，整体设计非常重要，在制作以“理顺主线、结构分明、紧抓重点、突破难点”中创新出课程整体规划；在结构设计中，以