摘 要：针对精品课程网站开发，在Dreamweaver环境下，以DIV+CSS作为前台布局设计工具，后台服务器端以ASP为技术平台，结合ACCESS数据库，全面阐述了精品课程网站开发的全过程。

　　关键词：ASP；DIV+CSS；精品课程网站；开发
　　中图分类号：TP393.092
　　精品课程代表高校课程建设的最高水平，在学校课程建设中占有举足轻重的地位。科学性、先进性、教育性、系统性、适用性和示范性是精品课程最显著的特点。精品课程的科学性、先进性应体现在结合使用现代信息技术和网络通信技术，将精品课程最终建成网络课程，通过网络进行教学与管理，同时实现各种资料的上网并免费开放，实现优质教学资源共享，并且能够做到教师之间、师生之间、学生与系统之间、教师与系统之间及时的交互与交流，这也真正体现了精品课程的适用性与示范性[1]。本文以为昭通学院校级精品课程C语言程序设计精品课程网站为例，主要以ASP（Active Server Pages，动态网页）技术为主，从基本的网页结构设计开始，通过Dreamweaver可视化设计功能的辅助，建立一个师生信息交流的平台。
　　1 ASP技术
　　ASP是基于DCOM（Distributed Component Object Model，分布式组件对象模型）构架，所以程序构架可以在本地或网络上以分布方式执行。微软公司提供的Web服务器组件IIS，能将脚本式编程语言直接嵌入HTML语言中，能够利用它建立和运行动态的、交互的、高效的网络服务器的应用程序。由于HTTP浏览器本身具有跨平台的优势，是一种极好的客户端操作平台，因此可以很好地构建B/S（浏览器/服务器）模式。
　　可以通过OLE DB对应用程序的数据源进行访问。通过ADO对象模型，能够使用VBScript或Jscript等脚本语言访问这些接口，并将数据库功能添加到Web应用程序中。
　　2 精品课程网站需求分析
　　2.1 任务目标
　　精品课程网站作为精品课程的一项重要支撑项目，网站要充分展示精品课程的重要信息，以帮助专家学者、教师学生的快速浏览。
　　本网站系统实现的主要功能如下：
　　（1）动态显示课程网站的分类信息，包括精品课程申报表，教师队伍，课程特色，教学资源，教学成果，网络平台等；（2）资源下载，包括教学录像，教学课件、课后习题，预测试卷等学习资料的下载；（3）后台管理，管理员登陆后台进行用户管理、栏目管理、新闻管理、日志管理、数据备份及恢复等。
　　2.2 功能模块
　　本网站系统由前台信息展示模块和后台管理模块组成。
　　前台信息展示模块：（1）信息浏览。浏览申报表、课程特色、教学资源、实验教学，教师队伍，教学成果等；（2）网络平台。进行在线学习、在线答疑及在线考试；（3）下载资源。下载所需教学与学习资源。
　　后台管理模块：（1）用户管理。包括添加用户、删除用户、用户密码修改等；（2）栏目管理。包括动态添加、修改及删除栏目，可以进行一级栏目、二级栏目甚至更多级栏目的管理；（3）新闻管理。包括添加新闻、修改新闻、删除新闻。通过集成ewebeditor可以方便实现新闻内容的动态添加，包括文字格式化、图片、动画、视频的上传，有设计模式和代码模式两种方式进行方便的操作；（4）资源管理。上传教学资料、教学录像和教学课件等，以方便下载；（5）系统安全。包括系统备份、恢复及日志管理。
　　3 系统设计
　　3.1 数据库表结构设计
　　数据库主要由六张数据表构成，如表1所示，每张数据表保存网站的不同信息，后台管理人员负责从后台把信息添加到数据表，前台展示页面根据查询算法把需要的信息动态从数据表里读取出来。
　　3.2 后台登陆模块设计
　　3.2.1 后台登陆模块
　　本模块涉及到整个网站的安全问题，所以网站安全处理的第一步便是验证，即对于请求信息的用户验证其身份。用户通过输入用户名和密码，并与数据表里已有的用户名和密码进行比对，只有用户名和密码与表里的某条记录的用户名和密码都相同，才允许用户登陆进入后台管理页面。如果用户名或密码有错，登陆就会失败，以保证网站的安全。此处特别说明的是用户输入的密码需要通过MD5（）加密函数转换后才可能与表里的加密密码相同，进一步保证网站的安全性问题。
　　3.2.2 新闻管理模块
　　新闻管理主要包括新闻分类、添加新闻和管理新闻。新闻分类可以进行新闻一级栏目分类、二级栏目分类和三级栏目分类，甚至是再多级别的栏目分类，一级栏目下包含二级栏目，二级栏目下包含三级栏目，形成树形目录结构，便于对栏目分类管理。添加新闻模块集成了ewebeditor模块，能够实现上传文字、flash动画、图片，并可进行格式化处理，有设计视图和源代码视图，方便进行实时设计和代码编辑。管理新闻模块能够对新闻页面进行删除、复制、转移、置顶和推荐等操作，操作方便、功能强大。
　　3.2.3 系统管理模块
　　主要包括站点信息配置、用户管理和友情链接管理。站点信息配置管理能初始化系统信息，包括网站名称、网站标题、网站网址等信息。用户管理能添加删除用户，设置密码，修改密码，设置权限等。友情链接管理能方便地添加删除友情链接的网站名称、网站地址等信息。
　　4 系统实现
　　4.1 主页实现
　　主页通常命名为default.asp或者index.asp，本网站的主页命名为index.asp。一个网站主页的界面美观性，操作方便性，响应敏捷性至关重要，首先用户关注的就是主页，主页是一个网站的门面。所以，需要花费大量的心思和精力来思考主页的外观、布局、效率等问题。本网站主页采用动静结合的方式进行设计布局和功能实现。首先在dreamweaver环境下用DIV+CSS技术来进行页面布局，采用目前网页布局比较流行的盒子模型技术，保证页面各个部分相对固定，实现无缝连接。把整个页面看作一个大盒子，称为container，在container里从上到下又包含三个小盒子head，main和foot，依此方法继续把main盒子分为两行，每行再分为两到三列。主页布局好后就可以往各个小盒子里面填入内容，填入的内容可以是静态的，也可以是动态的，此处的动态是指内容是根据需要用数据库查询语句从数据表里面提取出来的，这也是动态网站与静态网站最本质的区别。例如，主页调用一个过程函数Article_List（）来实现新闻内容的显示，具体代码如下： 　　主页各个盒子内容添加完成之后，就涉及到最后一步，进行美化设计。采用比较先进的表现形式CSS（层叠样式表），把CSS单独做成一个文件，让网站的内容与表现形式分离，也是网站设计的宗旨。通过类别选择器、ID选择器和标签选择器的灵活运用，可以实现简约而不简单的美化设计，所有页面都可共享调用设计好的选择器，实现网站风格统一，结构清晰，代码精简。例如，下面CSS代码为一个命名为box的类别选择器：
　　box {PADDING-RIGHT：0px；PADDING-LEFT：0px；PADDING-BOTTOM：0px；PADDING-TOP：0px；margin：0px；BACKGROUND：#f6f6f6；}
　　此段代码设置了盒子的内边距，外边距和背景颜色。
　　4.2 其他主要页面
　　除了主页之外，最重要的两个页面就是list.asp和show.asp。list.asp页面用来显示主栏目下包含的子栏目信息，对于我们网站的导航和子栏目的选择至关重要，当然具体实现也是采用数据库查询语句从class表里把某个主栏目包含的相关子栏目查询并显示出来，再采用CSS样式表进行美化。show.asp页面用来进行具体某条新闻内容的显示，实现方式也是用数据库查询语句从article表里把新闻标题、作者、添加日期、具体内容等信息显示出来，再用CSS样式表进行美化。
　　5 结束语
　　本网站以操作简单，够用就行的原则，在Dreamweaver操作环境下，以DIV+CSS技术进行页面布局，以ASP作为服务器端平台，并以Microsoft Access作为后台数据库，这些都是实现中小型网站、尤其是精品课程网站的首选工具。本文阐述了精品课程网站的开发的全过程，包括分析、设计与实现，尤其是对实现部分的阐述思路清晰，动静结合，让表现形式与具体内容分开处理。
　　参考文献：
　　[1]杨祥，刘海波，刘璞.C程序设计精品课程网站开发设计[J].通化师范学院学报，2010（05）：33-35.
　　[2]孙媛，赵明茹.基于ASP技术动态网站的设计与实现[J].中国制造业信息化，2012（11）：68-71.
　　[3]胡秀源.基于ASP技术的动态网站设计[J].制造业自动化，2011（06）：204-206.
　　作者简介：申云成（1979-），男，云南镇雄人，讲师，硕士，研究方向：软件工程、实时系统、数据挖掘。
　　作者单位：昭通学院 信息科学与技术学院，云南昭通 657000