示范课程网站与微课学习平台的设计与实现

王赋腾　孙晓荣　刘翠玲

摘要：在当今网络信息高度发达的时代，网络教育成为了教育发展的必然趋势，而课程网站与微课学习平台是网络教育的关键环节，本文通过建立“电机与电力拖动基础”校示范课程的教学课程网站与微课学习平台，让学生不再局限于课堂，甚至能随时随地了解课程的教学情况，这在很大程度上提高了学习效果。文中分析探讨了课程网站的设计思路与设计技术，利用Dreamweaver作为开发工具完成了课程网站的设计开发，并在课程网站完成的基础上，通过云适配技术对网页进行重排、调整，使新网页适合mobile的访问，从而实现微课学习平台的构建。

关键词：Dreamweaver；课程网站；网络教育；微课学习平台

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2016）12-0237-02

一、引言

《电机与电力拖动基础》主要是研究交直流电机原理及其起动、调速、制动等拖动理论、分析方法、基本特性及变压器运行原理、特性及工程应用等的一门专业基础课程，其内容给电气信息类和机电一体化工科专业大学生奠定了扎实的工程实践基础，是当今工科大学唯一不可撼动的强电基础课。在经典的课程教学中，有效学习时间较少这个因素严重影响了学习效果。而“电机与电力拖动基础”课程网站与微课学习平台的构建，实现了教学资源的网络化，让学生不再局限于课堂，增加了有效学习时间，进一步提高了教学质量，加强了教学效果。

Dreamweaver是MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，包括代码、拆分、设计、实时视图四大界面。它支持JavaScript、VBScript等多种编程语言，功能强大，操作方便。在课程网站的构建中，Dreamweaver充当了重要的角色。本文以“电机与电力拖动基础”校级示范课程为对象，分析探讨了课程网站的设计思路与设计技术，并用Dreamweaver作为平台开发工具完成课程网站的设计，并在此基础上通过云适配技术成功构建了微课学习平台[1]。

二、课程网站的设计思路

网站的设计内容主要分为两大部分：页面内容设计与页面风格设计。“电机与电力拖动基础”教学课程网站旨在提供一个教学交流、资源共享的平台，因此页面内容设计分为两大部分：第一部分是教学资源的搜集，然后通过Dreamweaver的表格布局法将搜集的教学资源合理的构建成板块，最终实现教学资源的在线浏览和下载；第二部分是构建留言版、师生在线交流平台等模块，通过这些模块实现教师与学生的在线交流，加强师生的沟通。页面风格设计包括课程网站每个页面字体、颜色以及网页的排版布局等，旨在提供一个协调美观的学习环境。整个系统囊括“电机与电力拖动基础”这门课程的详细信息和在我校拥有的教学资源，通过这个网站可以全面了解这门课程的详细情况。课程网站的系统结构图如图1所示，整个课程网站的主要内容分为七大模块[2]。

1.教学内容模块。教学内容分为理论教学内容和实践教学内容。理论教学内容介绍了教材所蕴含的理论知识以及教学的时间安排；实践教学内容则分为实验、科技课外活动、认识实习三大内容的时间地点安排，通过教学内容模块学生可以全面了解教学进度安排，从而更好地制订学习计划。

2.教学队伍模块。教学队伍主要从课程负责人、教学队伍、主讲教师、师资培养四个方面，全面地分析了《电机与电力拖动基础》这门课程的强大师资力量，而且通过基本信息、教学情况、论文及主编教材、学术研究四个方面可以全面地了解每一位主讲教师的情况。通过本模块可以了解本专业拥有一批责任感强、团结协作、有敬业精神的教师队伍，同时教师们教学质量高、知识结构合理的特点也得到了充分的体现。

3.教学条件模块。教学条件模块分为教学与学习资料、实践性教学环境、网络教学环境三个子模块。教学与学习资料主要介绍了所选教材及配套的实验指导书；实践性教学环境主要介绍了本专业拥有的实验室以及已和本专业建立合作关系的校外实习基地；网络教学环境主要介绍了便利学生学习的各种校内网站。

4.教学方法与效果模块。教学方法与效果分为教学方法与手段、教学改革与研究、教学效果三大子模块，通过本模块可以全面了解本专业所采取的科学教学方法并且取得的良好效果。

