网页设计之与教材配套的“微点”的开发与应用

摘要：互联网时代的到来迅速地改变着人们的沟通和生活方式。微博、微信、微电影等时代产物应运而生。“微时代”在每个人的生活中悄无声息地烙下了自己的印记，同时也正以不容抗拒的力量影响着人们的学习方式，微课正是这一力量的集中体现。网页设计是计算机操作实践类课程，操作步骤的学习对学生尤其重要，目前微课在实践方面存在着一定的问题，文中提到“微点”概念，是将一个网页设计案例进行若干个知识点的分解，然后逐个制作每个知识点的微课视频。真正为学生服务。

关键词：互联网；网页设计；微课

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）07-0222-02

网页设计，属于计算机实操类课程。由于网页设计需要学生具备正确的编程和设计技巧，因此，如果网页设计课程教学还是采用传统教学手段，教学目的将难以达到。微课的出现大大地丰富了学生的学习资源，传统的课堂教学之后，学生很难回忆教师当时的讲课的全部过程，而微课程将教学内容录制成视频发送到网络或直接提供给学生，学生可以随时随地随意地下载观看教学视频内容。

从提高网页设计课程教学效果的角度出发，要想做好网页设计教学工作，我们就要积极应用微课教学理念，微课主要使用视频的形式，展示教学内容，具有时间短、流 畅，如真实操作的特点。

1 网页设计开展微课教学的必要性

从网页设计课程的实际难度和重要程度来看，开展微课教学不但是提高网页设计课程教学质量的重要手段，同时也是满足网页设计课程教学要求的重要措 施。开展微课教学的必要性主要体现在以下两个方面：

1）课堂教学效果需提高

传统的教学方式是在教室通过投影仪PPT演示或者在机房通过多媒体广播软件如红蜘蛛教学软件进行广播教学。

通过投影仪PPT演示教学效果是最不理想的教学方式，因为教室没有人手一台电脑，讲起内容比较枯燥，学生不容易理解，容易分心，最后会对网页设计失去兴趣。

红蜘蛛教学软件可以直接将教师机的操作画面实时转播到学生机，可以看到每一步的操作方法，相对投影仪PPT的教学效果要好很多，但也存在教师一次演示，学生无法记住所有的操作细节，不能够掌握所讲内容，在学生上机操作的时候，因每一步的操作步骤没记住，导致无法顺利完成教师所布置的课堂作业。

从当前网页设计课程的实际教学过程来看，由于网页设计课程学习难度较大，需要学生具备较强的设计审美能力和理解能力，还需教师采取较为先进妥善的教学方式教学，微课无疑是当前比较适合的教学方式。

2）实施微课教学能够促进学生自主学习。

微课打破了学习地点与时间的限制，只要有学习的愿望即可实现学习。实现课堂教学的延伸；微课的内容都是针对学生在学习过程中遇到的疑难问题来设计的，非常适合学生自主学习。适应不同能力的学生，可以按需选择学习，视频播放快慢可以调节，让不同程度的学生根据的自己的基础和接受程度控制视频的快慢。满足学生对知识点的个性化学习；微课视频可以反复播放，使那些平时反应慢的又羞于发问的学生能够从容的反复观看，较好地解决了后进生的转化问题。

2目前国内微课的问题

虽然微课以短小精悍的视频优势，迅速掀起微课学习热潮，但微课在国内的发展时间很短，从2010年出现到2014年大热，短短几年时间，各式各样的微课比赛一窝蜂地制作，由于发展时间过于仓促， 现在微课也出现各种的问题。

2.1 微课开发片面化

微课的开发都比较片面，不系统。教师对微课概念的理解可能五花八门，也可能出于教研或竞赛等其他原因制作一个或几个微课，即使把这些制作好的微课放在网络资源平台上共享给学生，其作用和意义都不大，因为在这么多零碎的资源里学生很难查到对自己有用的信息，而且很多微课展示平台连搜索功能都没有，这样的微课开发就成了摆设，成了面子工程。

2.3 没有跟教材相互配套

微课内容没有跟教材相互配套起来，那么学生使用起来效果就大打折扣，学生也会有种脱节的感觉。何况现在的学生，学习知识还是有些被动的，让他们在课前课后去互联网找微课来学习相关的知识不现实。

2.3 制作微课的内容仓促

