计算机基础教育网站Word文档下载推荐.docx
《计算机基础教育网站Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《计算机基础教育网站Word文档下载推荐.docx（23页珍藏版）》请在冰豆网上搜索。
第1章诸论
为了更好的办学，提高学校知名度，特构建计算机基础教育网站。
1．1设计思想
通过网站，全面宣传，展示计算机基础教育网站的优点与特色，发布最新的教育教材，多媒体课件，增强学生与网站之间的联系，在Internet上实现完成在线学习，复习以及答疑。
提高学习效率。
1．2．开发工具的选用及介绍
ASP的优势：
ActiveServerPages：
“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。
图1.2.1ASP运行模式图
图1.2.2ASP各部分关系图
ＡＳＰ的特点：
任何开发工具皆可发展ＡＳＰ
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。
当然，其他网页发展工具，例如，FrontPageExpress、ＦrontPage等也都可以；
不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
语言相容性高
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！
这是因杰ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。
易于操控数据库
ＡＳＰ可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：
Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel”文件当成数据库用。
图1.2.3ASP工作原理图
面向对象学习容易
ＡＳＰ具备有面向对象（Ｏbject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：
Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。
ASP的六大内部对象
对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理
所以我选择了ASP结合EditPlus来制作计算机基础教育网站
第2章网站总体分析与设计
2.1网站系统模块分析
根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：
首页：
介绍发展计算机基础教育网站的目的。
课程介绍：
整体介绍整个课程的。
教学大纲：
总体介绍课程内的教学要求。
教学进度：
以表格的形式明晰整个课程的教学进度和学时安排。
电子讲稿：
提供在线多媒体课件观看。
教学教案：
公开这个教学教案，方便学生复习找重点。
实验：
提供在线观看实验，了解实验步骤。
习题：
方便广大学生复习使用。
模拟试题：
使学生可以在线测试自己所学知识是否牢固以及了解期末考试试题样式。
CAI课件：
提供光盘下载。
在线答疑：
提供在线解答，方便学生的疑问能得到及时的解答。
2.2网页设计
网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用ＡＳＰ与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。
首页结构图：
注：
蓝色字体表示网页间的超级链接。
2.3数据库设计
采用的数据库是MicrosoftAccess，拟建立sunbtob.mdb库文件，并更改文件类型为asp文件。
包含如下几个表文件：
admin管理员帐户表
guestbook留言记录表
notice公告记录表
teacher教师帐户表
第3章详细设计
3.1网站模块设计及分析
3.1.1网站总体结构图
网站总体结构图，主要描述的程序设计的主体框架。
程序默认打开的是基础教育网站的首页界面，在这个界面中可以链接到网站的各个小的功能模块中。
同时通过连接返回首页或其他小模块。
所以在这个图中，任何的小模块之间都是相通的。
图3.1.1网站总体结构图
3.1.2结构模块分类
从图3.1.1中可以得知道一共拥有10个模块，而根据各个模块的功能划分，可分为3大类：
1．教学模块：
包括课程介绍、教学大纲、教学进度、电子讲稿、教学教案5个模块。
包括习题、实验、模拟试题、CAI课件4个模块。
在线答疑模块。
3.2教学版块网页设计
3.2.1功能
利用静态网页设计原理，明确显示计算机基础教育的整个课程介绍，教学大纲以及教学进度以及于教学相关的课程课件，使已经参加学习或将要参加学习的人能一目了然的整个的课程安排。
对课上一时无法理解的内容可以及时查询，达到2次学习的目的。
3.2.2组成构造
共分成5大部分：
课程介绍网页about.asp:
用来显示计算机基础教育课程的基本介绍和成立该课程的必要性，重要性
教学大纲网页dagang.asp：
用来显示整个课程的教学大纲，方便需要人士查询或了解。
教学进度网页jindu.asp：
用来显示整个课程的教师安排以及各个课程的课时安排。
电子讲稿网页jg.asp:
用来显示整个课程的电子课件。
教学教案网页daodu.asp:
用来显示教师的教学教案，突出难点以及要点。
3.2.3界面设计重点及难点的代码设计
由于以上网页基本采用的是静态网页显示方式，所以相对比较叫简单。
其中以下电子讲稿网页和教学教案网页采用的是帧链接的方式来实现的，也就是俗称网页内嵌网页的方式。
其中以电子教案网页内关于帧链接的代码如下：
<
TABLEwidth="
778"
border="
0"
cellspacing="
cellpadding="
align="
center"
background="
images/index_bg.gif"
>
<
TR>
TD>
&
nbsp;
ahref="
jxja/1.htm"
target="
iframe1"
第一章绪论<
/a>
/TD>
……
<
jxja/bu05.htm"
第五章补充FrontPage<
/TR>
jxja/07.htm"
第七章程序设计<
tablewidth="
10"
IFRAMEid=iframe1name=iframe1
src="
jxja/01.htm"
frameBorder=0
width=765height=500>
/IFRAME>
/TABLE>
前面一段表格代码是用来设置帧链接，后一端表格代码表示的是在一个在表格中显示网页
IFRAMEid=iframe1name=iframe1src="
frameBorder=0width=765height=500>
这段网页语句中：
IFRAME>
...<
表示创建一个内联的帧。
name=iframe1表示定义帧的名字。
scr="
jxja/01.htm"
表示定义在帧中显示的内容的来源。
frameborder=0表示定义帧之间的边界（0或1）。
height=765表示帧的高度。
width=500表示帧的宽度。
3.3复习版块网页设计
3.3.1功能
学生通过使用习题、模拟试题达到对所学知识的自我测试，同时能了解最后考评方式以及考试题型。
方便学生找出自我不足，及时加以纠正。
并提供上机试题素材以及CAI课件下载，实验操作的演示。
3.3.2组成结构
共分4个模块，分别为：
习题网页test/one.asp：
提供各个课程章节的课后习题的打印。
模拟试题网页exam/testa1.asp：
提供模拟试题的。
实验网页swfyanshi.asp：
提供实验操作的录象演示。
CAI课件网页cai.asp：
。
提供CAI课件的下载。
3.3.3界面设计重点及难点的代码设计
实验网页采用的是和电子教案网页同样的方法，采用的是帧链接的方式来实现，原理同上2个网页。
模拟试题网页一共分为理论试题，上机试题，上机试题样张，上机试题素材下载4个显性部分和理论试题答案参考一个隐性部分。
而理论试题部分一共包括2部分，一个是静态网页的调用，调用试题部分，另一部分是答题卡的表单提交设计。
表单提交后，学生不但能看到试题的正确答案还能看到自己答题情况和所获得分数（不包括简答体）。
静态网页调用代码如下：
!
--#includefile="
a1.html"
-->
表示调用a1.htm文件，而a1.htm文件为试题部分。
答体卡表单设计代码如下：
CENTER>
答题卡<
/CENTER>
"
tr>
td>
一.单选题<
/td>
/tr>
750"
1"
TRalign="
TDwidth="
50"
题号<
1<
10<
答案<
inputtype="
text"
name="
n101"
size=1maxlength=1>
n110"
11<
20<
n111"
n120"
二.多选题<
5<
n201"
size=4maxlength=4>
n205"
/table>
三.填空题<
n301"
size=8maxlength=15>
n310"
三.简答题<
textareaname="
n401"
rows="
5"
cols="
90"
wrap="
virtual"
>
/textarea>
……
n405"
virtual"
submit"
value="
提交"
/form>
根据不同题型答题需要设计的相应的文本框大小
其中<
为设计单选体答案输入文本size=1表示文本框大小为1个字符，maxlength=1表示最大输入字符数为1。
同理，多选题设置为最大字符数为4，填空题设置为15个字符。
而<
为设计简答题答案文本
rows="
表示滚动文本框的高度和宽度，wrap="
表示文本超过cols值会自动换行并在传输时不显示换行字符。
答题卡数据传输显示网页设计代码：
%
n101=request.Form（"
）
n102=request.Form（"
n102"
n404=request.Form（"
n404"
n405=request.Form（"
%>
通过使用ASP内建对象request.form来接受答题卡网页传输的数据通过<
%response.writen101%>
代码来实现数据显示。
并用IF语句来判断单选题、多选题和填空题的答案是否正确并统计3大题目所获得的总分。
实现代码如下：
dimsum
ifn101="
d"
thensum
升级会员 