网络教学平台设计与实现毕业论文

1、编号 潍潍 坊坊 学学 院院 毕毕 业业 设设 计计 技技 术术 报报 告告 课题名称：课题名称： 数字媒体技术专业网络教学平台的设计与 实现(前台) 学生姓名：学生姓名： 学学 号：号： 08021140111 专专 业：业： 计算机科学与技术 班班 级级： 2008 级 1 班 指导教师：指导教师： 2012 年 6 月 网络教学平台设计与实现网络教学平台设计与实现 摘摘 要：要：随着科技的进步和互联网的广泛应用，网络教学的应用在教学过程中越来 越广泛，并被越来越多的人所认知。网络教学是远程教学的一种重要形式。它是依托 电脑和宽带等硬件设施，来实现远距离教学的目的。网络教学不受时间、地点以

2、及教 师的限制，只要透过一台能连接上网的电脑就可以随时随地地进行学习。 本次设计是关于多媒体课程教学平台的设计与开发，其中主要的主要功能模块包 括了基本的课程的教学，实验实践，常用工具软件以及相关工具软件使用教程的下载， 能够实现学生问题上传的辅导答疑，介绍相关教师资料的教学团队，以及展示一些学 生作品的功能。还能够实现学生的注册与登录功能，提供一些拓展学习的知识。网页 主要采用的是 asp 与 dreamweaver 相结合的方式来设计，并使用 access 设计数据库来 存储相关数据。 关键字：关键字：asp，多媒体，网络教学，平台开发 design and implementation

3、of network teaching platform abstract：with the progress of science and technology and the wide application of internet, the application of network teaching in the course of teaching is more and more extensive, and more and more people cognition. network teaching is an important form of remote teachi

4、ng. it is relying on the computer and broadband facilities and other hardware, to realize the purpose of remote teaching. network teaching is not subject to time, place and teachers to the restrictions, as long as one computer which can connect to the internet can learn whenever and wherever. this d

5、esign is about the multimedia teaching platform design and development, of which the main function modules of this web site include basic courses teaching, experiment and practice, software tools and related software tutorial download, which can realize the upload and answer question which are put f

6、orward by students. beside this, the web can introduces the relevant information of the teaching team, and show some the function of student work. it is able to realize students registration and login function, and provides some expansion of knowledge. this design main use of asp combined with dream

7、weaver way to design, and the use of access design database to store data. key words：asp, multiple, network teaching, platform development 目录目录 1 前言前言.1 1.1 概述.1 1.2 主要开发工具介绍.1 2 需求分析需求分析.3 2.1 系统功能需求分析.4 2.2 系统的数据需求分析.4 2.3 系统的性能需求.4 3 概要设计概要设计.5 3.1 网站结构概要设计.5 3.2 数据库结构概要设计.5 4 数据库的设计数据库的设计.6 4.1

8、用户表（users）.6 4.2 模拟试题（mnst）.6 4.3 拓展学习（tzxx）.7 4.4 实验指导（syzd）.7 4. 5 教学团队（team）.8 4. 6 疑问留言（question）.8 5 网页功能的设计网页功能的设计.9 5.1 首页.9 5.2 课程教学.13 5.3 实验实践.16 5.4 工具软件.18 5.5 辅导答疑.18 5.6 教学团队.30 5.7 作品展示.31 6 结束语结束语.32 参考文献参考文献.34 附录附录.35 致致 谢谢.41 1 1 前言前言 1.11.1 概述概述 21 世纪是一个信息化的社会，随着科技的发展，网络已经和人们的生活密

9、 不可分了。信息化生活给人们带来了极大的方便。目前，互联网已经广泛地应 用在教育上，并对教学过程产生了非常重要的影响。 网络教学是传统教学的补充和延伸，它是以学生为中心的一种教学方式。 它丰富了教学的方法，扩大了教学的空间。通过网络教学的方式传递教授的信 息，实现教师和学生的互动。还可以将一些课堂上小的知识点作为拓展内容放 到网络教学平台上，对此有兴趣的同学就可以在上课之余，自己上网去浏览这 些拓展信息，丰富自己的知识面。学生也可以随时将自己的问题放在网上，等 待老师的解答。学生还可以在网上反复学习以巩固课堂上学到的知识。或是将 课件下载下来进行自主学习。这样教学资源的利用率会大大提高。 此次

