高校精品课程网站建设.doc

1、高校精品课程网站建设摘 要随着Internet 的发展和网络信息的广泛传播，现代教育已经开始突破传统教育模式，与网络相结合。而精品课程就是这种结合形式之一，它打破现有教育教学质量受制于教学资源不足的瓶颈。我的毕业设计课题是一个教学应用性网站，通过该网站，可以为教师、学生及其他相关人员提供全面的教学信息，实现教学的资源共享；可以增强师生之间的交流，更好的促进学生的学习和对知识的掌握，并对高校的教育模式的改革具有重要的意义。本网站的建立主要是用的是HTML和ASP语言。利用网页编程工具Dreamweaver MX 2004进行前台开发，构建网站框架，其中关键之处在于如何显示动态文本；动态内容是采用

2、Access数据库开发的，它相对简单，支持动态数据类型和动态协议，便于对各种数据资源不断更新和维护；答疑系统，主要是利用ASP中的Application 对象实现的。建立完成的精品课程网站基本上可以满足预期要求，实现网上教学资源的共享，全面提高教学质量和人才培养质量。关键词：Dreamweaver MX 2004；答疑系统；ASPAbstractAlong with the development of Internet and the prevalence of the network information, modern education have already began to b

3、reak through traditional education mode , combined with the network. And one of that kind of combinative forms is the exquisite article courses, it has break out the quality of teaching in current education , whose quality have been enslaved to the bottleneck of the lack of teaching resource .The gr

4、aduate design task of mine is one part of the construction of the exquisite article courses . It is a teaching application website and free resources .By this website ,it can provide teaching information full-scale for teachers、student sand the like . It make the share of the teaching resource come

5、true . It also can boost up the exchanges between teachers and students .It will help students to study and to consolidate the knowledge which they should .In addition ,it have the important meaning to the reformation of the education mode of high school.The website is built by the use of Dreamweave

6、r MX 2004 and the language of ASP .The proscenium is developed by Dreamweaver MX 2004 ,which is a tool for making web pages ，setting up the website frame, among them the key is how to show the dynamic text .All the dynamic content are developed in the Access database. Comparatively , it is simple ,

7、but it also can support dynamic data type and dynamic agreement ,which will make the renew and maintenance for every kind of data resource easier continuously . The answering system is realized mainly by the Application Object in ASP .The website that have finished can satisfy the expect request ,re

8、alize the share of the teaching resource on the Internet , improve the quality of teaching and cultivation entirely .Keywords：Dreanweaver MX 2004；The answering system； ASP目 录word文档 可自由复制I编辑引 言人类已进入21世纪，科学技术突飞猛进，知识经济初见端倪，特别是信息技术和网络技术的迅速发展和广泛应用，对社会的政治、经济、军事、科技和文化等领域产生越来越深刻的影响，也日益改变着人们的工作、生活、学习和交流的方式。自

9、20世纪90年代以来，我国高等教育相继实施了一系列重大教学改革工程，使高等教育的教学观念、人才培养模式和目标、课程体系与教学内容、办学条件和教学环境、教材建设等都发生了深刻的变化。精品课程建设正是适应这一形式而提出的，是高等学校教学质量和教学改革工程的重要组成部分。通过精品课程建设，充分发挥精品课程的示范和辐射作用，牵动其它课程建设，促进课程整体水平的提高；通过每门精品课程教学队伍的建设，促进学校尽快完成本科教学中坚力量的新老交替，推进教学改革，促进优质教学资源的共享，全面提高教学质量和人才培养质量。而精品课程支撑网站是精品课程建设之中重要和关键的一环，是精品课程外在的表现形式和载体，直接反映

10、和影响精品课程建设的质量。在过去的几年里，国内已经有许多高校建立了多门学科的精品课程网站。这之中，积累了很多的经验。高校精品课程网站建设是一项系统工程，它涉及教师、学生、教材、教学技术手段、教育思想和教学管理制度等，其建设规划应能够反映各高校提高教育教学质量的战略和学科、专业特点。在新形势下，高校精品课程网站建设规划时要注意以下几个方面：建立合理的知识结构，着眼于课程的整体优化，反映本校的教学特色。各高校要在构建课程体系、组织教学内容、实施创新与实践教学、改革教学方法与手段等方面进行系统配套的改革；安排教学内容时，要将授课、讨论、作业、实验、实践、考核、教材等教学环节作为一个整体统筹考虑，充分

