微课在高职“网页设计与制作”课程中的教学应用

袁 芳

（宁夏司法警官职业学院，宁夏 银川 750021）

微课在高职“网页设计与制作”课程中的教学应用

袁 芳

（宁夏司法警官职业学院，宁夏 银川 750021）

“网页设计与制作”课程是高职计算机类专业必修的专业基础课。文章以宁夏司法警官职业学院该课程的教学为例，做出基于微课资源的教学设计，并应用于教学实践，对微课的应用效果进行检验。

微课；网页设计与制作；教学应用

“网页设计与制作”课程是高职计算机类专业必修的一门实践性很强的专业基础课，其主要任务是培养学生的网页设计及制作、网站建设的基础能力。

近年来随着移动互联网的普及及一系列新兴技术的不断推进，Web技术已超越简单的内容浏览，得到了异常迅速的发展，Web技术正在成为一类新型的应用平台和生态环境，有无限发展空间。而众多高职高专院校培养的学生“供不合需求”，这个巨大的矛盾倒逼人们进行反思。

在不断推高的教育信息化浪潮及微课应运而生的背景下，对“网页设计与制作”课程引入微课的形式，并运用到实际教学当中，探索一种改善教学效果的方式，是本文的目的。

1 高职“网页设计与制作”教学现状

“网页设计与制作”课程本身的性质在某种程度上决定了该课程具有复杂性、专业性、综合性要求比较高的特点，“设计”对应于“艺术”层面，而“制作”对应于“技术”层面，这就决定了该课程是一门“技术+艺术”的综合性学科。

该课程在实际教学中出现了以下一些问题：

“网页设计与制作”知识点庞杂，学生很难在短时间内理解和掌握。具体说来，涉及Html，Css语言，Dreamweaver，Photoshop软件等。虽然学生通过“Photoshop图像处理”“flash动画制作”等前导课程的学习，掌握了一定的图形图像处理基础，但不可避免的是，学生对这几种软件的综合应用能力较差。

学生学习能力参差不齐。我院很大一部分学生基础教育功底较薄弱，而且欠缺良好的学习习惯，课堂定力不够、认知能力相对欠缺。

高职院校信息技术在教学中的应用相对滞后。教师信息技术应用水平处于比较浅的层次，不排除一些教师只是停留在课件制作层面，信息技术只是一种可有可无的教学辅助手段。

为了适应新形势下的高职院校的教育要求，教师应当展开一系列教学模式、教学方法的研究与改革，打造高效课堂，弥补现行高职院校教育工作的不足。

2 “网页设计与制作”课程进行微课设计的意义

2.1 微课概述

新兴的微课在很大程度上正好契合上述这些问题，微课将教学内容、解决要点等精彩片段制作成短小精悍的视频教程，使学习者在任何时候、任何地点都可以通过线上或线下观看学习，高效便捷。其特点有：（1）目标明确、主题突出；（2）短小精悍、视频为主；（3）依托网络、使用方便。

本文中取向的微课可以这么描述：微课是一种特殊的视频教学资源，大多在10分钟以内，针对知识的重点、难点、疑点、实践点等而开发的，基于良好的教学设计，有明确的教学目标，内容短小，集中说明一个问题，具有情境性、趣味性、可视化的特点。

根据查阅文献和资料发现，目前，绝大多数的高职院校教师对微课有所了解，但使用过微课教学的仅有大约70%，从没使用过的也有25%。高职学生对微课概念的了解不是很高，真正利用微课教学资源进行有计划学习更少，但总体上，多数学生认为在学习过程中微课资源是需要的。

2.2 “网页设计与制作”课程进行微课设计的意义

狭义来说，由于“网页设计与制作”课程本身的独特性，再加上传统课堂教学的局限性，其教学质量并不高。探索微课在“网页设计与制作”课程教学应用中的优势和不足，进而推进该课程的教学改革，是一个积极有益的尝试。

广义来说，微课作为一种新型的教学模式、学习方式和教学资源形式，对于课程体系的建设、学生的学习、教师的成长，都具有非常重要的现实意义。

第一，对于学校而言，微课对于完善学校课程体系、优化课程资源、增强校本课程的灵活性和针对性具有重要的革新作用。微课可以对我国教育教学进行别出心裁的补充，提高同学们学习欲望和提高灵活的学习方法。

第二，对于教师来说，微课某种程度上打破了以往的教学与教研方法，教师的现场教学将更具有操作性、广泛性和时效性。这些都激励了教师自我成长，为教师展示自己提供了一个开放的平台，能促进教师提升教学业务能力。

第三，对于学生来说，微课能更好地满足学生对不同学科知识点的个性化学习需求，有利于培养学生的自学能力，让学生变被动为主动，提高其综合能力。微课是传统课堂学习、课后组织第二课堂的重要补充和进一步延伸。

3 “网页设计与制作”课程的微课设计

3.1 基本模式

一节成功的微课必须是以“学”为中心来开展教学设计的，如图1所示，其设计模式主要包括以下几个步骤：

首先，依据课程内容，确定学习者的学习目标；其次，根据学习目标，结合教学内容，确定选取的章节与其对应的重点、难点、疑点与实践教学等内容；之后，根据学习内容设计学习活动；最后，进行相应的学习评价。

