基于WordPress的专题学习网站的设计与实现

基于WordPress的专题学习网站的设计与实现

沈涵飞

TheDesignandImplementationoftheLearningWebsiteBasedonWordPress沈涵飞SHENHan-fei（苏州工业园区服务外包职业学院，苏州215123）（SuzhouIndustrialParkInstituteofServicesOutsourcing，Suzhou215123，China）

摘要院学科专题学习网站的建设与应用是信息技术与学科整合的一个重要方面，是推动学校教育信息化发展的重要内容。本文首先说明了建设专题学习网站的意义，以及采用WordPress平台来创建专题学习网站的优势，接着描述了如何实现内容发布的基本功能，并介绍了采用评论功能、测验插件和视频播放来构建导航清晰、交互性强的专题学习网站。

Abstract:Constructionandapplicationoflearningwebsiteisanimportantaspectofinformationtechnologyandtheintegrationofdisciplines,anditisalsotheimportantcontenttopromotethedevelopmentofschooleducationinformatization.Thisarticleexplainsthesignificanceofbuildinglearningwebsite,aswellastheadvantagesofusingtheWordPressplatformtodothis.Thenitdescribeshowtoimplementbasicfunctionsofcontentpublishingandtheuseofcomment,quizmoduleandvideoplayback.Allofthisimprovesnavigationandinteractivityofthewebsite.关键词院专题学习网站；WordPress；测验模块Keywords:learningwebsite；WordPress；quizmodule中图分类号院TP393文献标识码院A文章编号院1006-4311（2014）23-0215-021

建设专题学习网站的意义《国家中长期教育改革和发展规划纲要（2010-2020年）》明确指出：“信息技术对教育发展具有革命性影响，必须予以高度重视”。教育部在2012年3月发布的《教育信息化十年发展规划（2011-2020年）》要求“推进信息技术与教学融合。建设智能化教学环境，提供优质数字教育资源和软件工具，利用信息技术开展启发式、探究式、讨论式、参与式教学，鼓励发展性评价，探索建立以学习者为中心的教学新模式，倡导网络校际协作学习，提高信息化教学水平”。

专题学习网站的建立，有助于鼓励学生利用信息手段主动学习、自主学习、合作学习；培养学生利用信息技术学习的良好习惯，发展兴趣特长，提高学习质量，增强学生在网络环境下提出问题、分析问题和解决问题的能力。

2WordPress的功能和优势WordPress使用PHP语言和MySQL数据库开发，最初用于创建个人博客系统，在发展过程中逐步演化成一款轻量级的内容管理系统。WordPress功能强大，插件众多，易于扩充功能，安装使用都非常方便。WordPress已成为全球用户使用最多的内容管理系统，大约95%的博客用户都是使用的这款CMS，很多中小型企业网站、小型购物网站、视频图片分享站点及内容站点都用其内核修改主题之后搭建的。

WordPress采用了内容和结构相分离的MVC设计模式，具备优异的扩展性，官方网站提供了海量的模板和插件库。使用WordPress来创建学科专题网站，可以极大地降低教师的学习门槛，将更多的精力集中在内容的创建上。

专题学习网站的设计可以分成两个层次：1）以内容发布为主的基本功能；2）以提升交互性和发挥多媒体特性为目标的增强功能。

3内容发布功能的设计

3.1采用CMS的展现方式WordPress自带的模板采用的是个人博客的呈现方式，文章按照发布的时间逆序排列，最新发布的文章出现在网站的最上方。这种方式不适合学生来快速定位自己想学的内容。

由于WordPress采用了优秀的MVC设计方法，内容和结构完全分离，很容易设计出类似内容管理系统或者新闻发布网站外观的模板，应用这些模板可以在网站首页显示多个目录，每个目录下面包括指定数量的文章标题，整个网站的内容就一目了然。

为了使网站具备更好的导航效果，根据学科的知识点而不是发布时间排列，需要对文章出现的顺序进行调整。

ReOrderPostWithinCategories插件可以实现这一功能，调整指定目录下文章出现的顺序。

3.2页面静态化的实现WordPress采用PHP和MySQL实现，默认状态下网站的响应速度较慢，一个30个学生的班级同时访问就可以让网站失去响应。采用页面静态化技术就可以极大的提升网站的访问速度。所谓静态化就是生成了所有文章以及首页的静态页面，每次访问的时候不需要读取数据库和执行PHP脚本，能够大幅降低CPU占用率，加快访问速度。将全新的WordPress部署在UbutuServer12.04LTS64位操作系统上，使用ApacheBench进行测试，采用页面静态化技术较默认方式的响应速度要快3个数量级。