11、利用现代化教育技术手段和教学方式，形成立体化的教学内容体系；重视立体化教材的建设，将基础课程教材、教学参考书、学习指导书、实验课教材、实践课教材、专业课程教材配套建设，加强计算机辅助教学软件、多媒体软件、电子教案、教学资源库的配套建设；加强校际间的合作，进行网上选课系统建设，使高校教学资源得到进一步优化和组合；重视对国外著名高校教学内容和课程体系改革的研究，继续做好国外优秀教材的引进、消化、吸收工作。总结一下，精品课程主要有以下几个特点：1.先进性，要充分体现学生在教与学当中的主体地位，采用新近的教学方法先进的教学手段，合理运用现代信息技术等手段，改革传统的教学方法、教学手段，广泛加深教与学的

12、互动性，积极促进教师的有效引导和学生的自主学习的有机结合。2.互动性，精品课程必须是持续的精品课程，必须进行持续的建设。 3.整体性，精品课程包括了教师、学生、教材、教学技术手段、教学制度等要其建设要考虑完整的课程建设的各个环节，即课堂授课水平、教与学的互动、学生课余的自主学习和实践动手能力的培养、学业成绩的评价以及教学辅助手段和教学参考书的建设等。4.开放性，教育部将力争通过5年的建设，建成世界上最大的高等教育精品课程网站，以较低的成本实现优质教学资源共享这一目标，而且承诺该网站的内容面对所有用户均免费，其目的就是要打破现有教育教学质量受制于教学资源不足的瓶颈，通过免费为师生提供优质教育教学

13、资源来提高教育教学质量。目前，在精品课程网站的建设中还存在几个难点：如何实现课程理想的建设目标、如何展现课程特色，如何将网站建设成动态的，如何改善网页设计形式呆板、网页内容欠缺灵活的问题，如何使网站的内容涵盖充分，如何进一步加强师生教学的交互性。通过与指导教师陶恂老师的交流，并且在网上浏览了其它学校相关学科的精品课程网站，我大致了解精品课程网站应有的几个基本组成部分：主页、课程概况、课程实验、练习作业、课件下载、参考资料。此外，基于教师的要求，也为了加强教师与学生之间的交流，在网站中又增加了一个“答疑系统” ，也就是我们一般用到的留言板，便于教师和学生之间展开交流。第章 系统开发环境在Inte

14、rNet迅猛发展的今天，用户不再只满足于通过浏览器看到静态页面，而是希望能根据要求生成更加灵活、生动的动态页面。数据库对于信息的动态检索无疑具有极大的优越性，因此根据数据库信息的不断变化生成动态web页面将成为网页设计的重要方法。动态网页的技术就有多个厂商的支持，他们都有各自的优点。利用JSP、ASP、PHP和其它有关技术，一个用户可以将一个Http请求送到一个可执行应用程序而不是一个静态的HTML文件。服务器将会立即运行这个限定的程序，对用户的输入做出反应，将处理结果返回客户端，或者对数据的记录进行更新。通过这个模型，就可以在服务器端和客户端之间有效的进行交互。静态网页浏览者可以直接从服务器

15、端调用浏览，占用服务器的资源较少但缺点是其不包含交互功能，对于使用者来说，只能看但不能参与活动，这是一个很大的缺陷。动态网页包含交互功能，浏览者可以和服务页面间产生会话作用，完成一系列的动作。动态网页有如下一些优点:（1）读者可与Web服务器进行交互（2）可实现数据库的查询 （3）可以与HTML以外的文件进行交互 （4）可缩短查询时间，提高浏览效率它的最大的优势体现在用户可以进行直接参与活动。1.1 ASP技术介绍ASP全名为(Active Server Pages)，它是微软公司推出IIS的一个组件，ASP实际是一种在服务器端开发脚本语言的环境。利用它可以开发出动态、交互、高性能Web服务器

16、端的应用，且能较容易实现复杂的Web应用。利用ASP开发的脚本程序全部运行在服务器端，与用户所采用的浏览器无关，从而极大地减少了对客户端的要求。其工作原理是：浏览器从Web服务器调用ASP文件(一种文本文件)，服务器端的脚本引擎对每一条脚本语句解释执行，再把执行的结果生成HTML文件传给客户端。 ASP文件包括文本、HTML标记和ASP文件特有的脚本语句。制作ASP文件同HTML文件一样，可以用任何纯文本编辑器进行编辑。 ASP可以使用任何脚本语言，只需提供其相应的脚本引擎就可，ASP自身提供VB ScriPt和JSP cript两种脚本引擎，缺省为VB Script。ASP包括了5个内置对象

