专业教学网页的设计及其实现(编辑修改稿)

专业教学网页的设计及其实现(编辑修改稿)内容摘要：

用。 网站的功能需求 远程教学系统要求既能满足学生的学，又能满足教师的教，既能满足学生自学的需要，又可供教师进行备课及课堂教学参考。 本系统将利用互联网的优势，将为教学的课下学习进行改革。 在教学上能实 现： 首先 以简洁美观的形式向学生提供学习信息，提供有关课程的练习题库及作答工具； 第二， 向教师提供方便的课件上传和教学的相关资料； 第三， 向师生提供便利的网上学习和讨论的交互式环境； 最后 为师生提供方便的资料查询与检索功能。 基于以上考虑，本系统将实现以下几个主要部分功能： （ 1）学习功能该部分主要是针对学生的，学生选择各科课程的电子教案进行学习，了解其学习方面的通知，习题作业通知，教师的答疑情况。 开设电子公告板 BBS，组织热点讨论，引导学生进行网上交流，引导学生对有关问题进行思考判断， 进而 引导学生主动参与学校的网站 建设，使网络成为教学的另一个战场。 有些远程教学系统还会提供网上测试或者说网上考试的功能，以辅助学生在学习时，能及时检测自己的学习效果，此网上考试系统，一般题目都是固定，也有些能自动组题形成试卷，即远程教学系统上设有一个试题题库，当学生选择此功能，系统能随机抽取一部分试题组成一份试卷，方便学生对自己的知识掌握程度的检测。 本系统在开发中因受到开发时间和技术的限制，暂时不实现自动组题考试功能。 [15] 对于学习功能，网站的栏目一般设置成： 学习资料下载栏目，作业公告栏目，网站学习公告栏目，师生交流（论坛，留言板或其他）等栏目，有些网站的栏目会多于这些。 学习资料上传下载栏目： 此功能顾名思义就是给学生提供学习资料的，以文件的形式。 但以文件的形式组织 学习 资料，在内容上对于学生来说，有时并不是很方便，但现在也没有什么好的解决的办法，12 期待有新的解决办法来解决此问题。 在资料查找方面，文件资料在网站站内搜索一般都只能做到以文件名到网站数据库中搜索，并不能查询到文件中的内容，给学生进行文件查找带来很大的麻烦，在得到搜索的结果的时候，往往发现根本不是自己想要内容。 网站学习公告栏目： 此功能很多远程教学系统都具备， 它 提供学习方面 通知，例如考试通知或者是停课通知什么的，让学生在第一时间了解到课程动态，避免老师亲自去找学生去通知。 此功能也是只能由老师发布，学生与老师均没有权限发布。 师生教学交流栏目： 此栏目比较复杂，这和各个远程教学系统设计者对教学交互的理解有关，当然也有远程教学系统把它当成一个很简单的功能来实现，比如只建一个留言 板 或者小论坛来充数 ，很明显一个留言 板 或者一个小论坛 是不 能实现教学中的交流 的。 有的远程教学系统，将网络聊天室建立起来，辅助教学中的师生交流，这种方式给教学的双方有一种面对面的感觉，这对于教学交流确实很有用。 在 教学交流方面，也有一些网站是把电子邮件或者 ， MSN之类工具加了进去，这也能解决一定的问题，对于扩大交流也起到一定的作用。 但教学交往不是那么简单的，它涉及很多方面的问题。 [16] 系统用户类和特性 用户类型： 接口：无。 学生：学生为主要的用户，是网站的主要受服务者。 教师：教师用户在此网站的主要作用是辅助学生的学习。 网站管理员。 性能需求 网站的性能对于使用者是非常重要的，它涉及到的方面也很多，本系统因功能为教与学 服务 ，所以它所需的性能需求暂时不用考虑大型网站的架构，也不必使用系统 框架优化，基于这些考虑，以下为本系统的详细性能需求： 相互合作的用户数量： 10。 系统支持的并发操作数量： 200。 响应时间： 5 秒内。 磁盘空间： 3G （因教学资料占比较大的存储空间，如不上传课程资料，此项可以不受限制）。 数据库中表的最大行数：无限制，但需求磁盘空间支持。 安全性需求 安全需求主要有三个方面：一是防止数据库被注入；二是程序设计方面的漏洞，比如权限控制方面；三是上传漏洞，如被人上传了木马了什么的，后果不堪设想。 SQL 注入是非常危险的，相当大一部分程序员在编写代码的时候，没有对 用户输入数据的合法性进行判断，使应用程序存在安全隐患。 新手最容易忽略的问题就是 SQL 注入漏洞的问题。 用 NBSI 对网上的网站扫描，就能发现部分网站存在 SQL 注入漏洞，用户 13 可以提交一段数据库查询代码，根据程序返回的结果，获得某些他想得知的数据。 [17] 因此在本系统中，将为每一个文件添加数据检验的代码，防止非法数据进入系统。 上传漏洞是指上传者上传了一些非法的文件上去，导致系统被破坏。 此方面的安全也是非常重要，在本系统中，首先要控制好上传权限，不能让非法用户进入上传页面，第二是控制好文件上传的类型，不能 上传非 合 法类型的文件。 [18] 教学网站的模块介绍 网页设计教学辅助与实践网站，整个网站由 7 个部分构成，分别是 (引导页、首页、资源下载、图片下载、教学方法、作者档案、在线留言 )构成。 首页是整个教学页面的一个简要介绍 ,资源下载页面主要是提供一些大家可以下载的教学资源 ,图片下载页面主要是提供各种类型的图片 ,教学方法主要是总结了自己在做完这个网站后的一点心得，在线留言是为了让大家在看了这个网站后有意见和建议的可以在此留言。 建站目的 Inter 是目前世界上最大的计算机互联网络，它遍布全球，将世 界各地各种规模的网络连接成一个整体。 作为 Inter 上一种先进的，易于被人们所接受的信息检索手段， World Wide Web(简称 WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。 据估计，目前 Inter 上已有上千万个 Web 站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的 Web 站点对于一个机构的发展十分重要。 近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在 Inter 中的广泛应用， Web 站点向用户提供的服务将越来越丰富，越来越人性化。 因此网站建设在 Inter 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 提高公司知名度，扩大公司规模。 给学生提供一个了解网页设计的平台，学生也可以及时的与站主交换意见，产生互动，站主也可以及时的进行更新与维护。 前台学生系统功能： （ 1）学生可以浏览网站的一些基本的信息。 （ 2）学生也可以查看公司的联系方式 （ 3）学生可以随时发表自己的言论。 后台管理系统功能： （ 1）增加、修改、 删除教学的新闻。 （ 2）浏览删除最新教学信息。 系统编程环境 （ 1）编程技术的选择：静态网页技术主要是使用 HTML，动态网页技术主要使用 ASP14 技术。 HTML 是第一个通用的页面描述语言，任何一个成功的网站都离不开它， 90 年以来 HTML 就一直被用作 WWW 上的信息表示语言， 它遵循国际标准，常用的各种浏览器（如 IE， Netscape 等）均可以对其进行很好的解释； HTML 可以跨平台使用，在 Windows， Unix 等环境中均可得到相同的效果； HTML 又具有简单易学的特点和强大的超媒体支持能力 ，易于构建复杂的超媒体信息网 ； HTML 还支持多种媒体种类，如 GIF，JPG， WAV， AU， AVI， MOV， MPG等，适合网络传输； HTML 的创造工具很多，如 FrontPage， HotDog， DREAMWERVER 等，并可以根据需要加入 JavaScript， JavaApplet 等，使 web 网页具有更好的交互性、生动性和灵活性。 目前，制作动态型网页的技术已有很多，常见的有 CGI（ Common Gateway Interface）、 ISAPI（ Inter Server Application Program Interface）、 ASP（ Active Server Pages）， JSP（ Java Server Pages）， PHP 等 [21]。 其中以 ASP 技术应用最广泛，且相关网络资源多，有丰富的中文参考资料，开发工具比较成熟，能快速构建网络应用程序，所以很 多 远程教学系统的建设者都选用了该技术作为平台制作技术 [22]。 ASP 的主要特点有：（ 1）无需编译。 ASP脚本集成于 HTML 当中。 容易生成，无需编译或连接即可直接解释执行，（ 2）易于生成。 使用常规文本编辑器（如 Windows 下的记事本） ，即可进行 ASP 页面的设计还可以使用可视化的集成编辑环境 Visual InterDev。 （ 3）独立于浏览器。 ASP 脚本在服务器端解释执行，用户端只要使用可解释常规 HTML 码的浏览器，即可浏览 ASP 所设计的主页。 （ 4）面向对象。 在 ASP 脚本中可以方便地引用系统组件和 ASP 的内置组件，还能通过定制 ActiveX Server Component（ ActiveX 服务器组件）来扩充功能。 （ 5）与任务 ActiveX script 语言兼容。 除了可使用 VBScript 和 JavaScript 语言进行设计外， 还可通 过 Plug—in 的方式，使用由第三方所提供的其它 script 语言。 ASP 页面需要 ASP 脚本引擎的支持。 当用户请求一个 HTML 页面时， Web 服务器会把相应的 HTML 页面传送给用户的浏览器。 但是用户请求的是 ASP 页面时， Web 服务器会先将相应的 ASP 页面传递给脚本解释引擎，并生成一个 HTML 页面，再将生成的 HTML 页面回传给用户的浏览器。 在数据连接上，一般采用 ASP+ADO 技术， ASP 与 ADO 技术结合实现同数据库的集成。 ADO 是一种操作 Microsoft 所支持的数据 库的方法，类似于在 VB 中的 DAO（ Data Access Object，数据访问对象）和 RDO（ Remote Data Object，远程数据对象）。 在 ASP 中， ADO 可以看作是一个服务器 组件（ Server Component），简单地说，它是一系列的对象。 ADO 共定义了七种对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作 [23,24]。 使用 ADO 对象操作数据库，具体的步骤可以归纳为以下几步：创建数据库源、创建数据库链接、创建数据对象、操作数据库、关闭数据对象和链接 [25]。 基 于 ASP 以上的优点，本系统在开发中使用 ASP 技术开发。 （ 2）编程环境：由于选择了 ASP 技术开发此系统，编程环境选择 Dreamweaver 8 ，系统环境为 Win Xp SP2 ， 服务器为 IIS。 图片编辑使用 Photoshop。 系统程序设计 部分系统程序设计介绍： （ 1） 课程学习与课程教学设计：课程资料在本系统中，设计成与开课信息关联，首先要在系统添加了开课信息之后，才能添加课程资料，开课信息由管理员添加，课程资料信息由教师添加，学生可以下载。 在本系统设计中，权限 分配是这样的，老师只能添加自己所任教的课程的学习资料，没有任教的课程不能添加。 学生只能下载与自己有关的课程的学习资料。 （ 2） 上传程序设计：在此部分的程序设计成三个类：一为上传类，二进度信息类， 15 三为文件信息类。 上传信息类： DoteyUpload，包含子过程： Public Sub SaveTo(path)（保存信息子过程） ， Public Sub Upload ()（上传子过程） ， Private Sub Raise(Message) （异常信息子过程） ， 方法： Private Function GetBoundary()（取边界值方法）， Private Function BinaryToString(xBinary)（将二进制流转化成文本方法）， Function StringToBinary(String)（字符到二进制转化方法）， Private Function GetFieldName(infoStr)（返回表单名方法），Private Function GetFileName(infoStr)（返回文件名方法）。 进度信息类的主要作用是统计上传进度信息，例如上传文件大小，当前已上传文件大小 ，已花时间，剩余时间等。 文件信息类的主要作用是向客户端返回上传文件的各方面信息，例如文件名，路径等。 （ 3） 答疑程序设计：此部分程序类似与留言板程序，在此系统中，每一个开课信息将有一个答疑区，是多版块的，不过这多版块是以课程为划分依据。 一门课开课了，在前台就会有一个答疑区。 在此模块，只允许学生发帖，老师只允许回复。 （ 4） 讨论区程序设计：此部分程序类似 于 BBS，在此模块，学生、老师和管理员均可以发帖，但只有老师和管理员有管理帖子的权限。 （ 5） 信息关联设计：此方面的关联主要是指学生详细信息关联，教师 详细信息关联，课程详细信息关联，短信息发送关联，课程与学习资料关联，课程与答疑区关联这几方面。 在各个显示名字的地方设置详细信息链接，在各个显示学生、教师信息的地方加上短信息发送的链接。 （ 6） SQL 注入检测设计：这是比较重要的一块，它是网站的安全防线。 主要是使用在循环检查每一个输入数据，如果包含了非合法数据，即不允许操作。 系统程序测。