很多微课的制作由于教学条件的限制，教师缺乏优秀的教学设计，较多的微课制作内容强硬压缩在比较短的时间里，造成制作内容仓促，制作的微课表达不到位的情况。

2.4 制作微课的时间过长

以Dreamweaver CS5网页设计来说，把一个完整的项目做完，可能要25分钟以上，根据学生的认知特点和学习规律， 15分钟已经超过人观看学习视频的忍耐程度，讲课内容可能还没有深入阐述，对于这类的课程的微课制作， 应该从如何平衡时间与内容的关系，以更合理的形式来展现内容。

3解决以上问题方案

与教材整系列配套的微课优势：

1） 系统化开发微课

2） 按照教材内容进行分章，分节，分案例来开发微课视频，便于学生查找。有利于学生高效自主进行视频学习和练习测试，并将学习中的疑问建议反馈给老师。

2）跟教材相互配套

与教材配套，与课堂教学不脱节，由教师提供整套微课，省略学生盲目在网络上查找环节，把基础打好了才谈得上提高，再到网络上找综合案例提高拓展也为时不迟。

3）资源丰富，有条不紊

以教材：《Adobe Dreamweaver CS6网页设计与制作技能基础教程（1CD）》为例，该教材一共13章，92节，其中有12个实训案例， 10个课后习题。可以分两部分开发， 第一部分是分章开发课堂案例微课开发，第二部分是实训案例微课开发，第三部分是课后练习微课开发，从方向至少可开发200个微课视频，但是在现在我们不是要研究做多少个案例的微课，而是要研究怎样才能发挥微课最大的功效，实现高质量的微课教学，提出一个比微课更进一步的新概念--“微点”。

4 “微点”

由于微课的优点在小而精，有时一个课堂网页项目设计，无法控制在10分钟之内完成，如果强硬加塞压缩录制，就失去微课原来的意义，不能发挥微课的作用。针对这一个问题，我们可以对把课堂网页项目分为几个或多个知识点，按知识点一个一个来录制微课视频，我称作这样的微课形式，叫“微点”， 有时微到 一个知识的难点可以用1分钟不到就解决掉。如《Adobe Dreamweaver CS6网页设计与制作技能基础教程（1CD）》第4章第三节在网页中插入特殊元素 ，只用了短短的1分钟，就把特殊符号、日期和时间、注释、水平线的添加方法讲清楚了，录制的视频也只有3 MB左右，打开观看很方便。

本书200个案例，每个案例至少有3个的知识点，按最不少的三个来计算，可以制作333个“微点”知识，对学生来说这是一笔非常宝贵的财富，真正做到为学生服务，而不是为了教师个人荣誉的比赛而去制作几个零碎的微课。

本人在 “网页制作”课程教学资源设计中应用“微点”的理念，开发了《网页制作》单一知识点“微点”课堂。如第2章 创建并管理站点-第4节 实训案例：站点的创建 ，把实训案例中的每个建站流程进行知识要点分解，对重点难点知识点配备单一知识点“微点”视频，只要学生哪个知识点不明白，就可以单击“微点”视频进行学习辅导。

5与教材配套“微点”的深度应用

课前：根据学生已有的知识基础和对新知识的需求，可以让学生在课下先看微课视频，为新课做好准备。如果学生的学习能力较强，也可以提前自选章节内容学习。

课中：教师一般会先示范操作一遍步骤，但是一个班每个学生的理解能力参差不齐，难免有些学生记不住某个操作步骤或不理解其中一两个知识点，一个班级的学生，少则二三十个，多则六十多个，碰到小小问题都要找老师是不现实的，课堂上只有一个老师也忙不过来，那学生可能就耽搁在那个知识点或操作步骤上，浪费了宝贵的课堂时间。而有了配套的教材“微点”视频，学生就可以在自己遇到不明白的知识点上去观看“微点”视频，及时解决学习中所遇到的难题。

课后： “微点”视频，学生可以在课后使用，如果在课堂时间没有掌握，利用课后时间，自己观看微课视频，把没弄明白的知识点弄明白。

参考文献：

[1] 赵Z.平面广告设计的微课教学[J].艺术科技，2014（7）.

[2] 秦爰梅.基于“微课”的高职3dsmax教学改革初探[J].四川职业技术学院学报，2014（3）.

[3] 王周娟，黄丽娟.论与教材配套的coreldraw平面设计知识点微微课的开发与应用[J].轻工科技，2015（4）.