综合性精品课程网站的设计

王丽芬

（吉林农业科技学院，吉林 吉林132101）

综合性精品课程网站的设计

王丽芬

（吉林农业科技学院，吉林 吉林132101）

首先对精品课程网站做了详细的需求分析，然后给出了精品课程网站所需的功能，重点探讨了精品课程网站的设计方案，最后对精品课程网站进行了较详细的设计，并给出了具体实现步骤，通过测试分析，该系统的运行稳定可靠，实用价值高。

精品课程；网站；数据库；教育；资源

在现代的学习生活中，多数精品课网站都是针对某一门课程设计的，对于这一现象，我们设计一个专业（电子信息科学与技术）的综合性的精品课网站。

电子信息科学与技术专业精品课程网站计的开发是基于B/S结构，采用ASP.net程序设计语言SQL数据库进行开发。本系统需达到以下目标：系统注册中判断用户名是否可用，提高注册效率；首页集合精品课程，并按照精品课程级别进行分类；后台可以控制各精品课程页面Banner、Title、keywords、description等；通过Office Word可以直接粘贴到后台进行发布，并保持格式统一；系统最大程度实现易维护和易操作性；系统运行稳定、安全可靠。

1 系统功能模块设计

通过调查分析，结合实际需求，划分出了精品课程网站的模块，此系统主要包括课程管理模块，资料管理模块和其他管理模块，如图1所示：

图1 系统模块图

具体来讲本系统有以下模块：用户管理：添加用户，修改密码，删除用户；课程管理：添加课程，删除课程，修改课程；资料管理：添加、删除、编辑前台显示信息。

2 基本栏目内容

精品课程网站主要是为学生提供自主学习的平台，为学校展示课程改革成果的交流平台，所以精品课程网站应包含申报资料、成果奖励等展示型栏目，还要包括教学录像、习题试卷等学生自主学习栏目，组成部分如图2所示：

图2 系统栏目图

3 数据库的建立

数据库是模块建设中的关键部分，是精品课程网站设计的核心，数据库功能实现的好坏，直接决定了系统功能的实现程度，以及系统实际运行的安全性。基于网络数据库SQLServer 2005建立如下结构的数据库。（User、Lessons、Images、Course）以Course为例：

表1 Course

4 系统功能的实现

4.1 系统主页面的设计

系统主页面采用绿色为主，由于此精品课程网站以电子信息科学与技术专业集群性质设计的，所以页面右侧导航设置分为校级精品，省级精品和国家级精品，分类简约而明了。

此导航采用了JavaScript脚本配合div+css实现，动态显示，华丽而美观，其中经典的JavaScript代码（部分）如下：

$（function（）｛

$（".xjjpkc"）.css（"display"，"none"）

$（".sjjpkc"）.css（"display"，"none"）

$（".gjjjpkc"）.css（"display"，"none"）

$（".xj"）.click（function （） ｛ $（".gjjjpkc"）. css（"display"，"none"）；$（".sjjpkc"）.css（"display"，"none"）；$（".xjjpkc"）.css（"opacity"，"0.0"）.fadeIn（"slow"）. fadeTo（"slow"， 0.7）；｝）；

$（".xj"）.click（function xjjpkccx（）｛var marquee3=new Marquee（"marqueedivcontrol1"）；

…………

4.2 教学录像页面

教学录像为学生提供了更简便快速的学习途径，学生可以根据自身情况，对自己的薄弱处进行反复学习，教学录像是以一种真人授课的方式展现在学生面前，学生可以进行自主学习和交流，满足个性化学习的需要。

代码（部分）如下：

4.3 登录功能实现

登陆页面用于系统管理员进入管理界面，对该网站进行管理。核查登陆信息页面用于处理登陆页面提交的数据，查找是否有相应的用户并进行密码校检。

4.4 课程主界面

管理员登录后，直接进入管理界面，该界面能显示出精品课程网站的所有信息以及管理信息。该界面是用Dreamwaver 8.0设计而成，主菜单是div+css实现，效果与Flash类似，但却减少了许多繁琐的代码，而且利于搜索引擎优化，利用背景图片变换达到效果，增强了用户体验设计，使导航清晰明了。

此页面用的div+css进行布局，比传统的table布局更加精简，易于搜索引擎优化。

4.5 课程管理系统实现

（1） 课程管理

这个页面是课程管理页面，通过这个页面，可以对精品课程进行添加、编辑、删除等操作。

（2）添加编辑课程页面

这个页面可以点击编辑或者添加后进入的页面，在这个页面中，我们可以对精品课程进行添加或者编辑，包括名称、级别、显示顺序、首页图片和banner的编辑：

4.6 详细资料编辑页面

这个页面是为管理提供编辑发布的页面，可以选择要编辑的课程，之后选择要编辑的分页，进入编辑页面，在这个页面中，我们可以对标题、先是顺序、关键字、描述、章节、内容等进行编辑。此页面采用了强大的后台编辑处理系统，使得编辑文字、图片，排版等应用自如。

5 结束语

设计一个好网站，让无数的浏览者欣赏一个网站，它的风格是躯体，内容是灵魂。鲜明的主体风格可以吸引浏览者的眼球；精彩纷呈的内容可以激起浏览者的兴趣。两者合一，就是一个成功的网站。本系统在界面设计上使用Dreamweaver8.0，为了能够设计出更为美观的界面，后台采用ASP.NET，由于两者能够很好的兼容，所以整个设计得心应手、系统运行流畅稳定。

［1］晏愈光.基于ASP.net的教学网站设计［D］.中国优秀硕士学位论文全文数据库，2007，（5）.

［2］徐亚.浅谈网页设计中Flash与ASP.net技术的结合［J］.电脑知识与技术，2009，（3）.

［3］盛伟翔，王昊.浅谈利用ASP.net技术构建网络教学系统［J］.科技广场，2008，（12）：237-238.

［4］杨芮钧.论ASP技术在远程教育系统中的应用［J］.现代经济信息，2008，（10）：153-154.

［5］赵燕燕.ASP技术在Web数据库开发中的使用［J］.河南职工医学院学报，2009，（1）：93-94

［6］龚赤兵.《精通ASP.NET 2.0电子商务网站开发》.2008年1月，第1版，人民邮电出版社.

TP311

A

1671-3818（2016）10-0176-02

王丽芬（1976- ），女，满族，吉林通化人。吉林农业科技学院教务处科长，讲师，硕士，主要从事计算机领域的教学与研究工作。