基于W ordPress的Web标准教学资源库设计与实现

刘 恒，高东怀,宁玉文

（1．西北大学现代教育技术中心，陕西 西安 710069；2．第四军医大学网络中心，陕西 西安 710032）

基于W ordPress的Web标准教学资源库设计与实现

刘 恒1，高东怀2,宁玉文2

（1．西北大学现代教育技术中心，陕西 西安 710069；2．第四军医大学网络中心，陕西 西安 710032）

本文首先阐述了Word Press开源博客的特点和功能，分析了Web标准及符合Web标准的网页布局给网站建设带来的便利；其次参考教学资源库的主要考察点，提出了构建教学资源库的金字塔模型和内容模型；最后根据教学资源库的设计模型以某高校外国语学院西方文化教学资源库为例进行了实现。

W ordPress；Web标准；教学资源库；插件

网络教学资源是开展网络教育的前提和基础，随着网络教育的逐步拓展，网络教学资源越来越丰富，教学资源的开发和有效管理成为开展网络教育的关键，建设教学资源库，为各类学习内容对象提供高效的存储管理，为各种使用者提供方便快捷的存取功能，为教学管理者提供资源访问效果评价分析，从而提高教学资源对象的利用率，促进教学资源更好地为教学服务，是推动教学资源建设的一项重要任务。

一、WordPress简介

WordPress是一个使用PHP语言开发的开源博客平台，用户可以在支持PHP程序语言和MySQL数据库的服务器上架设自己的博客系统。也可以把WordPress作为内容管理系统（CMS）使用。按系统提供的规则，对系统程序进行适当修改之后，可以把系统打造成精美论坛、学校门户等站点。据WordPress官方网站（wordpress.org）的最新统计，全世界超过6亿人选择了使用WordPress开发属于自己的博客平台。另外，WordPress是一个免费的开源项目，在GNU通用公共许可证下授权发布。目前最新版本为2011年7月发布的3.2.1版。[1]主要功能如表1所示。

表1 WordPress主要功能[2]

二、Web标准简析

Web标准是由W3C和其他标准化组织共同制定，用来创建和解释基于Web内容的一系列规范共同组成的标准集合。符合Web标准的网站主要由三部分组成：结构（structure）、表现（presentation）和行为（behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言，主要包括CSS；行为标准语言，主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W 3C组织起草和发布，也有一些是其他标准组织制订。[3]利用Web标准构建的网站有代码量少、可读性好、易维护、兼容性好、方便分析器解析网页、便于搜索引擎索引网页、用户体验更流畅等特征。

构建Web标准网站，最典型的特点是采用DIV+CSS的网页布局模式取代传统的表格（table）布局。长期以来，企业和高校的网页布局一般采用的是table布局，其原因是table布局的快速性和简便性。但由于table标签本身的含义是网页上展示结构化数据，进行网页布局破坏了它原有的语义，导致代码晦涩难读。图1是通过火狐浏览器的代码调试工具firebug浏览采用table布局的某网站首页部分代码截图。代码表示的是网站首页布局情况，然而从代码可读性而言，难以理解其布局含义。图2为采用Web标准布局的某网站首页的部分代码截图。从代码对DIV标签的ID赋值情况可以清晰地明白网页布局的具体情况，例如，ID值为header的DIV块代表的是网页头部，一般是网页的主导航部分；ID值为content的DIV块代表的是网页主体部分，即网页主体内容；ID值为footer的DIV块代表的是网页尾部，一般为网站的备案信息和版权信息。

通过图1和图2的比较可以看出，采用Web标准的网页布局模式可以提高代码的可读性。同时，代码可读性的提高，也方便了网站后期代码维护。

三、教学资源库的设计模型

1．教学资源库的主要考察点

传统教学中，大部分学习资源分散于教师手中，分散于学生手中的资源也很难实现资源共享。通过构建网络教学资源库，将学习资源分类并有组织、有设计地部署在校园网中，方便了教师的辅助教学和学生的自主学习，提高了教学效率。

目前，高校或企业采用的教学资源库（或称培训资源库）开发模式有浏览器/服务器结构（B/S结构）及客户端/服务器结构（C/S结构）。其中主要是以B/S架构开发的教学资源库。表2列出了教学资源库的主要考察点。

表2 教学资源库的主要考察点

为了方便用户的访问和管理员的维护，主要采用B/S软件开发架构开发系统，这样用户只要可以上网，不用在本机上安装其他专门软件，就可以方便地进入自主学习。教学资源库的主要目的是存储足够多的学习资源，方便管理员的存储管理及用户的使用，不要求很强的交互性。

2．教学资源库的设计模型

参考教学资源库的主要考察点，提出了基于资源层、设计层、技术层三个层面构建教学资源库的金字塔模型，如图3所示：资源层为教学资源库提供教学资源；设计层对教学资源合理组织与设计，它包括了以教为主的系统设计方式及以学为主的系统设计方式；技术层选用合适的技术实现下层的设计，它包括了界面设计、开发技术等。其中设计层是一个衔接层，它对下层的教学资源进行合理的组织与设计，为上层的技术选择提供依据。