10、的网站是针对单门课程进行设计的网络教学平台（前台）的设计。在 此基础上还可以扩充成多门课程的教学平台。然后由后台的服务进行更新。 网站的主要目的就是实现教学资源的共享，满足教学的需求，提高教学资 源的利用率。学生可以通过系统发布问题，可以搜索相关的问题。可以查看其 它学生的问题，教师回答问题，通过这种方式实现师生之间的互动交流。此外， 教师也可以动态发布实验的内容和要求。 1.21.2 主要开发工具介绍主要开发工具介绍 1.2.1 梦幻网页的编织者梦幻网页的编织者dreamweaver dreamweaver 是创建和管理网页的专业化可视编辑器。使用 dreamweaver 可以轻松创建跨平台

11、、跨浏览器的页面。macromedia 的 roundtrip html 技术 允许用户随意导入 html 文档而无需重新设置代码格式。 dreamweaver 相对于其他同类软件来说有这样几个特点：不生产冗余代码； 具有方便的代码编辑，可以自由在可视化编辑和源代码编辑状态之间自由转换； 强大的动态页面支持；操作方便，它提供了历史面板、html 样式、模板等功能 避免了重复劳动，除此之外，它还可以直接在页面中插入 flash 等插件。使用 十分方便。 dreamweaver 可以为用户做到：使用动态 html 功能（例如具有动态效果的 层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果

12、在所有流行 的平台和浏览器中可能发生的错误。 dreamweaver 还是一个可以完全自定义的应用程序。用户可以创建自己的 对象和命令修改菜单和快捷键，甚至编写 javascript 代码扩展 dreamweaver 的 行为和属性检查器。 1.2.2 动态网站的脚本语言动态网站的脚本语言asp active server pages：“动态服务器网页” ，一般简称为“asp” ，asp 之 所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 html 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如 ie 或 netscape）都可以正确地获得 asp 的“执行

13、”结果，并且将这 asp 执行的结 果直接在浏览器中“浏览” 。 asp 的语言相容性高，与所有的 activex script 语言都相容。并且它的隐 密安全性也相当高。如果在浏览器中直接查看网页的源文件，那么只能看见 html 文件。而 asp 程序代码是看不到的。能够避免 asp 程序被看见和盗用。再 有，使用 asp 抑郁操控数据库，它可以通过 odbc（open database connectivity）驱动程序连接各种不同的数据库，例如 access、sql server、oracle 等等。因此选择采用 asp 结合 dreamweaver8 构架网站。并使 用 iis5.0

14、对页面进行调试。 1.2.3 数据库数据库access microsoft access 是一种桌面数据库，只适合数据量少的应用，在处理少 量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户 端不能多于 4 个。microsoft access 数据库有一定的极限，如果数据达到 100m 左右，很容易造成服务器 iis 假死，或者消耗掉服务器的内存导致服务器崩溃。 对于需求不算太大的数据库来说，使用 access 比较合适，如果网站还需要 继续扩充，则可以将数据库的开发工具改为 sql server。 数据库的访问方式有很多种，主要有公共网关接口 ggi（common gat

15、eway interface） ，先进数据库连接器 adc（advance database connector） ， java/jdbc 语言编程，动态服务器页面 asp。相对应以上几种数据库访问方式， asp 编程灵活简洁，具有较高的性能，是目前访问 web 数据库的最佳选择。 1.2.4 sql 查询语言查询语言 sql（structured query language)结构化查询语言，是一种数据库查询和 程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。同时也 是数据库脚本文件的扩展名。 sql 是高级的非过程化编程语言，是沟通数据库服务器和客户端的重要工 具，允许用户在

16、高层数据结构上工作。它不要求用户指定对数据的存放方法， 也不需要用户了解具体的数据存放方式，所以，具有完全不同底层结构的不同 数据库系统，可以使用相同的 sql 语言作为数据输入与管理的 sql 接口。 它以记录集合作为操作对象，所有 sql 语句接受集合作为输入，返回集合作为 输出，这种集合特性允许一条 sql 语句的输出作为另一条 sql 语句的输入，所 以 sql 语句可以嵌套，这使它具有极大的灵活性和强大的功能，在多数情况下， 在其他语言中需要一大段程序实现的功能只需要一个 sql 语句就可以达到目的， 这也意味着用 sql 语言可以写出非常复杂的语句。 1.2.5 其他其他 网页制作

