基于ASP_NET的_Web网站设计_网络教学系统的应用与研究_吴莲贵
基于https://www.wendangku.net/doc/e516237528.html,的“Web网站设计”
网络教学系统的应用与研究
吴莲贵 易瑜
(娄底职业技术学院，湖南娄底 417000)
摘要：本文介绍了笔者基于https://www.wendangku.net/doc/e516237528.html,技术研制出了“Web网站设计”网络教学系统,该系统充分考虑了教学过程中的师生行为，融入了传统教学的主要环节。该平台支持教师与学生的交流、学生与学生的学习交流、作业发布与自动批改等。“计算机辅助教学系统”和“计算机考试系统”都融入了网络教学系统。
关键词：Web网站设计；Internet；网络课程
中图分类号：G642 文献标识码：B 文章编号：1672-5913 (2007) 20-0089-04
计算机与网络技术的飞速发展，已经逐步改变了面对面获取知识的传统教学方式。基于Internet的网络教学模式，交互性好，教学过程可以不受地域、时间限制，而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以自由选择学习内容的新模式，具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点，因此受到了教育界的普遍认可和欢迎。国内外高校利用互联网开展网上教学正呈现出快速发展的态势，开发了一大批具有较高的水平的网络教学课程。但是，目前能满足“高等学校计算机专业计算机教学”要求的网络教学系统还不多。为了有效提高“高等学校计算机专业”计算机教学的整体水平，我们研制了“基于https://www.wendangku.net/doc/e516237528.html,的“Web网站设计”网络教学系统”，该系统充分考虑了教学过程中的师生行为，融入了传统教学的主要环节。该教学系统在娄底职业技术学院推广应用一年多来，受到了师生的一致好评，取得了很好的教学效果。
1 系统功能介绍及技术实现
本系统提供了“Web网站设计”的全部学习课件(教案)、实验指导书、参考资料、教学大纲、学习要求、查询手册和联机帮助信息等多种资源，为教师提供了素材库、试题库等备课资源。该平台支持教师与学生的交流、学生与学生的学习交流、作业发布与自动批改等。网络教学系统支持案例型学习、发现式学习、资源型学习、研究性学习、协作学习等多种学习模式。“计算机辅助教学系统”和“计算机考试系统”都融入了网络教学平台。现将主要功能模块介绍如下：
1.1 电子教程与在线答题
电子教程是“Web网站设计”课本的电子版本。课本内容在数据库中按章节分类存储，并将章节标题按顺序显示在教程页面左边，直接点击可以浏览相应内容。在文章内部支持HTML和UBB标签处理。可以插入图片、页面、音乐、动画、窗口等对象，充分发挥多媒体的特点，使教程生动形象。但应注意的是，HTML标记不允许在页面内添加，因为要保证脚本的安全性，所以HTML标记会被自动过滤。要使用HTML脚本，只能由管理员在数据库管理程序中添加。
另外，针对每章的课后习题，设计了在线答题页面。在线答题部分采用JavaScript脚本语言设计，由于考虑到课后习题数量有限，所以不必要采取从数据库中读取的形式。在设计每章习题答题页面时，预先录入课后习题及正确答案。当用户调用在线答题页面时，JavaScript脚本函数也一起被加载到客户端浏览器中，当用户答题完毕选择提交答案时，触发JavaScript函数，对用户的答案进行判断并给出成绩。
在电子教程中，利用管理员账号登录后，还可以对当前课程内容进行增添和删除，使得数据库内容可以动态更改，这为网站的后续制作提供了很好的可扩展性。其他课程也可以通过改变数据库内容，来直接
使用本系统。
1.2 实验系统
实验系统分为三方面内容：实验篇、操作测试、基础知识测试。
实验篇是针对“Web网站设计知识”课程的每个章节设计出相应内容的实验指导，对所学内容如：Web网站的类型和体系结构、Web网站的CI设计、Web网站的美工设计、Web网站的图形图像和文字设计、Web网站动画设计等给出其基本操作的说明，有利于学生学习操作篇中对每一章介绍的内容给出几个具体的示例，让学生可以按照示例内容，一步一步操作，熟悉所学知识。
测试篇以在线答题页面的形式，给出了关于每个实验内容的基础知识测试题。学生可以在第一时间知道自己的成绩。
本部分的设计采用https://www.wendangku.net/doc/e516237528.html,脚本语言直接从数据库中读出对应的数据来实现。通过对数据库的修改可以很容易的改变实验的内容。
1.3 计算机辅助教学系统
该系统提供了“Web网站设计”、“Dreamweaver”、“ASP程序设计”三个计算机辅助教学系统。这三个教学系统中，有近2000张幻灯片，130余部电影片断，还有其他满足教学需要的各种声音文件和图像文件等。这些幻灯片远远不只是一个单纯播放文本和图像的幻灯片，而是在上面放置了大量“对象”，可以执行各种功能。
整个教学系统图、文、声、像、动画、电影并茂，生动活泼。教学中能有效调动学生的学习积极性，使学生把上课当做一种乐趣，一种美的享受。
计算机辅助教学系统在技术上的创新有以下几个方面：
1.3.1 设计了面向对象的幻灯片
在具体教学中，有大量的“对象”需要做实地演示操作，将这些“对象”放置在幻灯片上，并进行相应的激活设置，在播放幻灯片时只需要点一下鼠标，即可激活对象进行演示操作，与真正的对象操作完全一样。
1.3.2 实现了在对象里书写讲稿
在幻灯片上放置对象，在对象里书写讲稿，可大大减轻教师的备课工作量，更方便了学生的自主学习。1.3.3 在对象里嵌套对象
在具有插入对象功能的对象里根据教学需要再嵌套对象，可以增加讲课的灵活性。
1.3.4 多渠道提供对象工具
在幻灯片上使用了三种方式提供“对象”连接，尽可能地方便教师的操作。
1.3.5 多渠道使用超级链接技术
一是将全部幻灯片有规律地链接在一起，从任意一个幻灯片可以进入各个角落。二是将图、文、声、像、动画、电影等无缝地链接在一起。三是在插入的对象里建立链接。需要时，只需用鼠标点击即可
1.3.6 电影的制作和播放
教学过程中有些具体操作，只靠一些画面无法解释清楚，将这些操作录制成带有声音解说的小电影在幻灯片中进行播放，不仅能加强学生的感性认识，还可以减轻教师的备课工作量。特别是实战操作困难的内容，加入小电影就更有必要性。尤其是涉及到计算机系统的参数设置，一般不允许随便操作。本系统将这些必要的操作过程全部录制成小电影，并在各个操作环节上配有声音解说。系统里共制作了170余部电影片断。
1.3.7 实战和板书操作等功能设计
为了增加讲课的机动性和灵活性，我们在每张幻灯片的左边都设置了“实战”按钮和“板书”按钮，需要进行实战演习时，按“实战”按钮，即可进入相应的实战操作。需要板书时，可随时单击“板书”按钮调出“黑板”书写。
1.4 计算机考试系统
系统提供了智能化程度较高的“Web网站设计”、“ASP程序设计”、“Dreamweaver网页制作”三个计算机机试系统。
每个考试系统都装入近3000道试题和答案。试题中有单选题、是非题、多选题、主观题、填空题、改错题和电影题共七种类型。试题库中试题除给出参考答案外，还设有知识点，以控制在试卷选题时不出现有相同知识点的试题。每个系统都可以进行试卷标准化选题、上机标准化选题和任意区间选题三种方法
的随机选题。系统不仅能输出图文并茂的精美试卷，而且能使学生直接上机考试。对于学生的机试成绩，自动评卷后，还可以根据学生的考试成绩，科学给出不同学生对于各有关知识点的定性评语及其继续学习建议书。
1.5 学习帮助系统
系统提供了教学大纲、学习要求、查寻手册和联机帮助信息等多种资源，为教师提供了素材库、试题库等备课资源。支持学生案例型学习、发现式学习、资源型学习、研究性学习、协作学习等多种学习模式。限于文章的篇幅，该子系统的理论与技术另文介绍。
1.6 交流论坛
交流论坛分为学生交流论坛和师生交流论坛。学生交流论坛主要供学生之间探讨学习心得，交流学习成果之用。师生交流论坛主要作学生向教师询问问题和教师布置作业、发布通知之用。
论坛功能跟目前网上流行的大部分论坛一样。用户需要先在论坛中注册一个自己的ID号，再以该ID 号登录即可使用论坛功能。注册用户可以修改登录密码，浏览、发表、搜索文章。管理员使用管理员账号可以登录bbs用户管理界面，进行各项管理操作。
用户可以使用UBB代码在文章中插入各种对象，和调整文字属性。但对于敏感或粗俗语言，系统会自动过滤。
public string trn(string instr)
{ int i= yuyan.Length;
for (int j=0;j {instr=instr.Replace(bad[j],clear[j]);} return instr; } htm[17]="妈妈的Ｘ"; ubb[17]="过滤文字"; 论坛文章及回复的数据处理。考虑到文章的回复会很多，如果按照顺序从数据库中依次读取，有可能会出现数据库压力增加。所以采用预读取数据，对应排列后显示的方法，大大减低了数据读取次数。 对于用户提交的任何信息，系统都会作安全处理，检测不安全因素。尤其是SQL注入防范，对注入字符全部过滤。 String username=Request[“username”]. Replace(".","1").Replace(",","2").Replace("(","3").Replace(")","4").Replace(":","5"); 用户在线时权限与及时状态保存在SESSION 中，隐藏于浏览器状态中，不可修改，浏览器关闭，信息便消失。再次打开本页，需要重新登录。 2 系统设计的几个问题 2.1 关于https://www.wendangku.net/doc/e516237528.html,技术 https://www.wendangku.net/doc/e516237528.html,也叫ASP+，它不仅仅是ASP的简单升级版本，它还提供了一个统一的Web开发模型，其中包括开发人员生成企业级Web应用程序所需的各种服务。 https://www.wendangku.net/doc/e516237528.html,具有不依赖某种具体语言的特点，可以用任何与.NET 兼容的语言(包括Visual https://www.wendangku.net/doc/e516237528.html,、C#和https://www.wendangku.net/doc/e516237528.html,)编写应用程序。另外，https://www.wendangku.net/doc/e516237528.html,的语法与ASP在很大程度上可以兼容，熟悉ASP的开发人员可以很方便的转到https://www.wendangku.net/doc/e516237528.html,的开发中来。同时https://www.wendangku.net/doc/e516237528.html,还提供一种新的编程模型和结构，可生成伸缩性和稳定性更好的应用程序，并提供更好的安全保护。可以通过在现有 ASP 应用程序中逐渐添加 https://www.wendangku.net/doc/e516237528.html, 功能，随时增强 ASP 应用程序的功能，其中包括托管的公共语言运行库环境、类型安全、继承等等。与 ASP 相比，https://www.wendangku.net/doc/e516237528.html, 在很多方面有了显著的改进，这些方面包括：性能、状态管理、可缩放性、配置、部署、安全性、输出缓存控制、网络场支持和 XML Web services 结构等。 https://www.wendangku.net/doc/e516237528.html,通过ODBC接口，不仅可以使用Web 网站设计、Dreamweaver网页设计、ASP程序设计、Microsoft SQL Server 等数据库，而且可以使用任何提供了ODBC驱动程序的第三方产品。与ADO对应于ASP一样， ASP.NAT对应的有https://www.wendangku.net/doc/e516237528.html,。https://www.wendangku.net/doc/e516237528.html,提供对Microsoft SQL Server 等数据源以及通过 OLE DB 和 XML 公开的数据源的一致访问。数据共享使用者应用程序可以使用https://www.wendangku.net/doc/e516237528.html, 来连接到这些数据源，并查询、删除、操作和更新数据。 2.2 系统的开发及运行环境 本系统最终版本是基于Windows2000/XP professional、Visual https://www.wendangku.net/doc/e516237528.html,及MS FrontPage 2000、MDAC 2.7 for Data、Internet信息服务开发环境下进行的，系统的运行需要在服务器上安装.NET Framework。且在安装 .NET Framework之前，必须确 保该服务器上已经安装并运行了Internet信息服务。 将本系统直接拷贝到服务器的Web主目录下，或者在磁盘的任何位置通过在IIS中建立虚拟目录指向系统文件夹即可访问本系统。 3 结束语 该教学系统的应用，使得教学过程可以实现双向互动，最大限度的实现教学资源的共享。并且本系统功用齐全，使用方便，具有良好的可扩展性和通用性。可作为设计其他网络课程的模版。同时可与其他高等职院共享，将会促使我国高等职院“WEB网站设计”教学的整体水平有一个新的提高。 Based on https://www.wendangku.net/doc/e516237528.html,“Web Website Design”network teaching system application and research WU Lian-gui , YI Yu (Loudi Vocational Technical Institute Loudi Hunan 417000) Abstract:Owing to that the https://www.wendangku.net/doc/e516237528.html, technology has developed out network teaching system, owe system teacher and student behavior in having considered teaching process sufficiently, a key link melting to have entered tradition teaching. Announcing and correcting voluntarily the exchange studying, school assignment owing platform exchange, student and student supporting the teacher and the student and so on. Both "computer-aid teaching system " and "computer examination system " melt to have entered network teaching system. Keywords: Website designs Web; Internet; Network course 参考文献 [1] 吴莲贵. Web网站设计[J]. 校本教材，2006，(3). [2 ] 普悠玛. https://www.wendangku.net/doc/e516237528.html,程序设计示例导学[M]. 北京科海电子出版社，2003. [3 ] 杨浩. JavaScript入门与提高[M]. 北京：清华大学出版社，2003. [4] 王爱民. 基于Web的《计算机应用基础》网络教学系统的研制[EB/OL]. 中国教育和科研计算机网，2006. 作者简介 吴莲贵(1954-)，女，湖南娄底职业技术学院计算机系主任，副教授，研究方向：教育管理，网络软件开发。 易瑜(1980-)，女，湖南娄底职业技术学院，软件工程师，研究方向：网站设计与安全管理。 通信地址：湖南娄底职业技术学院计算机系 E-mail：ldwlg@https://www.wendangku.net/doc/e516237528.html, (上接102页) 附 学生网络资源利用调查表 请在每一问题下选择最能反映您的情况的选项或用一句话简明扼要地回答所提出来的问题。 1. 您家庭所在地 □农村□小城镇(10万人以下) □大、中城市 2. 您所学的学科性质 □文科□理工科 □艺术或体育学科 3. 您第一次上网的时间是 □初中以前□初中 □高中□大学 4. 您上网经常做的事情是(可多选) □浏览新闻□查找有关学习资料 □收发邮件□聊天□玩游戏5. 请问您能否很快在网上查找想要的资源? □能□有一定困难□不能 6. 请问您是否经常参加有关专题讨论 □经常□偶尔参加□从不参加7. 您在学习中有困难时首先想到的是 □向老师或同学请教 □上图书馆□上网 8. 您是否认为有必要参加网络资源利用的培训吗? □有必要□没有必要 9. 您是否认为教师有必要在教学中使用网络资源 □有必要□可有可无□没必要10. 您认为目前网上的教育资源丰富吗? □非常丰富□丰富 □不太丰富□不丰富 11. 目前您在利用网络资源方面的最大问题是 12. 您对教育资源网站建设的建议