3.3CDN技术的运用在实现页面静态化之后，网站的访问速度大幅提升，但如果网页中存在较多的图片，在不同的网络环境下的用户的访问速度不能达到保证。采用CDN方案可以很好的解决这个问题。

CDN的全称是ContentDeliveryNetwork，即内容分发网络。CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等信息将用户的请求重新导向离用户最近的服务节点上，使用户可就近取得所需内容，解决网络拥挤的状况，提高网站的响应速度。

国内提供CDN服务的供应商如七牛和又拍云对WordPress提供了完善的支持，WordPress官方插件库中的七牛镜像存储WordPress插件，能一键实现WordPress静态文件的CDN加速。这个插件简化了使用CDN的操作，无需将图片上传到七牛的服务器上，只需在WordPress站点做些简单的修改，就可以使用七牛的CDN服务。

3.4页面的计数功能掌握网站页面的访问情况可以更有效地了解学生的关注和学习的重点。WP-PostViews插件是应用较为广泛的页面计数插件。该插件的主要功能是记录显示文章或自定义页面被浏览的次数，同时也提供了最少访问和热门文章、特定分类目录下最新访问和热门文章功能。

3.5代码高亮的实现如果专题学习网站中通常会包含大量的代码，将代码以高亮的方式展现能够提高网站的友好性，更方便学生的阅读。

WP-Syntax插件可以方便的将代码已高亮的方式显示，如图1所示。

需要高亮显示的代码嵌入在标签<preescaped="true"lang="LANGUAG"line="1">和<pre>之间，LANGUAG表示使用的编程语言。WP-Syntax支持包括C/C++、JAVA、PHP、C#、ObjectiveC、HTML等在内的超过100种编程语言。

为了更方便地在编辑器中插入高亮代码，可以安装WP-SyntaxEditorIntegration插件。启用插件后，选中需要高亮的代码，点击这个插件的图标，就能自动将代码嵌入在标签<preescaped="true"lang="LANGUAG"line="1">和<pre>之间。

4网站关键功能的设计专题学习网站除了需要实现内容发布之外，还需要实现和用户的高度互动，增强学生的使用体验，提升学习效果。

4.1评论功能实现和用户的互动WordPress最初定位是个人博客平台，强调和用户的互动，核心模块本身就具备支持评论功能。每篇文章在发布时可以开启或关闭评论功能，并且在后台提供了强大的评论管理功能。学生可以在每篇文章的下方填写自己的疑问、建议等内容，提高网站的互动性。

4.2测验模块为了帮助学生评估自己的学习效果，在文章中间或者末尾可以插入练习题，学生在学习完某个知识点后，就可以通过练习来评估自己掌握的情况，实现内容和练习的无缝集成。WP-Pro-Quiz插件提供了测验的功能，题目中支持HTML编辑，可以显示图片和视频，支持的题型包括单选题、多选题、排序题、填空题等常见题型。

这个插件还具有强大的后台分析功能，可以统计每题的得分情况，有助于教师细粒度地分析学生的掌握情况。

4.3基于HTML5的视频播放方案在WordPress中播放视频无需使用任何插件，使用标准的HTML5标签video就能视频播放。代码如下：<videosrc="filename.mp4"width="640"height="360"controlsautobuffer></video>建议统一采用mp4格式保存视频，如果是其他格式，可以采用格式工厂等视频转换软件先转换成mp4格式。

InternetExplorer9+,Firefox,Opera,Chrome以及Safari支持<video>标签，而InternetExplorer8以及更早的版本不支持<video>标签。解决这一问题的办法是在head部分加载下面的JavaScript文件，使用如下的代码实现：<scriptsrc="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>实现的原理大致是使用了flash技术，使用flash播放器嵌入视频的方式，使得IE及Firefox支持video标签，这个播放器称为flowplayer。这样就实现Windows平台、Mac平台、Android平台、iOS平台的全平台播放。

5小结采用WordPress作为内容发布平台，可以快速地创建出专题学习网站。利用模板机制，可以实现网站清晰的导航；利用各类插件，可以使专题网站实现页面静态化、页面计数、代码高亮显示、学习测验、下载管理等功能。

专题学习网站的建设为学生创造了学习、评估、练习、答疑等功能于一体的无缝网络学习环境。学生不但可以随时浏览网站进行学习，而且还可以及时完成不同层次的练习，使学生能够自己评估学习效果，为教师的有效教学提供了数据的支撑。

参考文献院[1]益永钢，陈洁蓉，沈莉.依托专题网站构建校本课程[J].中国电化教育，2005（5）.[2]江波，覃燕梅.基于开源软件WordPress构建高校信息素质教育门户[J].现代情报，2011（11）.[3]王光煜.试论专题学习网站的设计与开发[J].科教文汇（下旬刊），2007（10）.