基于VC++教学网站设计――信息区的设计
开篇：润墨网以专业的文秘视角，为您筛选了一篇基于VC++教学网站设计――信息区的设计范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！
摘要：为了方便广大的学生通过网络来学习VC++，我们考虑开发VC++的在线教学系统。基于ASP+Dreamweaver+WINDOWS2000开发的vc++语言在线教学系统，主要提供网上的教学平台，者可以通过该系统，以提供教程为主来进行知识的传播，以在线讨论和在线阅读的方式提供网络教学服务。访问者可以通过该系统提供的大量资源完成自学，进行自我测验，及其利用在线讨论功能与其他VC++语言爱好者进行交流，以达到共同进步的目的。
关键词：ASP；网页；留言版
中图分类号：TP311文献标识码：A 文章编号：1009-3044(2011)15-3731-05
Based on Vc++ Teaching Website Design: Information the Design
LIU Xiao-meng
(Hefei Railway Engineering School, Hefei 230001, China)
Abstract: Pass the network to study the VC the ++, we consider to develop the VC+ for the sake of the convenient and large student+ of on-line teaching system. According to ASP+ Dreamweaver+ WINDOWS2000 development VC++ on-line teaching in language system, provide the teaching on the net terrace primarily, announce can pass that system, to provide lectures as the lord to proceed the knowledge spreads, with on-line discussion with on-line read of way provide the network teaching service. The visitant can pass the resources of large quantity that that system provide completes self-educated, proceed the ego tests, and on-line discussion in its exploitation function and other VC++ the language fancier proceeds the exchanges, to attain common progressive of purpose.
Key words: ASP; web page; message version
1 概述
随着多媒体技术和网络通信技术的发展，基于Internet的计算机网络教学作为一种全新的教学手段，越来越受到人们的关注。计算机网络教学是指利用多媒体技术和网络通信技术，在网络环境下开展的教学活动。它有着传统教学模式所无可比拟的优点，它创造了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，大大提高了教学效率和教学效果，使教学活动上了一个新台阶。
在网络教学环境中，教师和学生在地理位置上的分离，使得教学无法围绕教师为中心来展开，而必须以学生为中心，学生已经成为教学过程中的主题，所有的教学资源都必须围绕学生学习来进行优化配置，教师不在是知识的唯一源泉，最大的知识源泉是网络，教师的任务是指导学生如何获取信息，帮助学生解决学习过程中的问题，并帮助学生形成一套有效的学习方法和解决问题的方法。学生的地位也应该由原来的被动接受者转变为主动参与者，学生应该成为知识的探究者和意义建构的主体，学生的头脑不再被看作是一个需要填满的容器，而是一支需要点燃的火把。网络学习环境不再是教师讲解的辅助工具，而变为帮助学生探索发现学习用的认知工具。网络教学应该围绕如何促进学生的自主学习，促进学生思维的深度和广度发展，组织学生的自主学习活动来展开。这些内容构成了支撑网络教育教学观念的基石。
网络教学是通过网络表现的某门学科的教学内容及实施的教学活动的总和，它包括两个组成部分：按一定的教学目标。教学策略组织起来的教学内容和网络教学支撑环境，其中网络教学支撑环境特指支持网络教学的软件工具。教学资源以及在网络教学平台上实施的教学活动。
网络教学设计是教师在网上教学前的准备工作，教师需要把课程编写成网页的形式并进行一系列的备课。在网络教学中，所以教学活动都是以学生为中心，特别强调在学习过程中发挥学生的主动性、积极性，相应的课程与教学设计主要围绕“教学内容”、“自主学习策略”、和“学习环境”三个方面进行。一是教学的前提与条件，二是整个教学设计的核心通过各种学习策略激发学生去主动建构知识的意义（诱发学习的内因）；三则是为学生主动建构创造必要的环境和条件（提供学习的外因）。由于网上教学与传统教学有很大区别，教师的地位发生了明显的改变，教师由原来的知识的传授者、灌输者转变成学生主动建构意义的帮助者、促进者，因此教师的在线教学设计也发生很大变化。
网络教学有以下的原则：
1）直观性――针对多媒体计算机独特的图像显示技术，课件制作需要图像清晰，文本、动画连贯，色彩逼真，有丰富的表现力和感染力，符合学生的认知规律，激发学生的学习热情的兴趣，力求形成图，文，声，像并茂的多媒体教学系统。
2）交互性――优秀的多媒体课件要有非常友好的人机交互界面。因此，制作课件时，要设计出新颖便捷的交互界面，或者播放按钮，必要时还要有操作提示和防错功能，以增强课件的可控性和可移植性。
3）辅――学生是教学过程的主体，教师是引导者，而课件则是教师课堂教学的辅助工具。因此，课件不能占据整个课堂，要与传统教学手段（如讲授法，谈话法，讨论法，板书，投影等）有机结合起来，共同完成教学任务。
2 网站软硬件环境建设
2.1 网络服务方式的选择
1）Web服务器
在网络上提供资源并对这些资源进行管理的计算机叫服务器。WWW服务器（WWW Server)通常也叫Web服务器（Web Server）。WWW服务软件与WWW浏览器是配合使用的。WWW服务器安装Web Server软件，用于存贮和管理主页Home Page，提供WWW服务。客户机安装WWW浏览器软件（WWW Browse）、主页制作软件、电子邮件软件等。
2）虚拟主机
网络站点的建设可以分为两种，一种是自己建立网站，一种是外购整体网络服务。外购整体网络服务又分两种形式：虚拟主机与服务器托管。
虚拟主机是使用特殊的软硬件技术，把一整的真实主机的硬盘空间分成若干份，每一个被分割的硬盘称为一台虚拟主机。虚拟主机都具有独立的域名和IP地址，但共享真实主机的CPU、RAM、操作系统、应用软件等。虚拟主机之间完全独立。
采用虚拟主机方式建立电子商务网站具有投资小，建立速度快，安全可靠，无须软硬件配置及投资，无须拥有技术支持等特点。
选择虚拟主机主要考虑以下几点服务内容：存储空间；电子邮件；网页制作；IP地址；文件传输（FTP）；时间；速度。
3）服务器托管
服务器托管是指用户将自己的独立服务器寄放在因特网服务商的机房，即租用ISP机架位置，日常系统维护由因特网服务商提供，用户可以独立进行主机内部的系统维护及数据的更新。这方式特别适用于有大量数据需要通过因特网进行传递，以及大量信息需要的单位。
从另一个角度讲，选择服务器托管，用户可以获得一个很高的控制权限，能够决定服务质量和其他一些重要的问题，可以随时监视系统资源的使用情况。在系统资源紧张，出现瓶颈的时候，可以马上根据具体情况对服务器进行升级。服务器托管不仅能够解决足够多的访问量和数据库查询，还能为企业节约数目可观的维护费用。
相对于虚拟主机，服务器托管具有以下特点：灵活；稳定；安全；快捷。
主机托管服务选择时应考虑以下因素：可靠性因素；安全因素；功能需求因素。
4）独立服务器
独立服务器是指用户的服务器从因特网接入到维护管理完全由自己操作。企业自己建立服务器主要考虑的内容有硬件、系统平台、接入方式、防火墙、数据库、人员配备等。
2.2 网络数据库的选择
1）网络数据库的概念与作用
网络数据库（network database）是在网络上运行的数据库。网络数据库中的数据之间的关系不是一一对应的，可能存在着一对多的关系，这种关系也不是只有一种路径的涵盖关系，而可能会有多种路径或从属的关系。网络数据库数据存储量大、修改方便，能够进行动态数据组合，是为电子商务网站提供交互式服务的主要手段。
2）网络数据库的选择
选择数据库管理系统时应从以下几个方面予以考虑：易用性；分布性；并发性；数据完整性；可移植性；安全性；容错性。
3 网站内容建设
3.1 域名申请
域名可以定义为：“由人、企业或组织申请的网站使用的因特网标识，并对提供服务或产品的品质进行承诺和提供信息交换或交易的虚拟地址”。域名的命名必须审慎从事。在确定教学网站域名的命名时，应考虑以下几个方面：
1）符合规范。
2）短小精悍。
3）容易记忆。
4）不容易与其他域名混淆。
5）尽量避免文化冲突。
3.2 相关资料的收集
网站建设初期应有明确的指导方针，对信息的收集和整理工作作出统筹规划。为Web准备信息的工作通常需要多人来完成。许多网站设立文本管理员、Web管理员、内容管理员和其它职务，以流水线方式完成信息的收集、转换、和维护等工作。
3.3 网站主页和页面的特色设计
如何把握网站的整体风格，使网站呈现的形式能很好地为内容服务，是一个需要反复思考的问题。
1）依据内容确定网页风格
无论是什么类型的网站，必然有它的主题内容，网站的风格必须与它的主题相符合，同时还应考虑到浏览人群的性格特征。教学类的网站比较多的采用简明大方、温暖亲切的风格。
2）合理安排网页内容元素的位置
网页内容元素的位置安排也就是对网页的排版。一个网站往往由各个网页组成，而每个网页又由一些元素组成。对这些网页内容元素进行合理的排版设计目标是使每一网页都能重点突出、层次分明、错落有致、井井有条。
在主页中应有制作小组或单位的标志物，能让浏览者一眼就能判别出是谁的主页。网站的所有内容都能在主页中找到其链接。网页的设计应以醒目为上，一目了然为本。
3）网站网页色彩的运用
网页的色彩要为主题内容服务，一个网站应该而且只能有一种主色调。由于色彩富于感情性，因此会对浏览者产生一定的心理效应。
除了主色调之外，一个网站的颜色一般最多不宜超过5种（不包括图片的颜色）。除了颜色的心理效应之外，在进行网页设计时还应注意的是颜色的可读性，要确保挑选的颜色在通用颜色调色板中存在，同时确保浏览者在阅读时不会感到吃力。
4）网页中图片的运用
在网页中插入图片可以令网页生色不少，但图片也不能用得太多，以免让人觉得累赘，而且影响网页的下载速度。所以网站中的图片既要美观、符合网站的内容，又要少而精，放在最需要的地方，起到画龙点睛的效果，增加网站的吸引力。
注意在保证质量的前提下要尽可能地减少图片的大小。这里的“大小”不是指尺寸的大小，而是指字节数的大小。图片减肥有利于下载速度的提高。
网页中合理的运用动画会使网页更加增添生气。常见的动画格式有GIF动画和Flas。同样，动画图片在一个网站中也不宜出现太多。
5）网页中的背景音乐
多媒体的应用对网页的多姿多彩起了相当重要的作用，在个人网站中，应用背景音乐的网站较多。但对于一般教育类网站的主页来说，背景音乐建议少用。
3.4 网站设计基础语言
1）HTML语言
HTML（HyperText Markup Language，超文本标注语言）是WWW上的专用语言。HTML文件是简单的纯文本文件（全ASCII文件），其主要特征是在文本中有HTML标注符。HTML语言的优点是标注简单明了，功能强大。HTML语言也有一定的局限。
2）XML语言
XML（eXtensible Markup Language，可扩展置标语言）是SGML（Standard Generalized Markup Language）的优化子集，是国际组织W3C（World Wide Web Consortium）为适应WWW的应用，将SGML标准进行简化形成的标记语言，形式上类似于HTML。XML作为一种可用来制定具体应用语言的元语言，既具有强大的描述能力，又具有适合网络应用的简洁性。
相对于HTML，XML具有以下特点：
① 可扩展性。
② 灵活性。
③ 自描述性。
④ 简明性。
3）Java 与JavaScript 语言
Java语言是由SunMicrosystems公司于1995年推出的程序设计语言。Java语言吸收了smalltalk语言和C＋＋语言的优点，并增加了其他特性，Java与与平台无关，可用来创建安全的、可移植的、面向对象的、多线程的和交互式的程序。
Java程序有两种形式：独立运行程序和Java Applet。
JavaScript 是一种介于Java与HTML之间、基于对象的编程语言。它无须编译，是一种比Java简单得多的描述性语言。
3.5 网页制作常用工具
想要制作出一个美观、实用的主页，必须使用专业的主页编辑软件。
1）入门工具
微软公司的Word 2000和网景公司的Netscape，不过，它们不能完全实现“所见即所得”。
2）提高工具
微软的Frontpage 2000和美国MACROMEDIA公司开发的Dreamweaver。它们能实现“所见即所得”。Dreamweaver4.0 版本包括了所有用于创建专业化网站的功能。
3）专业工具
Adobe Photoshop是目前最流行的平面图形设计软件之一。Fireworks是一个强大的网页图形设计工具。Flash是一种交互式矢量多媒体技术。
4 具体实现过程
我们的C++教学网站包括首页、信息区、留言版三部分。我所负责的是信息区的建设，包括在线学习，在线测试两部分。
在线学习是把C++课程的全部内容分成十一章，所有授课的教程都做成HTML页面存放在服务器中，通过powerpoint课件形式在网上展现，浏览者可以通过点击链接进行任意的浏览。
在线测试系统的构思：如果是一般来访者的身份只能进行在线学习，如果是拥有学号的学生则可以在线考试并提交给机器评分。
5 在线学习课件编写
5.1 课件编写要求
因为课件不仅包含了将要在计算机上显示的大量的教学信息，更重要的是如何通过计算机为学生构建一个良好的学习环境，使学生在与这样的环境的互动中，促进学习的发生.这就要求课件提供的教学信息以及这些教学信息的展示和交互过程应能较好的体现一定的学习理论，应能充分发挥计算机的优势。课件编写应遵循如下基本原则：
1）明确教学目的和各教学单元的教学目标；
2）根据教学目标，使用的教学内容应准确无误；
3）根据教学目标和教学内容，选择适当的教学方法（CAI模式）和传递教学信息的媒体。
4）学习理论的应用。无论采用什么样的模式，都必须注意学习理论的应用，以提高软件的教学效果。
5）应考虑计算机的输出和显示能力。
6）使用的格式应该规范。课件可以使用不同的格式，但必须规范，而且便于对脚本各项内容的表达，这些内容包括：
① 显示信息。指屏幕上将要显示的教学信息，反馈信息和操作信息。
② 注释信息。说明显示信息呈现的时间、位置和条件以及连接要求。
③ 逻辑编号。显示信息常常是以屏幕为单位来表述的，为了说明它们之间的连接关系，每一个显示单位应有一个逻辑编号，以便说明连接时使用。
④ 媒体、交互信息和“热字”的表示。为了清楚地表示教学信息中使用的不同媒体（文字、声音、图形或图象等）、教学信息中的“热字”以及交互过程中呈现的各种信息，脚本中常用不同的符号表示它们。
6 测试系统程序实现
测试系统的程序结构包括以下几个部分：
1）TEST.MDB:考试系统的数据库文件（Access2000/XP格式）。
2）Login.asp:考试系统的登录界面。
3）Test.asp:考试系统的考试界面。
4）Score.asp:考试系统的评分界面。
在线测试系统的设计与开发，它所要实现的主要功能是在线考试和客观题的自动评分，实现了教师学生之间面对面的交流，使学生的学习、教师的工作不再受时间、空间的限制。它主要是有用户登录、在线测试和评分系统几个部分组成。
7 测试系统代码说明
首先进入的是登录程序，其界面如图1所示。
登录程序主要用于密码的验证，检查登录的用户是否在考试系统的用户表中，如果在而且还没有参加过本科目的考试则可以进入考试。
案例名称：在线考试系统登录界面
程序名称：login.asp
var No = "";
var Name = "";
var Lesson = "";
var Msg = "";
if (Request("Name").Count > 0)
{
No = Request("No")(1);
Name = Request("Name")(1);
Lesson = Request("Lesson")(1);
SQL = "Select * From 成绩单 ";
SQL = SQL + "Where 学号=" + "'" + No + "'" + " And 姓名='" + Name + "'";
//利用SQL语句在数据库中查询//
var conn = Server.CreateObject("ADODB.Connection");
conn.Open ("driver={Microsoft Access Driver (*.mdb)};dbq=" + Server.MapPath("test.mdb"));
var rsScore = conn.Execute(SQL);
if (rsScore.Eof)
{
Msg = "你不是合法考生!";
}
//验证是否有此考生的信息，找不到当前用户时rsScore.Eof为真//
else
{
if (rsScore(Lesson) != -1)
{
Msg = "你已经考过本科目了!";
}
//如果在数据库中找到了这个人的信息，但所选考试科目的分数不为-1，此时说明考生已经考完了//
else
{
rsScore.Close();
conn.Close();
Response.Redirect("Test.asp?" + Request.QueryString);
}
}
rsScore.Close();
conn.Close();
}
%>
如果考生还没有参加考试，转到test.asp文件，利用Request.QueryString将浏览器地址栏的参数全部读取并传递到test.asp。
考题有单选题和多选题，所有试题都是从该科目的题库中读取的，利用语句“〈INPUT Type= “Hidden ”Name=”Lesson” Value=>”将考生的信息保存起来，当考生提交表单时，信息同时被提交。
当用户提交时，系统会调用Score.asp文件来对考生进行自动判分，并考生的考试信息显示出来，如图2所示。
如果考生按“返回”按扭再重新答卷的话，系统会显示考过的信息。
8 小结
信息技术的迅猛发展对现代远程教育的开展起到了极大的促进作用，设计和开发优质的网络课程是当今远程教育中面临的一个重大课题。《Visual C++程序设计》网络课程就是为适应学习者利用网络进行远程学习而设计的。该网络课程与传统的课程内容不同，它作为现代远程教育的重要教学资源，充分利用优质教学资源，为信息技术和网络技术的发展提供技术支持，创造轻松、活泼、自主的学习环境，提高教学质量和教学效益。另外，网络课程的设计也不可能一步到位，需要在网络课程的运行过程中，不断收集教师和学生的反馈意见，以及实际的教学数据，根据这些数据再对网络课程的设计做进一步修订。
参考文献：
[1] 鲍嘉,卢坚.Dreamweaver MX 2004 完美网页设计[M].北京:中国青年出版社,2004.
[2] 石志国,王忠良,薛为民.ASP精解案例教程[M].北京:清华大学出版社,2003.
[3] 李雁翎.Access2000 基础与应用[M].北京:清华大学出版社,2002.
[4] 庄泳龙.Instant ASP 实例解析ASP网站编程[M].北京:宇航出版社,2002.
注：本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文