5.课程简介模块。课程简介主要从课程简介、课程地位、课程定位与目标、政策支持四个方面详细介绍了《电机与电力拖动基础》的主要内容、发展历程以及这门课程预想达到的目标。

6.网络资源模块。网络资源模块是整个系统的核心部分，其中包含教学大纲、电子课件、授课录像、参考文献、习题及答案、实验指导书、学术研究、教学资源、相关链接、留言十大部分，介绍了课程的一些基本信息，实现了授课录像、教学演示动画、习题及答案、实验指导书、电子课件这些重要教学资源的在线浏览以及其中一部分资源的下载功能。学生可以通过留言板块将自己的想法和问题传达给教师，教师在收到后作出回应。通过这个模块，师生之间会有充分的交流。

7.导航模块。导航模块大大加快了广大用户查找自己所需内容的速度，模块链接了整个系统的绝大多数模块，实现了系统快速便利的功能。

三、教学网站的实现

课程网站系统能够实现基于校园网络环境下的资源管理，以便有效地管理上传的资源，构建适合的课程资源库。系统采用B/S结构，即浏览器/服务器结构。用户通过浏览器向服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器上。系统平台设计工具采用的是Dreamweaver，利用Dreamweaver表格嵌套布局的方法合理的将教学资源分为各个模块，并将“电机与电力基础”这门课程相关的授课录像、演示动画、习题答案等资源上传到服务器中，学生通过链接即可下载观看。网站页面利用DIV+CSS美化修饰页面，灵活地将CSS样式运用到页面各个方面使页面变得美观舒适；采用JavaScript脚本语言实现页面元素的多元化，如通过JavaScript代码实现图片的无缝切换和无缝滚动等效果。所需图片利用Photoshop美化修饰；部分页面插入flash动画，Flash是一款专门制作动画的软件，具有文件小、传输快等优点，在页面中插入flash动画能让整个页面变得更加生动。[3]

四、微课学习平台的实现

微课学习平台的实现基于云适配技术，在原PC网站植入一行JS代码，当检测到来自移动端的访问后，开始在云端进行网页的重排、调整，网页转换过程处理快，反馈速度也快，然后自动调用做好的网页返回给浏览器。云适配在转换之前都会让用户先提交URL，然后通过分析、分离数据和样式对分离后的数据和样式进行重新渲染，优化代码，减少HTTP连接，最终产生云适配后的网页，储存到云端。当用户访问网站页面时，云端会根据访问设备的不同，推送不同的适配引擎样式，进行即时干预并优化网页显示效果，实现跨平台网站的创建、优化、增值[4]。

通过云适配技术可以轻松实现微课学习平台的构建，同时云适配技术只是对“电机与电力拖动基础”课程网站的内容进行调整，使之适合mobile的访问。因此，微课学习平台能保持课程网站的内容基本不变，满足了微课程学习的基础需求。

微课学习平台的构建有助于学生的多元化学习，激励学生的学习兴趣，增强学生的学习效果，为学校的教育教学工作开发了一个良好的平台。

五、结语

电机与电力拖动基础示范课程网站与微课学习平台的建设在学校教学工作中起到了举足轻重的作用。它增强了学生的学习效果和学校的教学效果，有助于该课程的内涵深化与外延扩展，有助于教学手段的改进和教学活动的创新。Dreamweaver作为当今网站制作的主流软件，在课程网站的建设、维护管理等方面都能发挥关键作用。随着该示范课程内容的不断建设和完善，课程的网络教学系统和微课学习平台也将不断充实，保持教学内容的先进性和教学手段的现代化[5]。

参考文献：

[1]刘翠玲，孙晓荣.《电机与电力拖动基础》课程设计改革与实践[J].中国现代教育装备，2009，（01）.

[2]张新华，杨泽斌，朱熀秋.《电机与拖动基础》精品课程建设改革与实践[J].中国电力教育：下，2008，（18）.

[3]范爱平，姚福安.精品课程与教学网站建设[J].电气电子教学学报，2006，（06）.

[4]司传平，郭子林.精品课程建设的探索与思考[J].理工高教研究，2004，（06）.

[5]郭立婷.精品课程及其建设研究[D].太原：山西大学，2007.