17、：Request对象，从浏览器获取信息；Response对象，发送信息到浏览器；Server对象，控制ASP执行情况，对服务器端ActiveX控件起作用；Session对象，存储用户任务的信息；APPlication对象，使多用户共享一个程序的信息。网站内容的动态化、数据库化是Internet网站发展的必然趋势，ASP以其简单、高效的开发方式及丰富的控制手段为Internet网站的开发应用提供了强有力的支持。1.2 ASP的技术特点和工作原理1.2.1 ASP运行模式当一个浏览器从web服务器请求一个*asp文件时ASP脚本开始运行，web服务器此时调用ASP从头至尾读取请求文件，运行所有命令

18、并把HTML网页返回给浏览器。Http 请求Web 服务器Active server page浏览群Http 应答 图1.1 ASP运行模式图 ASP文件使用数据库访问构件通过ADO(Active Date Object)访问数据库的数据时，web服务器起着中间部件的作用。它接收用户web浏览器的web页请求使用ODBC把对数据或数据库的任何命令请求通过网络送到数据库服务器，从数据库服务器接收数据并且把产生的web页和数据送回到用户浏览器。在图3中显示了在运行中各部分之间的关系：数据请求Http 请求数据库服务器Web 服务器Active server pageWWW 客户端工具浏览器 返回数

19、据Http 应答图1.2 ASP各部分关系图 基于ASP的页面以*.asp文件形式驻留在web服务器上。一个*.asp源文件是文本文件，可以包括以下成分： 文本 用于显示信息、页面标题等。 HTML标记 实现页面风格设计。ASP脚本(Script Commands)图1.3 ASP工作原理图图1.3显示了ASP的工作原理，当浏览器通过HTTP协议向web服务器申请一个由*.asp定义的页面时，web服务器响应HTTP请求，用ASP引擎解释被申请文件。当遇到ASP脚本命令时，ASP引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留web服务器上)进行处理。ASP提供两种脚本引擎，即VBScript

20、引擎和VJScript引擎，若要使用其他脚本语言，需要在web服务器上另外安装相应的脚本引擎；当遇到基于COM标准的组件(组件本身是经过编译的可重用二进制码)时，ASP引擎启动相应的组件完成指定的功能。若ASP文件含有访问数据库的请求，ASP内置组件ADO(ActiveX Date Object) 通过ODBC与数据库连接，对数据库进行访问，并将访问结果返回web服务器。ASP引擎将脚本和组件的运行结果生成相应的HTML语法成分，与文件中原有的文本和HTML标记一起组成标准HTML页面送至客户端浏览器。1.2.2 ASP的技术特点 在使用ASP技术时应遵循这样一个原则：即ASP脚本必须与基于C

21、OM标签的组件配合使用才能开发出具有实用价值的动态web应用程序。基于组件，可以把应用程序的开发分成两大类任务：一类是开发能被很多程序使用的核心组件；另一类是集成这些核心组件提供的服务，构造出实现特定功能的应用程序。Microsoft及一些“中间件”厂商已针对不同的应用领域提供了许多组件产品，组件的使用者只需要理解组件的接口，不需要知道组件的内部结构和组件使用的数据。在ASP技术中，ASP脚本相当于一种粘合剂，把一个个具有特定功能的组件集成在一起，以形成最终的软件产品。利用组件，开发人员可以专门做自己最擅长的工作，从而减少开发难度；利用组件，还有助于开发人员将用户界面与应用逻辑、数据服务分开，

22、快速开发出可重性高的基于三层客户服务器结构的web应用程序。综上所述，ASP具有如下一些特点：（1）使用普通的文本编辑器(如记事本)即可进行编辑设计；（2）ASP脚本无需编译，容易编写，可在服务器端直接解释执行；（3）与浏览器无关，用户端只要使用可执行HHML码的浏览器，即可浏览ASP所设计的页面； （4）面向对象，在ASP脚本中可以方便地引用系统组件和ASP内置组件，还能通过定制ActiveX Server Component(ActiveX服务器组件)来扩充功能； （5）ASP的源程序不会被传到客户端，因而可以避免所写的源程序故他人窃取，也提高了程序的安全性；（6）与任何ActiveX S

23、cripting语言兼容, 除了可使用VBScript和JScript语言进行设计外，还可通过Plug_in的方式，使用由第三方提供的其它Scripting语言来扩充功能。1.2.3 用ASP进行动态网页设计所谓“动态”并不是指在页面上放几个GIF动画图片，其含义大致包含以下两方面： （1）“交互性”即网页的内容会根据用户的要求和选择而动态响应或改变。 （2）“自动更新”即无需手动更新HTML文档，便会自动生成新的页面可以大大节省工作量。根据用户请求生成动态网页的传统技术方案主要有三种：（1）最早的渠道是利用CGI(Common Gateway Interface)，即通用网关接口；（2）利用