17、还用到了一些其他的软件，比如说处理图片的 photoshop 软件， 本次设计的网页导航图片就是通过 photoshop 剪切拼合成的。还有另一个制作 平面二维动画的 flash 软件，在学生作品展示中，由于资源有限，就在末尾放 上了一个自己做过的 flash 动画。 还有一个比较重要的工具就是测试网页用到的 windows 组件iis。htm 等格式的静态网页可以通过网页浏览器直接进行测试，asp 动态网页的测试则 最好是通过 iis，在电脑安装系统的时候系统自带了一个服务器测试软件。安 装方法如下： 打开控制面板，选择添加或删除程序，再选择添加或删除 windows 组件， 钩选中 int

18、ernet 信息服务（iis）点击下一步，按照向导安装上 iis。安装成 功后，将整个网站放在合适的目录下即可对动态网页进行测试。 2 2 需求分析需求分析 建立网络平台的主要目的是为了方便教学工作，其最本质的功能在辅助教 学方面。 2.12.1 系统功能需求分析系统功能需求分析 本次设计的是前台，主要实现的是面向学生的这部分功能。主要功能及简 介如下： （1）注册及登录。学生可以通过注册来获得用户名，获得登录的权力，这 有助于在辅导答疑中实现问题的查看 （2）上传功能。学生可以将老师布置的部分作业通过网站提交上传。 （3）下载功能。现在教师上课一般都有课件，通过后台管理可以将每一章 节的内容

19、放到网站上，学生想要再看课件的话可以通过进入网站下载。 （4）留言功能。学生可以通过答疑平台将自己的问题提交到网站上，然后 由老师回答，学生再次登录的时候可以查看自己的问题是否被回答了。 （5）查看功能。整个网络教学平台是要实现教学目的，所以很多教学内容 都要放到网页上供学生查看。 2.22.2 系统的数据系统的数据需求分析需求分析 数据是系统的灵魂，没有数据的话也就无从谈起管理，系统也就不能发挥 它的功效。所以说数据库的选择对系统的开发很重要。虽然本次设计采用的是 适用于小型数据存储的 access 数据库开发，但 sql 查询语句仍然适用。sql 查 询语句可以实现一系列复杂的操作。比如说

20、数据的增加、删除、修改等等。配 合 asp 使用也十分方便。 根据网站的设计，需要动态显示的数据最好都放在数据库里。比如说，课 下的拓展知识，做练习用的模拟试题，存储用户信息的用户表，存储教师信息 的表。存储与实验相关信息的实验表。还有就是存储学生留言提问信息的问题 表。 2.32.3 系统的性能需求系统的性能需求 网络教学平台是一个教育类型的网站，所以必须做到实用、简洁。界面不 必太过花哨，要做到界面简洁明了、导航清晰。用户只要能上网就可以进行学 习，以及实现上传，下载等功能。 并且，网站应该具有可扩充性，此次设计的网络教学平台只是针对单门课 程的设计，还有很多内容还不全面，因此网站的设计要

21、能够方便日后的更改、 扩充等。 3 3 概要设计概要设计 3.13.1 网站结构概要设计网站结构概要设计 对于功能较为全面的网络教学平台来说，一般都有教学大纲、教师信息、 讨论答疑、课程作业、教学笔记、教学邮箱、资源下载等一系列复杂的内容。 由于时间，资源的限制，所以本次设计只能实现其中一部分的功能。 网站主要结构如下图所示。 主页 首页课程 教学 实验 实践 工具 软件 作品 展示 辅导 答应 教学 团队 图 3.1 网站结构 3.23.2 数据库结构概要设计数据库结构概要设计 由于整个网站的内容不是特别多，所以把所以的表设计在了同一个数据库 中，数据库中数据表的情况如图 3.2 所示。 u