其中，学习内容的选择（即提取微课知识点）和学习活动的设计（即教学设计）是整个过程中的重点，不仅要结合微课本身的特点，也要对学习资源和相应的师生交互进行相关设计。除此之外，也可以选择性地提供一些其他方面的设计，如来自实际的发现问题并解决问题的情境设计，针对学习能力强的同学的拓展学习设计等等。当微课学习结束后，也需要积极收集评价，这样才能使课程得到进一步的完善和改进，使之更加符合学习者的学习计划。

图 1 微课的设计模式

根据李秉德教授对常用教学方法的总结，微课可以划分为讲授（讲解）类、讨论类、操作演示类、问答类、启发类、表演类、练习（实操）类、实验类、自主学习类、合作学习类、探究学习类等11类。一般来说，单个微课资源对应某一种类型，但是也不排除同时应用两种或多种教学方法的情况。

3.2 提取知识点

微课并不一定能够适用于所有类型、所有学科的知识。多数学者一般认为，微课在理解复杂概念方面的效果并不理想，而针对讲述性比较强的知识点、知识难点的讲解、方法与过程的演示方面，微课有很大优势。

笔者对“网页设计与制作”课程的内容进行梳理，提取了一系列典型适合开发微课的知识点，如表1所示。

表 1 微课知识点提取列表

其中，Css（层叠样式表，是一种标准化的、专门用来表现网页外观的计算机语言）是该课程的重点和难点所在，学生往往对于这类纯代码化的内容或者纯代码实操演示形式的教学缺乏兴趣和耐心，学习后还是不能灵活应用。所以，下文选取Css属性的一节，来展开微课设计。

3.3 设计教学过程

笔者采用PPT录屏的方式制作微课。利用Camtasia Studio软件，对事先制作好的PPT课件进行录屏，之后用合成软件对录好的视频进行剪辑、配音、添加字幕等，并对所有素材进行整合加工，最终输出视频。

此种方式成本低，易于实现。但是需要前期在各种微资源的收集整合以及PPT课件的制作上下足功夫。

“网页圆角的秘密”微课案例的教学过程分为问题引入、概念学习、核心知识学习、解决问题、案例拓展、知识点总结等。微课脚本如表2所示。

表 2 “网页圆角的秘密”微课脚本

续表 2

单一利用微课来开展教学，往往并不是一个完整的教学过程，本案例的教学过程中还引入了“翻转课堂”教学理念，并配以“学习任务单”，引导学生在观看微课时的学习活动。具体教学设计及学习任务单如表3—5所示。

表 3 “网页圆角的秘密”教学设计

表4 教学过程设计

表 5 “网页圆角的秘密”学习任务单

3.4 教学反思

本案例引入了“翻转课堂”理念，使用的是课内AB型翻转。第一步是B课型“自学质疑”，教师将其作为主要学习资料，发送至云空间教学平台，要求学生观看学习，学生经过学习及简单的练习，发现问题。这同时也是一个促进学生自学能力提升的过程。第二步展开A课型“研讨理解”，教师帮助学生解决学习中的难点、疑点，与学生面对面讨论研讨。通过由学生来汇报作品、总结经验，教师对学生评价点拨，以此来强化对知识点的掌握。可适当增加提问和测试环节，以此来检测学生的学习情况，对于学生普遍掌握情况不好的问题，可适当讲解。对于部分学生掌握不好的问题，则可以通过让学生分组讨论的方式来解决。

通过实践观察，此种模式能调动学生思考和主动学习的积极性，AB型翻转课堂的模式实际上就是一个逐步培养学生从被动学习养成主动学习的习惯、培养学生学习能力的过程。

3.5 教学效果

在本次微课教学实践结束后，笔者对学生进行了反馈收集及访谈，目的在于通过直接与学生的沟通，了解“网页设计与制作”微课的应用效果，进而总结经验、发现不足。多数学生对微课这种形式持肯定态度，微课能够让其学习兴趣增加，对其理解和掌握知识点有帮助。学生表示“我们欠缺的是一种综合应能力，微课的形式可以直观地演示这个综合、完整的过程；希望今后能有更多的这种形式的学习”。

4 结语

微课是一种有效的学习资源，也是一种新兴的教学形式，采用微课这种形式有助于提高高职“网页设计与制作”课程教学效率和质量，有利于促进学生学习方法的转变，同时对教师自身的成长也是一种极好的锻炼。微课顺应着教育信息化发展的要求，势必会成为一种革新的教育模式。可以预见，微课有着无限的潜力以及美好的发展前景。

[1]黄建军，郭绍青.论微课程的设计与开发[D].兰州：西北师范大学，2013.

[2]梁乐明.从资源建设到应用：微课程的现状与趋势[D].南京：南京大学，2013.

[3]张静然.微课程之综述[D].北京：中央电化教育馆，2012.

[4]靳丽丽，陈锦生.微课在高职院校教学应用的问题研究[D].长沙：湖南高速铁路职业技术学院，2015.

Application of micro lesson in“Web Design and Production”course in higher college

Yuan Fang
（Ningxia Judicial Police Vocational College, Yinchuan 750021, China）

“Web Design and Production” course is a required professional basic course for computer majors in higher vocational colleges. Taking the teaching of the course of Ningxia Judicial Police Vocational College as an example, this paper makes the teaching design based on the micro teaching resources, and applies it to the teaching practice.

micro lesson; Web Design and Production; teaching application

袁芳（1985— ），女，宁夏银川，硕士，助教；研究方向：计算机应用，教育技术。