24、web服务器厂商提供的专用接口如：ISAPI，NSAPI；（3）利用JAVA访问数据库(JDBC)。这三种方案存在一个共同的问题，就是开发困难，程序的开发和HTML写作是两个完全不同的过程，需要专程序员开发。ASP技术的出现使web动态网页设计成为一件轻松愉快的工作。只要几行脚本语句，就能将后台的数据库信息发布到Internet上，在编程和网页脚本的可读性方面大大优于传统的技术方案。ASP文件是一种嵌入了可在服务器端执行脚本的HTML文档，与ASP兼容的web服务器执行这些脚本，现场生成相应的HTML语言成分，与网页中原来的HTML语言合成到一起，共同作用到前端。 第2章 系统设计主页主页首页

25、教学课件课后习题实验内容模拟试题网上答疑DB2.1系统结构图:图2.1 系统结构图2.2 系统概括此网站由于是做精品课程的，因此在设计统计功能时，主要参考了学校精品课程网页。并在此基础上增加了留言板这个模块。1.主页:网站的主页，课程的简介。2.电子教案：打开计算机操作技术课程的授课教案及相关教学内容。3.实验内容：分别显示各章节要求的实验操作要求。4.模拟试题：提供与课程要求配套的参考试题。5.相关下载：提供PPT课件给用户下载。6.网上答疑：留言板系统，使得学生和老师之间互动成为可能。7.提出建议：邮件形式提出意见给网站开发者。2.3 软硬件环境要求硬件要求:CPU： PIII以上内存：1

26、28M以上软件要求:IIS:运行环境为IIS 5.0 操作系统：Windows 2000/XP编辑软件：Dreamweaver MX 20042.4 数据库逻辑设计在精品课程网站设计中，为了方便学生和老师，我做了一个ASP的留言板，在建立时要创建其相关的数据库，以达到可以让用户数据储存以及方便管理员处理用户的数据。我使用的是Office的Access软件来创建数据库的，一共创建了3个，分别是：留言板设置表（lybconfig.mdb）：用来储存用户留言的信息。管理员表（admin.mdb）：用来储存每个管理员的信息。用户表（guest.mdb）：用来储存每个用户的信息。表2.1留言板设置表属性

27、名IDlybtitleweburllistnumrightrerightnumnotetitlenotebbsnotedate类型自动文本文本数字文本文本文本文本日期属性名IDlybtitleweburllistnumrightrerightnumnotetitlenotebbsnotedate类型自动文本文本数字文本文本文本文本日期表2.2管理员表属性名Idusernamepassword类型自动文本文本表2.3用户表属性名Idguestnamefromfaceguestcontentguestreplyguestdateoicqemail类型自动文本文本数字备注备注文本文本文本2.5 数据

28、库的设计2.5.1 数据库的链接模块链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。ASP文件中如果要访问数据，必须首先创建与数据库的链接，其语法如下：Set mConn=Server createObject(“ADOBDCONNECTION”)这条语句创建了链接对象mConn，接下来：mConn.Open “dsn1”，“username”，“password”这条语句打开链接，其后的两个参数分别是访问数据库的用户名和口令，为可选参数。以上两个步骤缺一不可，因为链接对象的创建与打开是两回事，只有打开了才真正可以使用。2.5.2 创建数据对象ADO中的数据对象通常保存的是查

29、询结果。Record Set是ADO中最复杂的对象，有许多属性和方法。Record Set保存的是一行行的记录，并标有一个当前记录。以下是创建方法：Set Record Set=mConn.Execute(sqtStr)这条语句创建并打开了对象Record Set，其中mCon是先前创建的链接对象，sqtStr是一个字串，代表一条标准的SQL语句。例如：sqlStr=“SELECT * FROM tab1”Set Record Set=mConn.Execute(sqlStr)这条语句执行后，对象Record Set中就保存了表tab1中的所有记录。2.5.3 系统链接的实现系统连接使用了链接

30、包含文件conn.asp文件内容:2.6 系统功能设计作为一个精品课程网站，这个网站主要突出在线学习这个功能，给学生和老师提供一个学习和参考的空间，在这个空间里，可以学习到一些课程的教程，可以下载想学的课件，可以和老师、学生交互性的交流。2.6.1 引页由于参考了现在很多类似网站的设计理念，所以我在我的这个网站设计中加入了引导页的概念，简称“引页”（如图2.2）。如果用户想进入首页，只需点击“欢迎进入计算机操作技术精品课程”下面的红色箭头，就可以看到首页了。 图2.2 引页画面2.6.2 首页如图2.3所示，首页展示给用户的是精品课程的简介、要求、计划和大纲等等。让用户还没学习前大体了解此课程