22、sers exercice mnsttzxxsyzdteamquest _ion 图 3.2 数据库结构设计 4 4 数据库的设计数据库的设计 整体来说包含了六个数据表，第一个是 users 表，用了存储学生注册信息 的表；第二个是 mnst 表，用来存储所以的模拟试题的信息的表；第三个是 tzxx 表，用来存储拓展学习内容的表；第四个是 syzd 表，用来存储与实验相 关内容的表；第五个是 team 表，用来存储教学团队的信息；第六个是 question 表，用来存储学生问题的表。 4.14.1 用户表（用户表（usersusers） 表 4-1 用户表（users） 字段名数据类型长度是否

23、允许为空 s_num文本20否 s_name文本5否 s_password文本20否 s_class文本20是 s_tel文本12是 以上为用来存储用户的用户表，共有五个字段，其中 s_num 和 s_password 分别用做用户名和登录密码。并且不允许为空，最长不得超过 20 个字符。 s_name 用来存储用户的姓名，也不允许为空值。s_class 和 s_tel 作为辅助选 项，可不填写。 4.24.2 模拟试题（模拟试题（mnstmnst） 表 4-2 模拟试题（mnst） 字段名数据类型长度是否允许为空 id数字长整形否 title文本50是 content备注是 模拟试题表用来存

24、储模拟题的相关信息，有三个字段，第一个是便于搜索 的 id 字段，第二个是 title 字段，用来存放试题的标题，例如说章节之类的内 容。第三个字段是 content，备注类型的字段，可以用来存放较长的文本。 4.34.3 拓展学习（拓展学习（tzxxtzxx） 表 4-3 拓展学习（tzxx） 字段名数据类型长度是否允许为空 num数字长整形否 title文本50是 content备注是 拓展学习（tzxx）表用来存放拓展学习的相关信息，也有三个字段，第一 个是便于搜索或进行参数传递的 num 字段。第二个是 title 字段，用来存放拓 展学习中小的知识点的标题，例如关键字之类的内容。第三

25、个字段是 content，备注类型的字段，可以用来存储较多较详细的内容。 4.44.4 实验指导（实验指导（syzdsyzd） 表 4-4 实验指导（syzd） 字段名数据类型长度是否允许为空 s_id自动编号长整形否 s_name文本50是 s_goal备注是 s_content备注是 s_reqment备注是 实验指导（syzd）表是用来存放于实验实践里相关的信息。s_id 字段是自 动编号字段，用做搜索或参数传递。s_name 是用来存放实验名称的字段，长度 不超过 50 个字符长。s_goal 是存放实验目的的字段，类型为备注类型，可存 储比较长的文本。s_content 是存放实验内

26、容的字段，同样是备注类型的字段。 s_reqment 是存放实验要求的字段，数据类型为备注类型。 4.4. 5 5 教学团队（教学团队（teamteam） 表 4-5 教学团队（team） 字段名数据类型长度是否允许为空 t_id文本20否 t_name文本8是 t_jieshao备注是 t_imgole 对象是 教学团队（team）表是用来存放教师相关资料的，t_id 是用来存放一些编 号的，比如说教师的员工号，当然也可以在输入数据前将它更改成自动编号， 这样每次添加数据的时候就不用反复输入编号。t_name 用来存储教师姓名或称 呼之类的信息。t_jieshao 则是存储对教师个人资料的详

27、细介绍。t_img 是一个 ole 对象，用来存储相关的照片信息。 4.4. 6 6 疑问留言（疑问留言（questionquestion） 表 4-6 疑问留言（question） 字段名数据类型长度是否允许为空 s_num文本20否 sq备注否 sa备注是 疑问留言（question）表是用来存储学生提交上来的问题的，s_num 是配 合前面的用户表设置的，将这样两个表连接在一起的时候就可以查询到已登录 学生的账号和问题了。sq 字段用来存储学生的问题，和前一个字段组合形成数 据表的主键，避免一个学生提出相同的问题。sa 则用来存储对某一个问题的答 案。 以上是关于本次设计的数据库中所用的

28、到的表的设计，尽最大可能将所用 能存储到数据库中的内容存储到数据库中，以便将来后台进行修改。使用 asp+dreamweaver+access 开发出来的网站只能尽量做到这些。 5 5 网页功能的设计网页功能的设计 5.15.1 首页首页 首页页面布置如下图： 图 5.1 首页界面 首页的布置是这样的：上面是导航条，且在本次设计中，所有的网页上部 都是主要的导航条。根据一个全局变量的判断，先判断用户是否登录成功。若 没有登录的时候，左侧上方是一个简单的登录界面，要求输入用户名和密码， 且两个都不能为空，若输入为空则显示如下图： 图 5.2 出错界面 表单的代码设置如下： 用户名： 密 码： 在