根据教学资源库的功能需求，提出了构建教学资源库的内容模型，图4表明教学资源库系统的建设应从内容展示和用户交互两方面进行。内容展示部分，对资源分类构建，每个分类提供图、文、声、像（视频、动画）四种资源，图中以四个分类示意，具体进行资源库构建时应以树状结构设计分类图。用户交互部分，图中以常用的留言板、论坛、即时通讯（IM）示意，具体构建教学资源库时应根据实际情况确定。

四、教学资源库的技术实现

使用WordPress二次开发教学资源库主要完成的任务是WordPress模板开发和WordPress插件开发。图5所示为某高校外国语学院西方文化教学资源库系统开发流程图。

1．基于Web标准的模板开发

Web标准要求网页内容与网页表现分离，模板开发中，我们将用于表现网页布局和效果的CSS代码和JavaScript代码单独置于各自文件目录中。为了使文档结构更加合理，将动画代码和图片也单独置于各自文件目录中。完成WordPress安装后，用户自定义模板中的文件结构如图6所示。

首页文件index.php调用CSS文件目录对应文件完成页面布局及调用JavaScript文件目录完成页面动态效果的具体实现方法如下：

2．W ordPress插件选择

插件是指一类特定的功能模块 （通常由第三方开发者实现），它的特点是：当需要它的时候激活它，不需要它的时候禁用或删除它；且无论是激活还是禁用都不影响系统核心模块的运行，它是一种非侵入式的模块化设计，实现了核心程序与插件程序的松散耦合。我们通过选择WordPress插件，解决了几个关键技术问题。

（1）分页插件WP-PageNavi

WordPress系统默认在当前页显示的文章数超过10篇时，将以分页方式展示，默认情况下系统以单调的上一页和下一页模式显示分页。该插件提供了一个更加高级和美观的分页提示面板，可以计算总的文章数并加重凸显当前页数，每页显示的文章数也可以在WordPress管理后台设置。WP-PageNavi插件使得分页显示更加人性化，插件在WordPress官方网站（wordpress.org）提供下载。

（2）视频插件PJW Mime Config

教学资源库支持对flv和rmvb格式视频文件的播放，在模板页面嵌入播放器代码，发现系统对视频文件格式的支持出现问题。该插件提供了在系统后台设置支持的视频格式功能。在PHP环境中选择php.ini文件，打开文件定位到 upload_max_filesize变量并设置合适的值。这样基本解决了视频格式及上传视频大小限制的问题。插件在WordPress官方网站（wordpress.org）提供下载。

（3）角色管理插件Role Manager

WordPress系统实现了基于角色的访问控制，系统默认是“管理员、编辑、作者、投稿者、订阅者”五种角色名称，很难更改。选用Role Manager插件，将系统默认的角色修改成了系统维护管理员（供开发者维护使用）、责任教师管理员（供负责系统管理的教师使用）、普通教师管理员、学生、访客五种角色，并分别赋予了相应权限。该插件还允许开发者新建多个角色等级，并为每个等级的角色分配不同的权限，甚至可以为同等级中的某一用户分配不同的权限。插件在开源软件发布平台SourceForge提供下载。

3．系统部署

系统部署采用目前流行的LAMP（Linux+Apache+ MySQL+PHP）模式部署。它是一组常用来搭建动态网站的开源软件，随着开源潮流的蓬勃发展，开放源代码的LAMP已经与Sun公司的Java2平台企业版（J2EE）以及微软公司的.NET框架商业软件形成三足鼎立之势，从网站的流量上来说，70%以上的访问流量是LAMP提供的，它已经成为了最强大的网站解决方案。[4]

系统采用了基于客户机和服务器模式的三层体系结构B/S/S（Browser/Webserver/DatabaseServer），前台客户端直接采用浏览器，中间服务器是Web服务器，后台为数据库服务器。由客户端在Web页面发出请求至Web服务器，然后再由中间服务器对数据库服务器发出请求，客户端与数据库服务器不直接联系，保证了数据的安全性，适合数据信息的发布和查询，具有跨平台、界面统一、操作简单等优点。[5]

五、总结与展望

教学资源的建设是一项长期而艰巨的任务。无论在理论研究上还是在具体实践上都需要广大教师和专家们进一步的探索。[5]随着LAMP和Web标准的盛行，利用LAMP模式部署符合Web标准的应用将会成为未来的主要发展趋势之一。高校利用开源软件二次开发Web应用可以大大节省资金，基于WordPress的多博客系统，能够初步解决站群建设问题，这为高校网站群的管理提供了一条有益的解决思路。☉

[1]百度百科.W ordPress[EB/OL].[2011-10-27].http: //baike.baidu.com/view/23618.htm.

[2]戴一平.基于W ordPress的CMS分析与设计[J].计算机与现代化,2011(4):79-83.

[3]百度百科.Web标准[EB/OL].[2011-08-23].http: //baike.baidu.com/view/7921.htm.

[4]百度百科.LAMP[EB/OL].[2011-08-29].http:// baike.baidu.com/view/365086.htm.

[5]宋维堂，张淑梅.基于Web2.0理念的高职院校教学资源库建设研究[J].中国教育信息化,2011(9):31-34.

（编辑：金冉）

B

1673-8454(2012)11-0027-04