31、及其相关信息。图2.3首页画面2.6.3 电子教案图2.4 电子教案2.6.4 实验内容 图2.5 实验内容2.6.5 模拟试题图2.6 模拟试题2.6.6 相关下载如图2.7所示，“相关下载”提供用户下载PPT课件，方便用户学习，点击要下载的课件章节即可下载到用户的硬盘，及其方便。图2.7相关下载2.6.7 留言板留言板（如图2.8）主要是让学生、老师之间交流变得简单。主界面是大家留言的内容，如果你想留言的话，可以点击“签写留言”，进入留言界面进行留言。图2.8 留言板画面2.6.8 管理员界面在留言板的导航条中有个“版主管理”，点击后出现界面显示要输入的管理员和密码，正确输入后，进入管理员

32、界面（如图2.9）。在管理员界面中，管理员可以管理用户的信息，比如编辑，删除和回复用户的留言等。图2.9管理员界面第3章 系统实现在这一章中，主要阐述相关内容的具体实现，由于设计包括各方面的内容，无法全部列出，因此并不全部展现，仅给出主要部分代码。3.1 数据库连接在访问数据库之前，首要要建立集合用于读取数据库中的数据，也就是与数据库实现边接。我们的设计采用ASP作为开发语言。因此，对于集合的概念稍作解释。在ASP中集合是存储字符串、数字、对象和其他值的地方。除了在存储或取出项目时集合会自动扩展与搜索外，集合与数组非常相近。与数组不同的是，集合被修改后，项目的位置将会移动。可以通过集合中项目的

33、名称、索引或者通过在集合的所有项目中遍历访问项目。通过使用项目名称可以访问集合中的具体项目。例如，Contents集合拥有在Session对象中保存的所有变量。同样也拥有由Server.CreateObject创建的所有对象。其次的一个重要概念为ADO，这是与数据库建立连接的必要手段。ActiveX Data Objects(ADO)是一项容易使用并且可扩展的将数据库访问添加到Web页的技术。可以使用 ADO去编写紧凑简明的脚本以便连接到Open Database Connectivity(ODBC)兼容的数据库和OLE DB兼容的数据源。ASP支持共享文件数据库（如Microsoft Acc

34、ess或Microsoft FoxPro）作为有效的数据源。我们这里采用的是Access数据库。3.2 代码内容3.2.1 留言板的代码: function popUp() props=window.open(disadmin.asp, poppage, toolbars=1, scrollbars=0, location=0, statusbars=1, menubars=0, resizable=1, width=270, height=333); /打开disadimin.asp页面/ End -body topmargin=1 bgcolor=table width=650 borde

35、r=0 cellspacing=0 height=111 style=border-collapse: collapse; border: 1px solid ; cellpadding=0 align=center td bgcolor= height=81 /链接lunjilyb.gif图片 td bgcolor= height=30  | 版主： /签写留言，并且提交到add.asp中，由该页面处理添加。 公告： 0 then % 当前没有公告 /从数据库添加，如果没有公告就显示该信息 % sql=select * from guest order by id desc /打开

36、guest表并按照ID降序排列set rs=server.createobject(adodb.recordset) rs.open sql,conn,1,1 if rs.eof and rs.bof then response.write 还 没 有 任 何 留 言 else session(pagesize)=listnum /增加留言记录count=rs.recordcountnumlist=countif count mod session(pagesize)=0 thenn=countsession(pagesize)elsen=countsession(pagesize)+1end

37、 ifkey=request(page)page=request(page)if page thenpage=cint(page)elsepage=1key=1end ifnumlist=numlist-(key-1)*listnumfor j=1 to session(pagesize)*(key-1)rs.movenext /记录集移动到下一条记录nexti=0do while not rs.eof and i table width=650 bgcolor= cellspacing=0 cellpadding=0 border=1 style=border-collapse: colla

38、pse cellpadding=0 bordercolor= align=center td bgcolor= valign=top rowspan=3 width=110 height=1 align=center table width=100% border=0 cellspacing=0 cellpadding=0 height=164 bgcolor= style=border-collapse: collapse bordercolor=#111111 td height=164 valign=top bgcolor= span STYLE=position:relative; width:105; height:25; filter:glow(Color=,Strength=4); margin-left:2px img src=images/ % if rs(from) then % 來自： 编号： /查看发表编号 td height=18