29、提交表单的时候先进行的是一个检查函数：checkdata() function checkdata() if( f1.yonghu.value.length20 ) alert(请输入正确的用户名 !) return false; if( f1.mima.value.length20 ) alert(请您输入正确的登录密码 !) return false; 函数对两个输入的文本框进行检查，首先是用户名是否为空或者是超过了 规定的长度。然后检查密码输入是否规范。表单提交后执行的操作是 chklogin.asp，其代码如下： username=trim(request.form(yonghu) p

30、assword=trim(request.form(mima) rs.open select * from users,cn,1,3 do while not rs.eof if username=trim(rs(s_num) and password=trim(rs(s_password) then response.cookies(denglu)=ok response.cookies(username)=rs(s_num) response.cookies(sname)=rs(s_name) response.redirect index.asp end if rs.movenext l

31、oop if rs.eof then % msgbox 对不起，用户名不存在，或密码输入错误 location.href = javascript:history.back() 以上代码判断从前一个页面传递过来的两个参数是否是正确的用户名和密 码，如果用户名不存在或者密码错误的话则弹出消息框提示用户，用户名不存 在或密码输入错误。然后返回首页重新输入。如果数据库中存在该用户且密码 正确，则将全局变量”denglu”的值设置成”ok”， 并且将用户名作为全局变量保 存起来。然后主页用户登录位置则变动如下，以用户 1234 为例： 图 5.3 登录成功界面 登录成功后，左侧上方显示的是用户的登录学

32、号以及注册姓名，姓名为空 则显示空白。下方是提供了学校的一些超链接，方便学生访问其他网站。右侧 则是和数字多媒体相关的一些简介。若用户没有进行注册的话，可以点击用户 登录的地方，有一个注册按钮，点击注册按钮可进入注册界面。界面如下： 图 5.4 用户注册界面 如上图，用户注册界面要求用户输入的信息比较简单，用来做用户名的学 号、学生姓名、密码，班级以及手机号。此注册页面由导航和下方注册信息表 单构成。因为用户名和密码不能为空，所以同样设置了一个检查函数，和首页 的检查用户名和密码输入是否为空的函数原理是一样的，在这里就不过多介绍 了。还有一点是密码的确认输入，因为密码要输入两次，所以在检查函数

33、里有 一项是检查两次输入的密码是否相同。在提交表单之后检查无误的情况下转到 处理页面 adduser.asp，其代码如下： msgbox 注册成功，请重新登录 location.href = index.asp 此段代码的主要作用是将用户的注册信息写进数据表里，然后提示用户注 册成功，再转到首页重新登录。 5.25.2 课程教学课程教学 课程教学主要是知识课堂知识方面的教学内容以及一些相关的资源。其效 果如下图： 图 5.5 课程教学界面 课程教学的界面是针对多媒体课程的教学。左侧是几个选项，右侧则是用 一个框架展示的类似于目录的一个课程的要点，点击右侧的某个选项，框架内 容将自动更新成与选中

34、的选项相关的网页，网页下端有返回按钮，点击则返回 课程教学起始页。左侧的是四个链接内容。 第一个教学大纲是一个简单的网页，显示的主要内容是关于多媒体的教学内 容，教学要求等信息。第二个选项是课件，点击课件会在右侧提供每一章的教 学课件。到时只需要点击相关的连接即可将相应章节的教学课件下载下来，实 现资源的共享。第三个选项是拓展学习，点击拓展学习之后将刷新到一个新的 页面，页面如下： 图 5.6 课程教学之拓展学习 拓展学习的内容是从数据库中读取出来的，左侧是从数据库中的（tzxx） 表中读取出来的标题行，点击标题，右侧显示相对应的具体介绍。由于每个标 题对应的内容都比较多，所以左侧为每个标题设

35、置锚点，以页内设置连接的方 式使右侧全部显示数据库中的内容是不现实的，这样会占用太多的空间，所以 采用一个参数传递自动刷新的方式来显示相对应的知识点。实现的方式主要还 是通过一个框架和两个动态网页的文件。左侧显示标题的代码如下： a href=tzxx1.asp?id= target=right 这段代码是将 tzxx 表中的标题全部显示在左侧，并为每一个标题设置一个 连接，在更新网页的时候更新的位置是名字是“right”的一个框架，就是整个 页面的右下方区域。同时将该标题所对应的 num 值作为一个 id 参数传递到 tzxx1.asp 中。 tzxx1.asp 的主要代码如下 根据上一个网

36、页传递过来的 id 参数，在数据库中进行查找，查找到与参数 相符的记录，然后将对应的记录内容显示在网页上。其中用到了一个转换函数， changechr()。 其主要功能是将数据库中的文字原样输出，否则网页中显示的文字将显得 非常不规范排列不整齐。changechr()，函数的代码如下： function changechr(str) changechr=replace(replace(replace(replace(str,),chr(13),), ,) end function replace()是一个标准函数，其中有三个参数，第一个参数是一个字符串，必 有的参数，即要被搜索的字符串，第二个

37、参数是所要查找的字符，第三个参数 是要替换后的字符。 课程教学的最后一项是模拟试题，模拟试题也是存储在数据库中的记录， 使用的方法和拓展学习的方法是类似的，所以就不过多赘述了。 5.35.3 实验实践实验实践 实验实践的界面如下： 图 5.7 实验实践界面 实验实践页面的主要作用是显示与实验信息相关的内容。将存储在数据库 中的实验信息读取出来存放在当前页面，本次使用的连接方式是锚记的方式， 点击左侧选项，右侧则定位到相关部分，以显示实验的标题、实验目的、实验 内容、以及实验要求这些信息。原理及代码和以上的模拟试题类似，不同之处 在于所连接的表的内容不同。 右下角的部分是提供了一个上传作业的功能

38、。学生可以将完成的作业或作 品通过网页提交上去。 实现文件上传的方式有两种，一种是需要先安装一个组件，然后实现文件 的上传功能，另一种则是无组件上传方式，无组件上传代码虽然复杂，但相对 于使用组件上传要简单一些。先将文件上传到服务器，然后在下载到文档中。 由于学到的知识有限，这部分代码来源于互联网。关键代码如下： % dim upload,file,formname,formpath set upload=new upload_5xsoft 建立上传对象 formpath=upload.form(filepath) 在目录后加(/) if right(formpath,1)/ then for

39、mpath=formpath % dim sql dim rs 实例 dim totalput 总记录数 dim currentpage 当前页 dim totalpages 总页数 dim i,j dim errmsg maxperpage=10 每页 10 条记录 founderr=false sql = select sq,sa from question sql=sql % do while not rs.eof and i maxperpage response.write ( % do while not rs.eof and i maxperpage response.write

40、 (),chr(13),), ,) end function q=request.querystring(s_num) rs.open select * from question where sq= 学号： 我的问题： 界面设置比较简单，简单来说就是一个文本框，用来填写留问题的学生的 学号，另一个是一个文本域，用来填写问题。 问题提交的时候同样要进行检查，两个文本都不能是空白的。所使用的函 数与上面用到的 checkdata()类似。检查完毕后转入另一个执行页面，其主要代 码为： msgbox 提交成功 location.href = fddy1.asp 实现的主要功能是将提交上来的学号和问

41、题写进数据库中，然后返回一开 始的辅导答疑界面。 5.65.6 教学团队教学团队 教学团队的界面如下： 图 5.15 教学团队界面 随便上传了一张文件中的图片用作例子，效果如上图。下边左侧图片上端 显示的是 team 表中的 t_name 信息。下面是图片信息，右端则是显示的介绍性 质的文字。其中图片显示的相关代码如下： 5.75.7 作品展示作品展示 作品展示的界面如下： 图 5.16 图片展示部分 图 5.17 flash 展示部分 以上是展示了部分学生的图片作品，在网页的最下方则展示的是部分学生 的 flash 作品。 6 6 结束语结束语 本网站此次主要解决的问题是通过网络教学平台实现

42、网上教学，完成教学 内容之后还有一些习题可供学生进行练习，并且这些习题之后也都有相应的答 案。此外，系统还提供了一些拓展学习，使学生在学习完课内知识的同时可以 额外学习一些其他的知识，拓宽知识面。学生也可以在注册之后登录网站，登 录之后可以直接在辅导答疑里面查看自己提出的问题而不必一个个查找。实验 实践里面则是显示需要学生完成的实验的相关内容及要求，以及实现学生作品 上传的功能。很多是内容都是存储在数据库里，因此在网站的后台建设中，便 于管理，实现网站的动态更新，可以直接登录网站的后台进行数据的修改、添 加以及删除等操作。 由于此次设计是本人第一次制作使用多样工具，结构比较复杂的网站。在 很多

43、方面的知识、经验都还有所欠缺。此外，在网站的开发过程中，时间也比 较仓促，所以网站必然存在很多缺陷以及不足之处。 首先从网站的外观来说，颜色比较简单，各项内容看起来也比较单调，在 美学方面下的功夫还很不够。应该尽量让整个网站看起来充实，搭配再合理一 些，使其有视觉冲击感。总之，在这方面的进步空间还很大。在整体设计上， 还有很多欠缺的地方，不得不承认规划是一件相当重要的事情，方方面面的东 西都要考虑到。这次由于个人原因，导致时间上太过仓促，很多内容都是一边 做一边想的。有时候做到后面的部分才想起来原来前面的也可以这样做，可以 更好一点。在辅导答疑页面，无答案的那些后面还可以添加一个回答，这样，

44、不必老师从后台方面登录来回答问题了。知道答案的学生完全可以回答的。诸 如此类的问题还有很多。 其次，是数据库的设计，应该可以分为几个数据库，而不是把所有的数据 表集中在同一个数据库中，虽然在调用这些数据表的时候只用一个连接数据库 的文件即可，但是过多的数据表堆集在一起，容易产生混乱。数据表的结构也 可以再详细一些，比如学生提问题的那些流言，可以加上问题编号以及留言的 时间等字段。数据表的设计最好能够更规范一些。 再其次，显示教师资料的页面，可以将教师照片另存在一个文件夹中，把 照片的路径存在教师表里面。显示图片的时候能通过路径显示照片而不是从数 据库里面读取照片信息再显示，因为存取路径比存取照

45、片要更为可靠一些。照 片在存入数据库中的时候，并不是直接将照片存入的，而是先将照片信息转换 成二进制数据存入数据库，读取的时候，再将这些二进制数据还原成一张完整 的图片。这样的过程并不是很安全，不能保证每一张图片都顺利显示在浏览器 中。 最后就是对 asp+dreamweaver 制作网页的模式运用还不够成熟，而且只能 应用一些简单的 css+div 布局方式，这样的效果还远远达不到设想的结果。 在这次的毕业设计中我深深感觉到自己的浅薄，我们在课堂上学到的知识 真的太少了。想要学习更多的知识就要不怕枯燥，努力钻研，努力学习。目前 我们学到的仅仅是皮毛而已。老师只是交给我们一把钥匙，我们也仅仅是

46、才刚 迈进一小步。我们要走的路还很长。但无论如何，这次的毕业设计都使我收获 很多，受益匪浅。 参考文献参考文献 1 赵辉 等编著. asp+dreamweaver 8 组建动态网站 m 北京：电子工业出版社. 2006 2 张新伟编著 网页经典配色艺术 m北京：电子工业出版社2009 3 览众 张晓景编著. div+css 网页布局商业案例精粹 m北京：电子工业出版社. 2007 4 盖天宇、孙明丽、邹天思编著 asp 程序开发范例宝典 m 北京：人民邮电出版 社2007 5 本书编委会编著. 网页制作 m北京：电子工业出版社2006 6 潘晓南主编. 动态网页设计基础 m北京：中国铁道出版社

47、.2008 7 神龙工作室主编. asp 网络编程从入门到精通 m北京：人民邮电出版社.2006 8 刘瑞新主编. asp 动态网站开发毕业设计指导及实例 m北京：机械工业出版社. 2006 9 邵丽萍 王馨迪 陆军等编. asp 动态网页设计 m北京：中国铁道出版社.2006 10 张旭东 汪杰编著. asp 网络开发实用工程案例 m北京：人民邮电出版社.2008 11 倪洪球编著. dreamweaver 8+asp 动态网站开发实例精讲 m北京：人民邮电出版 社.2007 12 张芳芳 侯俊杰编著. css web 开发学习实录 m北京：清华大学出版社.2011 13 郝荣福 张国权编著

48、. 网页创意与设计 50 例 m北京：电子工业出版社.2005 14 崔教东 于长锐 崔丽丽编著. 数据库技术与应用面向业务分析的 access m北京：清华大学出版社.2011 15 闫静等编著. dreamweaver 与 asp 动态网页基础与范例 m北京：机械工业出版社. 2007 16 龙马工作室编著. asp+access 组建动态网站实例精讲 m北京：人民邮电出版社. 2008 17 庞娅娟 孙丽丽 吕继迪编著. asp 网络编程自学手册 m北京：人民邮电出版社. 2009 18 邓文达 龚勇编著. 美工神话 dreamweaver+photoshop+flash 网页设计与美化

49、 m北京：人民邮电出版社.2009 19 梁立燕 梁芳编著. 网页设计与制作 m北京：清华大学出版社.2009 20 解勇编著. 网页设计视觉形态 m沈阳：辽宁美术出版社.2004 21 腾飞科技 何秀芳编著. 网页制作与网站建设从入门到精通 m北京：人民邮电出 版社.2007 22 张杰 王诚主编. 网页与网站设计 m北京：中国石化出版社.2006 附录附录 附录 1：数据库连接文件 conn.inc 附录 2：文件上传处理文件 upload.inc dim upfile_5xsoft_stream class upload_5xsoft dim form,file,version priv

50、ate sub class_initialize dim istart,ifilenamestart,ifilenameend,iend,vbenter,iformstart,iformend,thefile dim strdiv,mformname,mformvalue,mfilename,mfilesize,mfilepath,idivlen,mstr version= if request.totalbytes1 then exit sub set form=createobject(scripting.dictionary) set file=createobject(scriptin

51、g.dictionary) set upfile_5xsoft_stream=createobject(adodb.stream) upfile_5xsoft_stream.mode=3 upfile_5xsoft_stream.type=1 upfile_5xsoft_stream.open upfile_5xsoft_stream.write request.binaryread(request.totalbytes) vbenter=chr(13)&chr(10) idivlen=instring(1,vbenter)+1 strdiv=substring(1,idivlen) ifor

52、mstart=idivlen iformend=instring(iformstart,strdiv)-1 while iformstart 0 and ifilenamestartistart then mfilesize=iend-istart-4 else mfilesize=0 end if set thefile=new fileinfo thefile.filename=getfilename(mfilename) thefile.filepath=getfilepath(mfilename) thefile.filesize=mfilesize thefile.filestart

53、=istart+4 thefile.formname=formname file.add mformname,thefile else istart=instring(iend+1,vbenter&vbenter) iend=instring(istart+4,vbenter&strdiv) if iendistart then mformvalue=substring(istart+4,iend-istart-4) else mformvalue= end if form.add mformname,mformvalue end if iformstart=iformend+idivlen

54、iformend=instring(iformstart,strdiv)-1 wend end sub private function substring(thestart,thelen) dim i,c,stemp upfile_5xsoft_stream.position=thestart-1 stemp= for i=1 to thelen if upfile_5xsoft_stream.eos then exit for c=ascb(upfile_5xsoft_stream.read(1) if c 127 then if upfile_5xsoft_stream.eos then

55、 exit for stemp=stemp&chr(ascw(chrb(ascb(upfile_5xsoft_stream.read(1)&chrb(c) i=i+1 else stemp=stemp&chr(c) end if next substring=stemp end function private function instring(thestart,varstr) dim i,j,bt,thelen,str instring=0 str=tobyte(varstr) thelen=lenb(str) for i=thestart to upfile_5xsoft_stream.size-thelen if iupfile_5xsoft_stream.size then exit function upfile_5xsoft_stream.position=i-1 if ascb(upfile_5xsoft_stream.read(1)=ascb(midb(str,1) then instring=i for j=2 to thelen if upfile_5xsoft_stream.eos then instring=0 exit for end if if ascb(upfile_5xsoft_stream.read(1)ascb(m