《数字出版》在线学习平台的设计与制作

王颖　司占军　王晨

摘要：该在线学习平台主要是基于B/S结构，使用Dreamweaver、Access数据库、Photoshop、FlashPaper等软件来设计，采用了ASP动态网页技术。该在线学习平台主要分为前台和后台两大部分，前台部分主要包含有课程中心、课堂小测、在线考试、在线留言、系统公告等模块，此外还添加了数字出版相关新闻模块，丰富了学习平台的内容，该学习平台能实现学生注册、登录、在线随机考试、记录学生考试成绩、在线留言等功能；后台部分主要完成对学生信息、试卷系统、学生考试成绩、相关新闻、系统公告和留言板等数据的添加、删除、修改功能，通过这些功能来实现前台内容的实时更新，从而便于网站的后期维护。

关键词：在线学习平台；数字出版；动态服务器页面

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）34-0135-03

Abstract： Mainly basing on B/S structure， this online learning platform is integrated of various software， such as Dreamweaver， Access database， Photoshop and FlashPaper， as well as， ASP dynamic web technology. It can be divided into two parts， which are foreground and background. The chief content of the foreground course are classroom quizzes， online examinations， online messages， system announcements and other modules. In addition， a news module digital publishing has been added， which can enriching learning platform content. The learning platform enables students to use the function of register， online test， performance record and online messages. Meanwhile， the main use of the background part is that adding， editing and deleting the different modules， including student information， papers system， student test scores， news， announcements and message boards. These functions can support the foreground to update its content， thus making it easy to the maintenance of the site.

Key words： the Online learning platform； digital publishing； Active Server Pages

计算机网络为开展现代远程教育提供了一个理想的学习环境，基于Web的在线教学系统是当前实施在线教育的主要平台，网络学习平台成为了高等教育教学当中非常重要的环节，《数字出版》在线学习平台为学生学习这门课程提供了方便，也有利于学生进行自我检测。

本在线学习平台是基于ASP技术的网络学习工具，具有课件阅读、最新新闻发布、在线留言、在线测试等功能。平台在实现功能方面采用了ASP动态网页交互技术；网络数据库的访问则通过ADO技术来实现[1]。

1 在线学习平台的开发基础

本在线学习平台的开发主要以Dreamweaver CS5+Access软件为主，使用ASPVBScript+Javascript等编程语言将网页与数据库进行连接，并使用CSS对样式进行调整和整体布局，使用Photoshop软件对图片进行处理和美化，用Flashpaper软件将ppt制作成可在网页中显示的课件。

1.1 开发环境

制作环境：Windows 7旗舰版，Intel（R） Core（R） i3 CPU，4.00GB内存，32位操作系统。

制作软件：DreamweaverCS5、Photoshop CS5、Flashpaper。

1.2 软件介绍

1.2.1 Dreamweaver CS5

Dreamweaver CS5是一款通用的网页开发工具，用于网页设计和网站管理。它支持多种开发语言，如ASP、ASP.NET、JSP、 PHP等，能快生成支持数据库的动态网页；它还可以由JDBC、ADO和ODBC驱动的关系数据库管理系统，例如Access、SQL Server、Oracle和MySQL等。它是一个集站点管理和网页创作两大特色于一身的创作工具。Dreamweaver CS5软件可以快捷简便地设计网页，实现在线学习平台的制作，不仅可以给网页添加脚本语言使在线学习平台更加多功能，更主要的是它可以制作出与数据库相连接的动态网页。

1.2.2 ASP

ASP（Active Server Pages活动服务页面）是一种嵌入网页中的脚本语言。ASP语言可以是html标记、脚本命令和文本的任意组合。ASP动态网页的文件名的格式是.asp而不再是.htm。ASP作为目前最为普遍的开放性的网络应用程序开发技术，是一种优秀的网络开发程序语言，它能够把html语言、VBScript或JavaScript等脚本语言、后台服务与强大的数据库结合在一起，创建出具有交互性的动态网页。

1.2.3 Microsoft Access

Microsoft Access是Microsoft Office的重要组件之一。它是在Windows环境下被用户广泛运用的一种桌面型数据库管理系统。不需要使用Microsoft Access编写任何代码，只需要直观显示，就可以完成大多数任务数据库管理，与其他数据库数据通过ODBC相连，从而实现数据交换和共享。由Access提供的工具既方便又简单，最重要的是，Access还提供了更为强大的自动化管理功能[2]。

2 在线学习平台的设计思路与框架

本设计使用了Dreamweaver软件和ASP语言和Javascript语言开发出的《数字出版》在线学习平台，供学生学习《数字出版》这门课程的内容，可以进行每章节的自我检测和期末测验，并且还可以看到最新的数字出版的相关动态，利于学生开拓自己的见识；同时《数字出版》在线学习平台必须设有后台管理界面，用来对试卷、最新动态和系统公告进行增加、删除、修改，便于在线学习平台的后期管理和维护。《数字出版》在线学习平台结构框架，如图1所示。

3 在线学习平台的实现

对平台进行初步规划后，正式制作前需安装配置IIS，然后创建站点并完成数据库的连接，最后对各个模块进行页面设计。

3.1 ASP运行环境的搭建及站点的创建

3.1.1 搭建ASP运行环境

IIS的安装，“开始”→“控制面板”→“程序和功能”，双击“打开或关闭Windows功能”，将“Internet信息服”下拉列表中的选项选中，完成安装，如图2、图3所示。

IIS的配置，右键单击“我的电脑”→“管理”→“服务和应用程序”→“Internet信息服务（IIS）管理器”→“Default Web Site主页”，进入IIS的设置；双击ASP，将路径选择成启用模式“True”；

配置IIS的站点，单击右侧“高级设置”，设置物理路径。单击右侧“绑定”，设置专题网站的端口，一般默认为80；设置默认文档，单击右侧“添加”，弹出“添加默认文档”对话框，在“名称”文本框中输入“home1.asp”；右键单击“Default Web Site”，选择“添加虚拟目录”。在对话框中的“别名”文本框中输入“wangye”，在“物理路径”文本框中输入“F：＼wangye”。完成IIS的配置。

3.1.2 创建站点

打开Dreamweaver，选择“站点”→“新建站点”菜单。弹出站点定义窗口，输入站点名称（wangye），地址（URL）文本框中输入地址“http：//localhost/wangye/”。点击“下一步”，勾选“是，我想使用服务器技术”项，并在“哪种服务器技术？”列表中选择“ASP VBScript”项。然后选中“在本地进行编辑和测试（我的测试服务器是这台计算机）”项，并在“您将把文件存储在计算机上的什么位置”文本框中设置专题网站上传到的地址为“F：＼wangye”。最后在“您应该使用什么URL来浏览站点的根目录？”文本框中输入“http：//localhost/wangye/”，并单击（如图4所示），如果出现“URL前缀测试已成功”的提示窗口（如图5所示），则表示设置正确无误。若信息与设置无误，则点击“完成”，即可完成站点的创建。

3.2 数据库结构的设计与连接

数据库的存储结构顺序可以简单地分为“数据库文件”、“表”、“字段”、“记录”，根据这样的结构顺序，数据库就可以方便快速地进行设计。

打开Microsoft Access 2010，选择主菜单中“文件”→“新建”命令，生成一个空数据库，将其保存在“F：＼ wangye”中，并将数据库存储为2003兼容模式并命名为test.mdb。单击“创建”返回到Access窗口，完成数据库文件的创建。在test.mdb数据库中，创建需要的每一个表，在本在线学习平台的设计中，创建了userlist、admin、news、test、answer、type1、type2、type3、student、msg和xitong等表。

在创建完在线学习平台站点之后，需要将站点与数据库文件conn.asp之间建立连接。这样，在这个站点中创建的网页文件，就可以对数据库进行各种管理操作，连接数据库的操作如下：

1）启动Dreamweaver CS5，新建一个“ASP VBScript”类型的动态网页文件，并保存为“zc.asp”。

2）在“数据库”控制面板中，单击“数据库”标签下方的，在弹出的下拉菜单中打开“自定义连接字符串”对话框，然后进行下面参数的设置：

（1）定义“连接名称”为“conn”；

（2）选择“使用测试服务器上的驱动程序；

（3）在“连接字符串”文本框中输入””Provider=Microsoft.Jet.OLEDB.4.0；Data Source=”&Server.mappath（“/wangye/shujuku/test.mdb”）”.

3）单击右边的“测试”，若出现“成功创建连接脚本”的提示窗口，则表示在线学习平台与数据库文件test.mdb之间建立的连接已经成功，然后连续两次单击“确定”，返回Dreamweaver CS5窗口如图6所示。

3.3 各模块的页面设计

分别对课程学习、在线考试、在线问答、新闻和系统公告、学生注册和登陆以及试卷管理等模块进行页面设计，这里以学生注册模块的设计和制作为例。

1）新建一个类型为“VBScript”的动态网页，并保存文件名为“zc.asp”，首先在页面中插入一个表单，然后对整体页面进行布局。

2）打开“服务器行为”控制面板，在弹出的下拉菜单中选择“插入记录”。

3）在弹出的“插入记录”对话框中，在“连接”和“插入到表格”中分别选择“conn”和“Users”，在“插入后，转到：”文本框中输入“examlogin.asp”。

4）打开“行为”面板，在弹出的下拉菜单中选择“检查表单”。在弹出的“检查表单”对话框中，在列表栏中选中“文本‘usernumber在表单‘form1”，然后勾选复选框“必须的”，按相同步骤完成“username”和“usermm”的设置。

5）在“服务器行为”面板中，依次选择“用户身份验证”和“检查新用户名”。在弹出的“检查新用户”对话框中，选择“用户名字段”列表值为“usernumber”。

6）为了确保用户必须填写了完整的信息才能注册，进行设置如图7、图8所示：

4 结语

数字出版作为未来出版的主流，在我国的发展依然还处在初级阶段，这一技术在国内出版业的实现与推广，还需要大量的知识与信息作指导。在线学习平台由于具有时效性强、更新快、便于自主学习和测验的特点，可以将有关《数字出版》这门课程的内容更加详细的在在线学习平台中进行展示与交流，从而是学生能够能更好地学习《数字出版》这门课程，并且及时了解有关数字出版的更多最新动态。

参考文献：

[1] 陈新文.在线学习系统的研究与设计 [J].鄂州大学学报，2011（3）.

[2] 汪斌.SQL Server数据库部署方式分析[J].电脑编程技巧与维护，2009（19）.