网络信息互动平台的技术及其应用
摘要
本次毕业设计的主题是建立网络信息互动平台，通过该信息平台提高教师和学生的对
课业的交流能力。网络教育是在网络环境下，充分发挥网络的教育功能和教育资源优势，
向教育者和学习者提供的一种教和学的环境，通过传递数字化教育信息，开展交互式的同
步或异步的教学活动；具有教学资源共享、学习时空不限、交流多向互动和便于学习合作
的特点与优势。
本次毕业设计充分认识到这样一个现况：网上教学系统，作为传统教育的补充，结合
教学中的实际需求与网络状况，采用成熟的计算机及网络技术进行系统开发，ASP 技术。
动态服务器网页 ASP(Active Server Pages)是一个服务器端的脚本环境,在网站的 Web 服务
器上解释脚本,可产生并执行动态、交互式、高效率的网站服务器应用程序。ASP 可以胜
任基于微软 Web 服务器的各种动态数据发布。
本次设计可实现查看 FLASH 和教学视频等功能，还可以通过外部链接网页访问外部
信息，为教师与学生学习交流提供方便。
关键词：ASP 技术；视频；信息互动平台
Interactive platform for network information technology
and its application
ABSTRACT
The theme of this graduation project is to build an interactive network information platform ,
information platform through which teachers an students to improve the exchange of academic
ability. Online education in network environment, give full play to the network and
educationalresources educational function, to the education and learners of a teaching and
learning environment through the delivery of digitaleducation information, an interactive
synchronous or asynchronous learning activities; the sharing of resources with teaching and
learning space limitation, communication more cooperation to the interaction and ease of
learning the characteristic an advantage.
The graduation project fully aware of the status: Online teaching system, as traditional
education supplement, combined with the actual needs of teaching and network conditions, using
sophisticated computer and network technology, system development, ASP Technology. ASP is
Active Server mix (abbreviation) Server page activity, it is a server-side scripting environment
on the site, and explains the Web Server script, can produce and implement dynamically,
interactive and efficient Web Server application. Microsoft is based on ASP capable of various
data dynamic Web server.
This paper can be achieved View FLASH and video functions, you can also access the
external website via external links to information for teachers and students communicate with
ease.
Key Words: ASP Technology; Video; Interactive information platform
目 录
第 1 章 绪论 ...........................................................................................................................................1
研究开发的项目背景.............................................................................................................1
相关技术发展趋势..................................................................................................................2
论文组织结构 ............................................................................................................................3
第 2 章 需求分析与开发方法简介..............................................................................................4
需求分析 ......................................................................................................................................4
网站制作指导思想..................................................................................................................5
开发环境介绍 ............................................................................................................................6
设计流程介绍 ............................................................................................................................9
第 3 章 Dreamweaver 页面设计 .................................................................................................10
Dreamweaver 软件功能介绍 .............................................................................................10
网站具体分栏目策划...........................................................................................................11
图像编辑 ....................................................................................................................................14
文字编辑 ....................................................................................................................................18
HTML 格式控制......................................................................................................................21
第 4 章 留言板与视频和邮件的添加 ......................................................................................24
添加留言板链接 .....................................................................................................................24
添加视频链接 ..........................................................................................................................26
添加邮件链接 ..........................................................................................................................30
第 5 章 ASP 技术应用.....................................................................................................................32
ASP 的工作原理......................................................................................................................32
第 6 章 数据库介绍 ..........................................................................................................................34
数据库定义 ...............................................................................................................................34
数据库与 WEB 的结合 .......................................................................................................35
数据库的设计 ..........................................................................................................................36
第 7 章 网站留言测试与结束语.................................................................................................37
网站测试 ....................................................................................................................................37
结束语 .........................................................................................................................................38
总结 ...........................................................................................................................................................39
致谢 ...........................................................................................................................................................40
参考文献 .................................................................................................................................................41
第 1 章 绪论
研究开发的项目背景
网络教育是通过 Internet 进行学习与教学的活动，与传统教育相比具有教育信息资源
共享、活动时空不受限、学习交流易实现的优势，同时可实现教材多媒体化、资源全球化、
教学模式多元化、学习自主化。网上教学系统包括软件、硬件、教育资源三部分。
随着计算机信息及网络技术向教育领域的逐步渗透，网络教育己成为教育领域的热门
话题和教育改革与发展的“热点”。尤其是 Internet 和 Intranet 的相应出现，各高等院校纷纷
建立校园网，开发自己的网上教学系统，以期通过网络，充分发挥学院教育资源优势，最
大限度地实现资源共享，创造理想的教学环境，弥补传统教学的不足，提高教育质量，培
养具备创新精神与实践能力、适应信息时代要求的创新型人才。然而，目前各高校的网上
教学系统在实际应用中形势并不乐观，远未达到预期目的。主要表现为系统功能虽全，但
操作起来复杂；教学资源内容贫乏，教师、学生使用积极性不高。分析原因，主要是市场
提供的网上教学系统开发产品注重通用性，应用到各高校的教学中，未能很好地突出各学
科自身的特点，用户针对性不强；系统维护、管理和服务重视不够，未充分发挥用户的积
极性。依据单位的特色及针对用户群的特点，充分依靠自身的技术力量，研发功能实用、
操作简便的系统是目前各高校网上教学系统开发的一个方向。
信息化是将信息作为构成某一种系统、某一领域的基本要素，并对该系统、该领域中
信息的获取、分析、加工、传递和利用所进行的有意义活动的总称。它包含两层含义：一
是对信息重要性的认识，将信息作为一种基本的构成要素。因此，信息化的过程中，首先
应对系统进行信息分析，它是信息化的基础；另一层是信息技术的广泛应用，信息技术的
广泛应用是在系统信息分析的基础上进行的，没有对系统进行深入地信息分析，就不可能
实现信息技术在系统中的有效应用。信息化教育是指在教育领域全面深入地运用以多媒体
计算机和网络通信技术为基础的现代化信息技术，促进教育改革和教育现代化，使之适应
信息化社会对教育发展的新要求。信息化教育可以从技术层面和教育层面两个维度考察。
从技术上讲，信息化教育的基本特点是数字化、多媒体化、网络化和智能化：
(1)数字化：数字化使得教育信息技术系统的设备简单，性能可靠。
(2)多媒体化：多媒体化使教育媒体设备一体化、信息表征多元化、复杂现象虚拟化。
(3)网络化：网络化使得信息资源共享、活动时空的限制减少，人与人的合作易实现。
(4)智能化：智能化使系统能够做到教学行为人性化，人机通信自然化、繁杂任务代理
化。
从教育层面看，信息化教育具有以下八个显著特点：
(1)教材多媒体化：教材多媒体化就是利用多媒体，特别是超媒体技术，使教学内容结
构化、动态化、形象化。
(2)资源全球化：利用网络，特别是 Internet，可以使全世界的教育资源连成一个信息
海洋，让广大用户共享。
(3)教学个性化：利用人工智能技术构建的智能导师系统能够根据学生的不同特点和需
求进行教学和提供帮助。
(4)学习自主化：由于以学生为主体的教育思想日益得到认同，利用信息技术支持自主
学习成为必然发展趋势。
(5)活动合作化：通过合作方式进行学习活动也是当前国际教育的发展方向。而信息技
术在支持合作学习方面可以起重要作用。
(6)管理自动化：可以利用计算机实现管理教学过程，包括计算机化测试与评分、学习
问题诊断、学习任务分配等功能，甚至最近发展趋向用电子文档支持教学评价，实现面向
学习过程的评价。
(7)环境虚拟化：教育环境的虚拟化意味着教学活动可以在很大程度上脱离时间、物理
空间的限制，这是电子网络化教育的重要特征。
(8)系统开放化：在网络平台上可以建设一个开放性的教育系统，支持不同学习需求的
需要。
经过研究调查，总结出当前教学网站的现状如下：
电化教育是建立在现代科学技术与教改实践基础上的一类现代教学技术，它代表着时
代精神，应当扩展涵盖当代所有的各类先进的教育媒体技术。教育本是综合运用各类媒体、
手段、方法达到预期目的的社会行为，具有整体性。现代教育模式比起那种“以教师为中心”
的传统教学模式而言，更多的讲求的是“教师为主导、学生为主体”和“自主性学习”，从而
学生能从自身的层次出发，自主地去学习知识，老师不再像以前那样只能面对全体学生实
施一个层次的教学，更加有利于学生个体的发展。
相关技术发展趋势
随着信息技术和网络的发展，各课程与信息技术整合的要求愈来愈迫切，信息技术与
各科目之间不再是相互独立的关系了，它们相互渗透、相互配合、相互辅助。现代教育思
想、教育教学设计、教育教学方法和学习方法与现代各类教育综合融为一体，形成的现代
教育技术体系将是未来发展的总趋势，同时也对这种环境下的教学平台提出了要求。
网络的出现和发展带给了我们教学中新的奇迹，它的开放性、共享性、交互性、实时
性、丰富性及信息综合性等特点，打破了时间和空间的界限，将人们从不同的地方、角度
和层次上联系起来。网络的基本功能就是实现资源共享和数据通讯，我们可以把所有的教
学资源通过网络提供给师生，使他们进行共享使用，这样所有的教学资源就会呈现在眼前。
网络不仅打破教室的限制，更使得全世界的信息都变得唾手可得，美国各州也都积极
地办理教师训练，将网际网络带入中小学的教学环境中。不只是中小学阶段，纽约州教育
厅与纽约州立大学共同赞助开发了一套包含 15 个活动的成人网络课程，以充分发挥网络
在资源取用、创意开发等功能。网络教学系统的研究现状按照金伯格等人的分法，网络课
程可以分为三代：
第一代是通过网页给学习者提供教学材料和有关资料，以及与其它的有关教育网连接。
第二代是除了在网上提供学习材料外，还要求学习者通过电子邮件、电子公告栏、网
上练习和测验进行异步双向交流。
第三代是除了第一代、第二代外，还要求通过网上交谈室、电话会议、视频会议进行
同步双向交流。当前世界网络课程己向第三代发展。
在国内，网上教学中，网络学习平台和教学网站建设起着关键性作用。目前，在 67
所普通高校的网络教育学院中，多数学院都有自己专门的网上教学平台，有的是自行开发
的，有的是通过技术公司专门开发的，还有的是联合开发的。网上教学平台是建立在网络
基础设施之上的、用计算机编程实现的学习环境，它的后台是一系统程序和被程序组织起
来的数据库，它的前台是网页界面。良好的程序设计和实现是平台功能的基础，而良好的
网站界面则是发挥平台功能优势的前提和条件。在 67 所网络教育学院的教学的情况来看，
大多数网络教育学院的网站可以通过互联网查询获得。
在教学中对学生学习情况的了解方法通常是使用教学测试这一手段。在教学网站中也
应有这样一个功能，一般是通过试卷对学生进行测试。试卷生成需要借助于组卷算法。通
过查阅一些资料，总结出目前常用的几种组卷算法：
(1)人工组卷：组卷速度慢，质量的高低与教师的个人经验有很大的关系，当题库数量
非常大时，这种方法不合适。
(2)随机抽取法：即根据组卷状态空间的控制指标，由计算机随机抽取一道符合控制指
标的试题放入组卷题库，此过程不断重复，直到组卷完毕或无法从题库中抽取满足控制指
标的试题为止。该方法结构简单，具有很大的随意性和不确定性，无法从整体上把握题库
不断变化的要求，不具有智能性。
(3)回溯法：即将随机抽取所产生的每一状态类型记录下来，当搜索失败时释放上次记
录的状态类型，然后再按照一定的规律变换一种新的状态类型进行试探，通过不断地回溯
试探直到试卷生成完毕或退回到出发点为止。实践证明，该方法适用于题型和出题量都比
较小的题库系统，实际应用时程序结构相对复杂，而且试题选取随机性差，组卷时间长。
(4)SGA(标准遗传算法)：建立了一个智能组卷的数学模型，并且就该模型给出了一个
基于典型的遗传算法框架的组卷算法。遗传算法具有求解速度快和所得解较优的优点，因
此该框架建立的组卷算法速度快。SGA 采用染色体编码的长度等于题库中试题数，每个基
因位以二进制表示相应的试题是否被选中。这种编码方式的优点是易于操作，简单明了，
但是染色体的长度由题库中试题数决定，因而染色体过长会导致效率下降和灵活性缺乏，
因为当题库试题数改变时，必须马上修改算法中染色体的定义以适应题库的变化，而题库
的改变是经常发生的，因为题库必须经常删除一些旧题，增加一些新题以保证题库的新鲜
度。
论文组织结构
论文分为七章，各章主要内容如下：
第一章绪论。主要内容包括项目研发背景现状和技术发展趋势。
第二章需求分析与开发方法简介。主要内容包括需求分析还有开发设计流程以及开发
环境介绍。
第三章 Dreamweaver 网页设计。主要内容包括网站的页面规划，格式控制还有图片和
文字编辑。
第四章留言板视频和邮件的链接。主要内容包括留言板制作的代码和链接和视频的代
码，还有有关的截图。
第五章 ASP 技术的应用。主要内容包括 ASP 技术的原理和应用。
第六章数据库介绍。主要内容包括数据库的定义和数据库设计规则。
第七章网站留言测试和结束语。主要内容包括了留言功能的测试截图，还有就是关于
对未来的展望。
第 2 章 需求分析与开发方法简介
需求分析
本次网站设计主要目标是完成教师与学生进行信息交流与互动，通过教师在网络上发
布教学资源，指导学生在课内或者课外时间进行学习。项目的总体是为了加深师生的课堂
互动，使师生能通过网络来交流课堂上所遗留下来的问题，实现异步与同步同时进行的学
习，为学生提供更丰富的教学资源。
当今国际信息化教育的主要趋势是网络化教育。网络化教育所具备的“教育教学资源共
享、信息交流，网上教学和远程教育”等功能，不仅打破了传统教学在时间和空间上的限制，
而且其丰富的媒体资源，开放的系统，自动化的管理使分布在不同地方的每一所学校和每
一个家庭都能从中获益。网络化教育形式很多，如远程教学等等，而教学网站、学科网站
都是网络化教育的重要形式之一，是网络化教育不可缺少的组成部分，是网络化教育的重
要体现，它反映着信息化教育实践的发展方向。
随着网络技术的不断成熟，网络正以前所未有的速度步入现代生活。随着网络技术在
教育教学中的应用，人们越来越多地认识到了网络对传统教育教学和学生学习方式的冲击，
勿庸质疑，网络的出现对学生学习起到了巨大的促进作用。网络对学习最大的促进作用表
现在对学习方式的变革，它在素质教育所要求的自主学习、合作学习、研究性学习以及培
养学生的创新素质等方面有着天然的优势。
其实，网络与学生学习方式之间并不存在必然的关系，作为信息技术的一部分，网络
可以是“知识的灌输者”，网络中堪称“海量”的信息资源成为另一种“教材”，学生的学习方
式仍然是接受式；网络也可以是“学习的辅助者”，它提供了众多的互动学习社区，学生的
学习方式主要是研究式；网络更可以是一个开放的课堂，学生可以不受地域、时空的限制，
在这个特殊的课堂里自主地学习，充分挥洒个性，学生的学习方式主要是合作式研究性学
习。因此，网络与学生学习方式变革的主要决定因素是学生的学习思想(态度)和理念。
基于网络的教学网站要成为学生自主探究学习的重要工具，其对学生学习方式变革的
促进作用主要表现在以下几个方面：
(1)教学网站有助于实现分层次教学、个别化学习，为每个学生提供尽可能的选择学习
内容的空间。孔子早在几千年前就提出了“因材施教”的教育原则，但现行的分班课堂教学
在一定程度上束缚了“因材施教”的可行性。一个班几十名学生，采用相同的教材，受相同
教师的相同教育，做相同的作业，接受相同的考试评价，所以经常有“有人吃不饱有人咽不
下”的情况发生，基础好、领悟能力强的学生的聪明才智没有得到应有的发挥，基础差、领
悟能力弱的学生无法达到教学要求，丧失学习信心。网络资源的丰富性为学生选择适合自
己的学习资源提供了可能，学生可以根据个人实际情况，选择适合自己的学习资源进行学
习，充分体现“因材施教”的原则，保证每个同学都得到不同程度的提高，确保了教育
的时效性。
(2)教学网站可以作为学生自主学习的重要工具，从提高基本的学习效率(读、写、算)
到完成较复杂的研究任务都可以利用网络，从而帮助学生提高学习的质量和效率。例如，
学生利用网络技术从网络资源中查找、收集、评价信息，获取实验数据以及展示、汇报、
交流研究成果；学生利用虚拟世界模拟研究现实问题，提出解决策略和方案等。再如学科
网站的出现，为学生提供了专门学习某类知识的平台，学生可以根据自己的兴趣爱好特长，
有针对性地选择性地开展学习。其实，网络就是一种学习工具，就像学生手中的字典、词
典、计算器一样，所不同的是网络除了具有上述学习工具的特点以外，还具备双向互动、
实时在线和自动更新的特点，为学生自主学习提供了良好的环境。
(3)教学网站更有利于实现学生的合作式研究性学习。素质教育提出把培养学生合作式
研究性学习作为一项重要的任务，在传统的课堂教学过程中，学生受地域、时间等限制，
合作学习不能发挥应有的效率。而网络学基于网络的教学网站要成为学生自主探究学习的
重要工具，其对学生学习方式变革的促进作用主要表现在以下几个方面：习的实时在线和
交互功能使合作式研究性学习成为可能。例如，学生通过教学网站与同伴、专家及其他读
者合作，发布作品并进行交流。利用网络技术的 BBS 和电子邮件开展合作学习交流，把自
己的观念和信息有效地传播给其他人，接受评论等。学生可以建立个人主页或小集体主页，
创设个性化的学习平台等。学生兴趣浓厚，效果非常明显。
总之，随着网络技术的不断成熟、网络资源的不断丰富，网络学习必将成为一种时尚，
它对学校课堂教学产生的冲击将不断加强，如果我们能够正确认识网络，能够充分运用网
络，不失为实施素质教育的又一条重要途径。我们相信，网络，必将影响到未来的教育教
学和学生学习，而教学网站正是实现此目的的重要方式之一。
网站制作指导思想
网站的设计遵循着现代教学理论：教学理论是为解决教学问题而研究教学一般规律的
科学。信息化教学设计是信息化环境中科学地解决教学问题、提出解决方案的过程。为了
解决好教学问题就必须遵循和应用教学客观规律，因此，教学理论是我们研究信息化教学
设计的重要理论基础[8]。
现代教学理论强调在整个教学过程中由教师担任教学的组织者、指导者、帮助者和促
进者，充分利用情景、协作等要素发挥学生的主动性、主体性和创造性，最终达到学生对
知识的意义建构[8]。在教学中强调教师和学生、学生和学生的相互作用；教材所提供的知
识不再只是教师传授的内容，应该是学生积极的意义建构；媒体也不再只是帮助教师传授
知识的手段，而可以用来创设情境、进行协作学习和交流，即作为学生主动学习、协作式
探索学习的认知工具[8]。
我们通过网站指导教师教学的过程中同样需要利用教学设计的理论和方法作为理论基
础。教学设计是运用系统方法分析教学问题，确定教学目标，建立解决教学问题的策略方
案、试行解决方案、评价试行结果和对方案进行修改的过程。它以优化教学效果为目的，
以学习理论、教学理论和传播学为理论基础[9]。
教学设计过程模式是教学设计专家在实践过程中逐渐形成的，运用系统方法进行教学
开发、设计的理论性的简化形式。它主要表现为对教学设计的各要素和事件之间的总体安
排。综合分析了不同教学情景与应用水平的教学设计过程模式，何克抗提出了“主导一主体”
双主的教学模式。“主体一主导”教学设计模式从方法和步骤上来说，是以教为主与以学为主
的教学设计方法和步骤的综合，但其指导思想却与上述两种教学设计有本质的不同，双主
教学设计强调既要发挥教师在教学中的主导作用，又要体现学生在学习过程中的主体地位。
在实际教学中，需根据学科特点和具体教学内容的特点选择相应的教学设计模式。
教学系统由学生、教师、教学内容、教学方法和教学媒体构成，教学设计则是对教学
系统的优化设计。教学设计随着学习的发展而逐步建立了不同的设计模型，分析这些教学
设计模型，它们的基本要素都是四个：学习者分析、教学目标、教学策略、教学评价[9]。
在具体化构建教学设计过程的模式中，既要保证“学习者、目标、教学策略、评价”四
要素的一致性，使各要素相辅相成，产生整体效应，又要认识到教学过程是一个动态过程。
在利用模式进行教学时，应根据不同的实际情况，创造性地进行教学设计工作。
信息化教学设计软件秉承加涅的教学设计思想，认为教学设计就是设计一系列的教学
事件，这些教学事件作为学生学习的外部条件能有效地促进学习。为了设计这些教学事件，
信息化教学设计软件系统需要提供一系列的教学事件。其具体流程是：首先，对知识进行
分类，并且对知识进行表征，通过知识表征建立系统参数；然后系统根据参数运用一定的
教学处理规则来生成教学策略、模式和教学建议。这些都是教学设计自动化理论的基本思
想和实现技术。在本系统软件的设计和开发过程中，梅瑞尔的教学处理理论(ITT 理论)、瑞
格鲁斯的成分显示理论(CDT 理论)成为设计和开发的基本理论。
信息科学是以信息为主要研究对象，以信息的运动规律和应用方法为主要研究内容，
以计算机等技术为主要研究工具，以扩展人类的信息功能为主要目标的一门新兴的综合性
学科。信息科学由信息论、控制论、计算机科学、仿生学、系统工程与人工智能等学科互
相渗透、互相结合而形成的。信息和控制是信息科学的基础和核心。信息科学是信息时代
的必然产物。
信息科学是一门新兴的跨多学科的科学，它的研究内容包括：阐明信息的概念和本质
(哲学信息论)；探讨信息的度量和变换(基本信息论)；研究信息的提取方法(识别信息论)；
澄清信息的传递规律(通信理论)；探明信息的处理机制(智能理论)；探究信息的再生理论
(决策理论)；阐明信息的调节原则(控制理论)；完善信息的组织理论(系统理论)。
教学网站的建设和维护就是对信息进行采集、加工、处理、传递和控制的过程，它需
要新兴的信息科学的有效指导。
开发环境介绍
开发环境：Windows XP SP3
Windows XP 中文全称为视窗操作系统体验版。是微软公司发布的一款视窗操作系统。
它发行于 2001 年 10 月 25 日，原来的名称是 Whistler。微软最初发行了两个版本，家庭版
(Home)和专业版(Professional)。家庭版的消费对象是家庭用户，专业版则在家庭版的基础
上添加了新的为面向商业的设计的网络认证、双处理器等特性。且家庭版只支持 1 个处理
器，专业版则支持 2 个。字母 XP 表示英文单词的“体验”(experience)。
Windows Xp 拥有一个叫做 Luna（月神）的豪华亮丽的用户图形界面。Windows XP 的
视窗标志也改为较清晰亮丽的四色视窗标志。Windows XP 带有用户图形的登陆界面；全
新的 XP 亮丽桌面，用户若怀旧以前桌面可以换成传统桌面。此外，Windows XP 还引入了
一个“选择任务”的用户界面，使得工具条可以访问任务的具体细节。然而，批评家认为这
个基于任务的设计只是增加了视觉上的混乱，因为它除了提供比其它操作系统更简单的工
具栏以外并没有添加新的特性。而额外进程的耗费又是可见的。
由于微软把很多以前是由第三方提供的软件整合到操作系统中，XP 受到了猛烈的批
评。这些软件包括防火墙、媒体播放器（Windows Media Player），即时通讯软件（Windows
Messenger），以及它与 Microsoft Passport 网络服务的紧密结合，这都被很多计算机专家认
为是安全风险以及对个人隐私的潜在威胁。这些特性的增加被认为是微软继续其传统的垄
断行为的持续。
另外受到强烈批评的是它的产品激活技术。这使得主机的部件受到监听，并在软件可
以永久使用前（每 30 天一个激活周期）在微软的记录上添加一个唯一的参考序列号
（Reference Number）。在其它计算机上安装系统，将因为硬件的不同而无法激活。如果是
在同一台计算机上更换了太多硬件，则会因为硬件改动太大而导致需要重新激活。
Windows XP 硬件要求配置如表 ：
表 硬件配置表
硬件 Windows XP 32 位专业版 Windows XP 64 位版本
最小 CPU 速度 233MHz 733MHz
最大 CPU 速度 300MHz 无
最小 RAM 64MB 1GB
推荐最小 RAM 128MB 无
硬盘要求 可用空间 可用空间
浏览器：Windows Internet Explorer
Windows Internet Explorer（旧称 Microsoft Internet Explorer，简称 Internet Explorer，缩
写 IE），是微软公司推出的一款网页浏览器。截至 2010 年 9 月止，统计的数据显示 Internet
Explorer 的市场占有率高达 %。虽然它依然是使用最广泛的网页浏览器，但与 2003
年最高峰时相比，市场占有率相差超过 30%。
Internet Explorer 是微软的 Windows 操作系统的一个组成部分。在旧版的 Windows 操
作系统上，它是独立且免费的。从 Windows 95OSR2 开始，它是随所有新版本的 Windows
操作系统附送的默认浏览器。
Internet Explorer 最初是从早期一款商业性的专利网页浏览器 Spyglass Mosaic 派生出
来的产品。在 1996 年，微软通过给予季度费用和部分收入从 Spyglass 中取得了 Spyglass
Mosaic 的授权。虽然 Spyglass Mosaic 的名字与 NCSA Mosaic（首款应用得最广泛的网页
浏览器）甚为相似，但 Spyglass Mosaic 则相对地较不出名以及使用了 NCSA Mosaic 少量
的源代码。
在中国，除了 Firefox 和 Safari 等少数浏览器，绝大部分均采用 IE 核心或 IE 核心与
Webkit 共存，大部分诸如银行网站和在线支付也只支持 IE 核心。在中国，比较著名的使
用 IE 核心的浏览器有：傲游浏览器、搜狗浏览器、世界之窗浏览器和 360 安全浏览器等。
版本于 2001 年 8 月 27 日发布，距 Windows XP 正式发布日的数星期前发布。这版
本包含增强版 DHTML、内联网页框架的内容限制和部分支持 CSS level 1、DOM level 1
和 SMIL 。MSXML 引擎会更新到 版本。其他新的特征包含一个新版本的 IEAK、媒
体列和 Windows Messenger 综合版、错误收集、自动化重整图片大小、P3P 和一个新的外
观，能配合 Windows XP 的"Luna"界面。于 2002 年，Gopher 的功能被禁用， 版本更取
消了对 Gopher 的支持。
Internet Exploer 提 供 了 最 宽 广 的 网 页 浏 览 和 建 立 在 操 作 系 统 里 的 一 些 特 性 , 例
如:Microsoft Update 而设计.在最著盛名的浏览器大战中,微软用提供了最具改革新的特性
取代了 Netscape.其特点如下：
(1)可用性和浏览亲和性
近期的版本亦增加了弹出式视窗的封锁和分页浏览、RSS 等的主流功能，较旧的版本
可透过安装 MSN 搜寻工具列来达到分页浏览的效果。
(2)组件对象模型
组件对象模型 (COM) 技术在 Internet Explorer 里被广为使用。它允许第三方厂商通过
浏览器帮助对象 (BHO)添加功能；并且允许网站通过 ActiveX 提供丰富的内容。由于这些
对象能拥有与浏览器本身一样的权限（在某种情形之下），对于安全就有很大的担心。最
新版的 Internet Explorer 提供了一个加载项管理器以控制 ActiveX 控件和浏览器帮助对象，
以及一个“无加载项”版本（在所有程序/附件/系统工具之下）。
(3)安全架构
Internet Explorer 使用一个基于区域的安全架构，意思是说网站按特写的条件组织在一
起。它允许对大量的功能进行限制，也允许只对指定功能进行限制。
对浏览器的补丁和更新通过 Windows 更新服务以及自动更新定期发布以供使用。虽然
对一定范围的平台的安全补丁继续被发表，但最新的功能增强和安全改进只对 Windows
XP 发表。
最新版的 Internet Explorer 提供了一个下载监视器和安装监视器，允许用户分两步选择
是否下载和安装可执行程序。这可以防止恶意软件被安装。用 Internet Explorer 下载的可执
行文件被操作系统标为潜在的不安全因素，每次都会要求用户确认他们是否想执行该程序，
直到用户确认该文件为“安全”为止。
(4)群组原则
Internet Explorer 可通过组策略进行完全配置。Windows 服务器域管理员可以应用并强
制一系列设定以改变用户界面（例如禁止某些菜单项和独立的配置选项），以及限制安全
功能（例如下载文件），零配置，按站点设置，ActiveX 控件行为，等等。策略设置可以按
每用户和每机器为基础进行设置。
(5)网页标准的支持
Internet Explorer 使用了 Trident 排版引擎，几乎完整支持 HTML ，CSS Level 1，
XML 和 DOM Level 1，只是有一些排版错误。它亦部分支持 CSS Level 2 和 DOM Level
2。它自带的 XML 解释器支持 XHTML，但是微软从 IE 以后取消了这一支持，使它变
得难以访问。如其它浏览器一样，当 MIME 类型标识为“text/html”，它能解释为 XHTML。
当 MIME 类型标识为“application/xml”和“text/xml”时，它也能解释把 XHTML 解释为
XML，但需要一个小的 XSLT 度量[9]来重新启用 XML 对 XHTML 的支持。当把它定义为
偏好类型如“application/xhtml+xml”时，它假装不理解 XHTML，相反把它当成一种不了解
的供下载的文件类型来对待。
Internet Explorer 依靠 DOCTYPE 判断一个网页应该按老版本渲染还是按 W3C 标准渲
染。（在打印中，Internet Explorer 总使用 W3C 标准。）根据 MSXML 的版本不同，它可以
完 全 支 持 XSLT 或 1998 年 12 月 的 XSL 草 案 。 Internet Explorer 有 一 个 自 己 的
ECMAScript 变体，名为 JScript。
运行软件：Macromedia Dreamweaver 8
Dreamweaver 是由 Macromedia 公司开发的一款所见即所得的网页编辑器。和二维动画
设计软件 Dreamweaver，专业网页图像设计软件 Fireworks，并称为“网页三剑客”；2005
年 4 月 18 日，全球最大的图像编辑软件供应商 Adobe 宣布，以换股方式收购软件公司
Macromedia，Macromedia 是著名的网页设计软件 Dreamweaver 及 Flash 的供应商。据悉，
此项交易涉及金额高达 34 亿美元。根据双方达成的协议，Macromedia 股东将以 1：
的比例获得 Adobe 的普通股。自此开始，Dreamweaver 开始属于 Adobe 设计软件系列。
Dreamweaver、Flash 以及在 Dreamweaver 之后推出的针对专业网页图像设计的
Fireworks ， 三 者 被 Macromedia 公 司 称 为 Dreamteam( 梦 之 队 ) ， 足 见 市 场 的 反 响 和
Macromedia 公司对它们的自信。说到 Dreamweaver 我们应该了解一下网页编辑器的发展过
程，随着互联网(Internet) 的家喻户晓，HTML 技术的不断发展和完善，随之而产生了众多
网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页
编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，
使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在 Word 中进行文本编辑
不会感到有什么区别，但它同时也存在着致命的弱点：
(1) 难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑
器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些
的网页（如分帧结构、动态网页结构）中便可以体现出来。
(2) 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几
分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见
则所得的网页编辑器，就不存在这个问题，因为所有的 HTML 代码 都在您的监控下产生，
但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美
结合，则既产生干净、准确的 HTML 代码，又具备则见则所得的高效率、直观性，一直是
网页设计师梦想。在 Dreamweaver 之前，Forntpage 一直被人们认为是最好的所见即所得网
页编辑器，但是它同样继承了所见即所得的种种劣性。但是我说过这是在 Dreamweaver 之
前，现在我无意说 Dreamweaver 已经实现网页设计师的梦想，但我觉得 Dreamweaver 正在
努力向这个梦想一步步走去。
设计流程介绍
(1)网页页面设计
(2)文字编辑
(3)图片编辑
(4)HTML 格式控制
(5)留言板链接
(6)视频链接
(7)邮件链接
(8)网站测试
流程图如图 ：
图 流程图
网站测试 视频链接留言板链接邮件链接结束
前期准备 页面设计 文字编辑图片编辑 格式控制
第 3 章 Dreamweaver 页面设计
Dreamweaver 软件功能介绍
Dreamweaver 的开发者是美国的 Macromedia 公司，Macromedia 公司总部设立在美国
加州(加利福尼亚)三番市(旧金山)，在全球 50 多个国家设有经营机构。Macromedia 公司在
全球拥有 300 万开发和设计用户以及广大的行业合作伙伴网络，其丰富的客户机软件被
98%的 Web 应用开发人员所广泛使用，是企业、政府和教育市场客户的战略性 IT 提供商。
Dreamweaver 是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套
针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越
平台限制和跨越浏览器限制的充满动感的网页。其特点如下：
(1)最佳的制作效率
Dreamweaver 可以用最快速的方式将 Fireworks，FreeHand，或 Photoshop 等档案移至
网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快
捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver 能与您喜爱的设计工具，
如 Playback Flash，Shockwave 和外挂模组等搭配，不需离开 Dreamweaver 便可完成，整体
运用流程自然顺畅。除此之外，只要单击便可使 Dreamweaver 自动开启 Fireworks 或
Photoshop 来进行编辑与设定图档的最佳化。
(2)网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案
名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML 码、HTML 属性标签和
一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
(3)无可比拟的控制能力
Dreamweaver 是唯一提供 Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。
它包含 HomeSite 和 BBEdit 等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法
想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序
或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置
放的方式进行版面配置。所见即所得 Dreamweaver 成功整合动态式出版视觉编辑及电子商
务功能，提供超强的支援能力给 Third-party 厂商，包含 ASP， Apache，BroadVision， Cold
Fusion，iCAT， Tango 与自行发展的应用软体。当您正使用 Dreamweaver 在设计动态网页
时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样板和 XML
Dreamweaver 将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外
观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不
会不小心改变既定之样式。您也可以使用样版正确地输入或输出 XML 内容。
Dreamweaver 还集成了程序开发语言，对 ASP、.NET、PHP、JS 的基本语言和连接操
作数据库，都是完全支持的。
安装后，它会自动在 Windows 的菜单中创建程序组。与 Frontpage 有很大的不同，是
的，它把工具栏省去了，然后增加了几个浮动的工具栏。在 中，它的工具
栏全是浮动工具栏，可以将工具栏缩小，也可以关闭。在专业术语里面，他们叫“浮动面
板”，利用浮动面板来控制对页面的编写，而不是利用烦琐的对话框，这是
编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置，这样就直接可以在文
档中看到结果，避免了中间过程，提高了工作效率。但对于熟悉了微软的应用程序的用户
来说，开始的时候可能很不习惯。那好，就先来介绍它的三个最重要的浮动面板。
(1)启动面板
启动面板主要用来快速启动相应的任务，或显示/隐藏相应的浮动面板。如果启动面板
是竖的，那么，可以点击它右下角的一个小按钮，它就可以变成横向的了，这时，可能会
发现，它的状态栏上也有这个面板上的所有选项。这也就为网页制作者提供了方便。可以
直接从右下角点击相应的栏目进入想要进入的对话框。
(2)对象面板
对象面板主要功能相当于插入菜单，主要是向网页中插入一些对象，如表格，框架，
图象，层，Flash 动画等，它通过一个下拉菜单，把要插入的选项都包括在了其中。
每一个选项中都有若干个图标，只要在图表上单击一下，就可以插入想要插入的对象
了。
(3)属性面板
属性面板会随着编辑的内容而变化，这个图是文字属性面板，它里面包含了所要编辑
的文字的所有内容，包括字体，颜色，大小，连接，缩进等，它的右下角还有一个向下的
小三角箭头，单击它，会展开属性面板，它把一些不常用的属性也列出来。展开后，箭头
会变成向上，单击它，又会使属性面板复原。属性面板很多，还有图象属性控制面板，层
属性控制面板等对象的属性控制面板，用户只要选择要编辑的对象，它就会自动变化，挺
方便的。用户对所有由启动面板弹出来的浮动面板在被打开后，可以重新组合，可以将经
常用的面板单独地拉出来，只需要将鼠标放到想要拉的按钮上面，然后按住左键拖动就可
以了，同理，把他们组合也是一样，用鼠标拖动后，放到上面就可以。
网站具体分栏目策划
(1)建立 HTML 格式文件
选择 HTML 建立页面，如图 ：
图 HTML 格式图
空白页如图 ：
图 空白页图
(2)网站具体分栏目图
1)网页主题栏，如图 ：
图 主题栏
其显示代码如下：
<div align="center">
<p class="STYLE2">李磊的教学网站 </p>
<p class="STYLE2"> </p>
2)分部功能栏，如图
图 分布功能图
其显示代码如下：
<body>
<p><a href="入门知识.html" target="_parent">入门知识</a></p>
//添加链接时 target 设置成_parent 表示链接的网页用新打开的空白页显示
<p><br/>
<a href="教学视频 " target="_parent">教学视频 1</a></p>
<p><br/>
<a href="教学视频 " target="_parent">教学视频 2</a></p>
<p><br/>
<a href="教学视频 " target="_parent">教学视频 3</a></p>
<p><br/>
<a href="wangye/" target="_parent">留言板</a></p>
<p><br/>
<a href="mailto:826645319@
<p>
图像编辑
(1)网站背景设置，如图 ：
图 网站背景图
(2)留言板背景设置，如图 ：
图 留言板图
其代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<!-- saved from url=(0048) -->
<HTML><HEAD><TITLE>Dream-World</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="" type=text/css rel=stylesheet>
<META content="Microsoft FrontPage " name=GENERATOR>
<bgsound src="images/" loop="-1">
<style type="text/css">
<!--
.STYLE1 {
font-family: "华文楷体";
font-size: x-large;
}
//设置 STYLE1 后面的字体可以套用
-->
</style>
</HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
<TD height=135><img height=123 src="../" width=802></TD>
</TR>
<TR>
<TD vAlign=top background=images/>
<TABLE cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
<TD vAlign=top width=160 background=images/>
<TABLE cellSpacing=0 cellPadding=0 width=160 border=0>
<TBODY>
<TR>
<TD><IMG height=103 src="../"
width=155></TD></TR>
<TR>
<TD><A onfocus=()
href=""></A></TD>
</TR>
<TR>
<TD><a href=""></a></TD>
</TR>
<TR>
<TD><a href=""></a></TD>
</TR>
<TR>
<TD><A onfocus=()
href=""></A></TD>
</TR>
<TR>
<TD> </TD></TR>
<TR>
<TD><A
href=""></A></TD>
</TR>
<TR>
<TD><A
href="
target="_blank"><IMG height=61 src="images/"
width=160 border=0></A></TD>
</TR>
<TR>
<TD><A
href="mailto:826645319@"></A></TD>
</TR></TBODY></TABLE></TD>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width=640 border=0>
<TBODY>
<TR>
<TD><div align="center"><span class="STYLE1">我的留言板</span></div></TD>
</TR>
<TR>
<TD align=middle> </TD></TR>
<TR>
<TD align=middle><BR></TD>
</TR>
<TR>
<TD> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></
TR>
<TR>
<TD height=94><img src="../" alt="~" width=799 height=86></TD>
</TR></TBODY></TABLE>
</BODY></HTML>
具体网页显示界面，如图 ：
图 留言板显示图
留言板界面，如图 ：
图 留言板界面图
文字编辑
通过文字编辑确定文字的大小，字体，这里采用的是通过样式设置来达到目的，如图
后面加冒号
图 文字编辑图
主页的标题采用的是 STYLE2 这个设置的样式，其参数设置如图 ：
图 参数设置图
同理设置出下面的字体样式，再套用，如图 ：
图 字体样式图
子页的文字编辑控制，如图 ：
图 文字编辑图
其代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN"
"
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>入门知识</title>
<style type="text/css">
<!--
.STYLE1 {
font-size: 24px;
font-style: normal;
font-weight: lighter;
text-decoration: underline blink;
}
body {
background-color: #FF0000;
}
-->
</style>
</head>
<body>
<div align="center">
<p class="STYLE1">有关于网站的入门知识 </p>
<p align="left" class="STYLE1"> <a target="_blank"
href=" 因特网起源于美国国防部高级研究计划管
理局建立的阿帕网。网站(Website)开始是指在因特网上，根据一定的规则，使用 HTML 等
工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像
布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的
网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
</p>
<p align="left" class="STYLE1"> 网站(Website)是指在互联网上，根据一定的规则，使
用 HTML 等语言制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通信
工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的信息，或者利用网站来
提供相关的网上服务。人们可以通过网页浏览器来访问网站，获取自己需要的信息或者享
受网上服务。许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布、招
聘等等。随着网页制作技术的流行，很多个人也开始制作个人主页，这些通常是制作者用
来自我介绍、展现个性的地方。也有提供专业企业网站制作的公司，通常这些公司的网站
上提供人们生活各个方面的、服务、新闻等。</p>
</div>
</body>
</html>
HTML 格式控制
Frameset 函数介绍:
其作用是指定一个框架集，用于组织多个框架和嵌套框架集。Frameset 元素是 Frame
元素的容器。HTML 文档可包含 Frameset 元素或 Body 元素之一，而不能同时包含两者。
如果用户在框架中打开了 Web 文件夹后单击了 Web 文件夹中的内容，那么被单击的
文 件 或 文 件 夹 将 取 代 整 个 窗 口 。 例 如 ， 假 设 页 面 包 含 两 个 框 架 ， 一 个 框 架 指 向
第二个框架指向网络驱动器。如果用户单击第二个框架中的文件
或文件夹，该框架将活动整个窗口的控制，包括第一个框架。对于浏览器不能处理的文件
类型，如*.txt 文件，将会打开对应的应用程序窗口。尽管 Web 文件夹是文件系统层次的一
部分，但是该技术并不总是表示文件系统中的实际内容。一个典型的例子就是网络邻居。
通过采用 Frameset 函数设置框架，对网页进行分框处理，建立三个子页，通过函数来
进行嵌合到一起
子页一：背景图，如图 ：
图 背景图
子页二：侧边功能栏，如图 ：
图 侧边功能栏图
子页三：主题栏子页，如图 ：
图 主题栏图
Frameset 函数在网页中的实现：
<frameset rows="25%,*">
<frame src="">
<frameset rows="*" cols="17%,*">
<frame src=""/>
<frame src=""/>
</frameset>
</frameset>
<noframes></noframes>
//Src 表示该框架对应的网页文件
第 4 章 留言板与视频和邮件的添加
添加留言板链接
用鼠标拉选侧栏中的“留言板”，然后右键选择“编辑超链接”进行链接留言板的页面，
如图 ：
图 编辑超链接图
进入留言板页面，如图 ：
图 留言板图 这个图太大了
点击留言链接到留言界面，如图 ：
图 留言板界面图
留言界面代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN"
"
<html xmlns=" lang="zh-CN">
<head>
<title>sumer - [x-book]</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="sumer,x-woods,x-book,dreammaker, " />
<meta name="description" content="" />
<script src="../../js/" language="javascript" type="text/javascript"></script>
<script src="../../js/" language="javascript" type="text/javascript"></script>
<style type="text/css">
body, html {
background-color: #EEEFF0;
margin: 0px;
padding: 0px;
}
.guestbook {
margin: -180px auto auto -325px;
position: absolute;
top: 50%;
left: 50%;
width: 650px;
height: 360px;
text-align: center;
line-height: 360px;
}
//设置留言板参数
</style>
</head>
<body>
<div class="guestbook"><script type="text/javascript" language="javascript">swf('', 650,
360, 'mainswf', "bookId=183255");</script></div>
<script src=" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-378828-5";
urchinTracker();
</script>
</body>
</html>
添加视频链接
用鼠标拉选侧栏中的“教学视频 1”，然后右键选择“编辑超链接”进行链接教学视频的
页面，如图 ：
图 添加视频连接图
进入教学视频 1 的界面，如图 ：
图 教学视频 1 图
教学视频 1 代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN"
"
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-color: #FF0000;
}
.STYLE2 {font-size: xx-large}
-->
</style></head>
<body>
<h4 align="left" class="STYLE2">教学视频 1</h4>
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
0,19,0" width="581" height="367" title="教学视频 1">
<param name="movie" value="wangye/images/" />
<param name="quality" value="high" />
<embed src="wangye/images/" quality="high"
pluginspage="
type="application/x-shockwave-flash" width="581" height="367"></embed>
</object>
</p>
</div>
</body>
</html>
再添加链接“教学视频 2”，步骤同上，如图 ：
图 添加视频链接图
进入教学视频 2 的界面，如图 ：
图 教学视频 2 图
再添加链接“教学视频 3”，步骤同上，如图 ：
图 添加视频链接图
进入教学视频 3 的界面，如图 ：
图 教学视频 3 图
添加邮件链接
在制作显示侧栏功能栏的子页添加如下代码：
<p><br/>
联系我们：
<a href="mailto:826645319@
<p>
在主页中点击“联系我们”后面的邮箱地址即可发送邮件到指定地址，这里设置的地址
是 826645319@，系统默认的邮件发送器是 Office Outlook，如图 ：
图 添加邮件链接图
mailto:%E8%BF%99%E9%87%8C%E8%AE%BE%E7%BD%AE%E7%9A%84%E5%9C%B0%E5%9D%80%E6%98%AF826645319@
mailto:%E8%BF%99%E9%87%8C%E8%AE%BE%E7%BD%AE%E7%9A%84%E5%9C%B0%E5%9D%80%E6%98%AF826645319@
第 5 章 ASP 技术应用
ASP 的工作原理
(1)什么是 ASP
几年前，微软的部分网页文件后缀已由 htm 变成了 asp。这一变化虽小，但是意味深
长。它蕴涵着相当深刻的技术变革，标志着微软对它的新技术充满信心，也标志着微软在
动态 Web 技术方面，又向前迈出了一大步，因为它首次采用了 ASP(Active Server Pages 动
态服务器主页)机制。
什么是 ASP？在微软站点上对于 ASP 的权威定义是：Active ServerPages 是一种开放
式的非编译应用环境，使你能够组合 HTML，scripts 和可以重用的 ActiveX 服务器组件
来建立动态的，强大的基于 Web 的商业应用。Active Server Pages 支持基于 IIS 上的服务
器端脚本并且完全支持 VBScript 和 JScript。它是微软公司的新一代开发动态网页的技术，
具有开发简单、功能强大等优点，可以非常直观简易地实现复杂的 Web 应用。
Microsoft 的 ASP 不是一种语言，而是一套微软开发的服务器端脚本环境,ASP 解释程
序内含于 ， 和 中，通过 ASP 可以结合 HTML 网页、ASP 指令和 ActiveX
元件建立动态、交互且高效的 WEB 服务器应用程序。在 ASP 环境中，因为所有的程序，
其中也包括所有嵌在普通 HTML 中的脚本程序，都在服务器端执行，所以不必关心 Client
端的浏览器是否能运行所编写的代码。当程序执行完毕后，服务器仅将执行的结果返回给
客户浏览器，这样也就减轻了客户端浏览器的负担，提高了交互的速度。
所谓脚本是由一系列的脚本命令所组成文件。脚本语言是一种介于 HTML 和诸如
JAVA，VisualBasic，C++等编程语言之间的一种特殊的语言，但它不具有编程语言复杂、
严谨的语法和规则(但是根据微软的建议，最好在程序中设置使用严谨语法的声明)。与一
般程序一样，脚本也可以将一个值赋给一个变量，命令 WEB 服务器发送一个值到客户浏
览器，还可以将一系列命令定义成一个过程。所以，要编写脚本，只要熟悉至少一门脚本
语言即可，如 VBScript。通过 ASP 这种环境，用户可以创建和运行交互式的动态网页，
包括使用 HTML 表单收集和处理信息，上传与下载等等，就像访问者在使用自己的 CGI
程序一样。但是它比 CGI 简单。更重要的是，由于 ASP 使用的 ActiveX 技术基于开放设
计环境，开发人员用户可以自己定义和制作组件加入其中，使动态网页几乎具有无限的扩
充能力，这是传统的 CGI 等程序所远远不及的地方[12]。
此外，使用 ASP 还有一个优点，就在于 ASP 可利用 ADO 方便地访问数据库，从而
可以利用 ASP 开发基于 WWW 的应用系统。
(2)ASP 技术的特点
1)使用 VBScript，JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成
网站的应用程序。
2)无须编译，容易编写，可在服务器端直接执行。
3)使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。也可以选用具
有可视化编辑能力的 Visual InterDev 开发环境。
4)与浏览器无关(Browser Independence)，用户端只要使用可执行 HTML 码的浏览器，
即可浏览 ASP 所设计的网页内容。ASP 所使用的脚本语言(VBScript，JScript)均在 WEB
服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。
5)ASP 与任何 ActiveX scripting 语言兼容。除了可使用 VBScript 或 JScript 语言来设计
外，还通过 Plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX，Perl，TCL
等。
6)ASP 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人窃取，
也提高了程序的安全性。
7)可使用服务器端的脚本来产生客户端的脚本。
8)Active server components(ActiveX 服务器元件)具有无限可扩充性。可以使用 Visual
Basic，Java，Visual C++，COBOL 等编程语言。
(3)ASP 的优势
单从表现上看，ASP 与用户浏览器紧密结合，与 HTMl 语言融为一体，在做一个 WEB
网页时，可以用普通的文件编辑器，将经过 ASP 认可的脚本语言嵌入其中。这样就使得
HTML 创作与程序开发无缝连接，环境统一。如果采用 FrontPage 和 Visual InterDev 就可
以同时得到一个所见即所得 HTML 环境和带语法分析器的程序开发环境。编程环境比较
理想。
从功能上看，如果不考虑 Windows 平台，那么 ASP 是功能较强的脚本语言，从它的
执行方式，执行效率，可扩充性上看，还没有一种 WEB 语言能比上它。ASP 支持多种脚
本语言，其中 VBScript 是其默认的脚本语言，当然功能也最强大。正如前面所述，ASP 完
全建立在 ActiveX 基础之上，而 ActiveX 不仅仅是一种技术标准，允许软件同存在于网络
环境中的另一个软件进行交互，它同时也是微软的一个战略方针，不遗余力地进行人力推
广，现在几种流行的程序开发语言 Visual C++，Delphi 都支持 ActiveX 控件的开发。因此，
ActiveX 控件覆盖范围极其广泛，为程序开发提供了有力支持。甚至可以设想，在未来几
年内，程序员就可以从多种定制好的 ActiveX 进行筛选，然后向搭积木一样进行程序开发。
这种高度的可扩充性，也是其他传统技术所无法比拟的[12]。
(4)ASP 体系图，如图 ：
图 ASP 体系这个图太大了
第 6 章 数据库介绍
数据库定义
(1)定义 1
严格地说，数据库是“按照数据结构来组织、存储和管理数据的仓库”。在经济管理的
日常工作中，常常需要把某些相关的数据放进这样的“仓库”，并根据管理的需要进行相应
的处理。例如，企业或事业单位的人事部门常常要把本单位职工的基本情况(职工号、姓名、
年龄、性别、籍贯、工资、简历等)存放在表中，这张表就可以看成是一个数据库。有了这
个"数据仓库"我们就可以根据需要随时查询某职工的基本情况，也可以查询工资在某个范
围内的职工人数等等。这些工作如果都能在计算机上自动进行，那我们的人事管理就可以
达到极高的水平。此外，在财务管理、仓库管理、生产管理中也需要建立众多的这种"数据
库"，使其可以利用计算机实现财务、仓库、生产的自动化管理。
给数据库下了一个比较完整的定义：数据库是存储在一起的相关数据的集合，
这些数据是结构化的，无有害的或不必要的冗余，并为多种应用服务；数据的存储独立于
使用它的程序；对数据库插入新数据，修改和检索原有数据均能按一种公用的和可控制的
方式进行。当某个系统中存在结构上完全分开的若干个数据库时，则该系统包含一个“数据
库集合”。
(2)定义 2
数据库是依照某种数据模型组织起来并存放二级存储器中的数据集合。这种数据集合
具有如下特点：尽可能不重复，以最优方式为某个特定组织的多种应用服务，其数据结构
独立于使用它的应用程序，对数据的增、删、改和检索由统一软件进行管理和控制。从发
展的历史看，数据库是数据管理的高级阶段，它是由文件系统系统发展起来的。
(3)定义 3
(伯尔尼公约议定书专家委员会的观点)
所有的信息(数据率档）的编纂物，不论其是以印刷形式，计算机存储单元形式，还是
其它形式存在，都应视为“数据库”。
数字化内容选择的原因有很多，概括起来主要有：
1)存储空间的原因。数字化的产品是通过网络被广大用户存取利用，而大家都知道数
字化产品是存放在磁盘阵列上的，磁盘阵列由服务器来管理，磁盘空间是有限的，服务器
的能力也是有限的，不可能无限量地存入数字资源，这就需要我们对文献资源数字化内容
进行选择。
2)解决数字化生产高成本和图书馆经费有限性之间矛盾的需要。几乎没有图书馆有充
足的资源来对整个馆藏进行数字化，内容选择不可避免。
3)数字资源管理的需要。技术的快速发展使数字化项目所生成的数字资源的生命周期
越来越短，投入巨资进行数字迁移是延长数字资源生命的 1 个重要途径，昂贵的维护成本
就必须考虑数字化的内容选择。
数据库发展史数据库技术从诞生到现在，在不到半个世纪的时间里，形成了坚实的理
论基础、成熟的商业产品和广泛的应用领域，吸引越来越多的研究者加入。数据库的诞生
和发展给计算机信息管理带来了一场巨大的革命。三十多年来，国内外已经开发建设了成
千上万个数据库，它已成为企业、部门乃至个人日常工作、生产和生活的基础设施。同时，
随着应用的扩展与深入，数据库的数量和规模越来越大，数据库的研究领域也已经大大地
拓广和深化了。30 年间数据库领域获得了三次计算机图灵奖(. Bachman,,
)，更加充分地说明了数据库是一个充满活力和创新精神的领域。就让我们沿着历史
的轨迹，追溯一下数据库的发展历程。
传统上，为了确保企业持续扩大的 IT 系统稳定运行，一般用户信息中心往往不仅要不
断更新更大容量的 IT 运维软硬件设备，极大浪费企业资源；更要长期维持一支由数据库维
护、服务器维护、机房值班等各种维护人员组成的运维大军，维护成本也随之节节高升。
为此，企业 IT 决策者开始思考：能不能像拧水龙头一样按需调节的使用 IT 运维服务？而
不是不断增加已经价格不菲的运维成本。
(4)定义 4
数据库(DataBase，DB)是一个长期存储在计算机内的、有组织的、有共享的、统一管
理的数据集合。她是一个按数据结构来存储和管理数据的计算机软件系统。数据库的概念
实际包括两层意思：
1)数据库是一个实体，它是能够合理保管数据的“仓库”，用户在该“仓库”中存放要管
理的事务数据，“数据”和“库”两个概念结合成为数据库。
2)数据库是数据管理的新方法和技术，他能更合适的组织数据、更方便的维护数据、
更严密的控制数据和更有效的利用数据。
数据库与 WEB 的结合
在当今的信息时代，Internet 的迅速发展及其前景展望成为人们关注的焦点，而 WWW
则是其中的关键技术。WWW 采用超文本、超媒体的方式进行信息的存储与传递，能把各
种信息资源有机的结合起来，具有图文并茂的特点。WWW 文件是以超级文本格式编写的，
含有与许多相关文件的接口。用鼠标选择文件中的热字就会及时的链接上与该词相关的文
件，不论该文件在世界上的那一个计算机上。由此，Internet 上不同的数据信息被编织在一
起而形成了共享的信息网。
基于 WWW 的这些优势以及它对多媒体信息的支持，WWW 得到了迅速的普及。但由
于在 Web 服务器中，信息是以文本或图像文件的形式进行存储的，所以 WWW 的查询速
度很慢、检索机制很弱，尤其是基于内容和结构的检索。它不像 SQL Server、Oracle 等专
用数据库系统那样，能对大量数据进行有序的、有规则、有组织的管理，只要给出查询条
件便能很快的查询结果。但 Web 的亲切界面和广泛流行，又是这些数据库系统所无法比拟
的。因此利用 Internet 中 WWW 的超文本、超链接功能查询数据库成为人们的愿望。Web
与数据库的结合必能大大的提高扩展 Web 的功能，同时也可充分的利用原来这些数据库系
统中已有的宝贵信息资源。
综上所述，若能把 WWW 技术与数据库技术有机的结合在一起，则必能将两者的优点
集于一体，使 Internet 同时具有超文本功能和数据库的功能。
数据库的设计
数据存放于数据库中，能否高效的利用数据库关键在于能否合理的对数据库进行逻辑
设计，也就是数据表之间的关联是否合理，从而达到建立完善高效的数据信息管理系统，
方便于用户使用。下面对数据库设计原则进行简单说明：
(1)由于数据库可以同时为多个用户服务，为多个应用服务，那么共享性是必不可少的。
(2)除了共享性，各个数据之间还要相对独立。因为用户不可能需要所有的数据，一般
只是需要一部分。
(3)数据的冗余也是必须要考虑的。因为用户在网络查询数据时网络响应时间长短是效
率的关键，冗余度差会导致时间过长，效率低下。
(4)在安全性和使用权限上也要考虑周全。因为数据保密和使用数据的合法性十分关键，
如设计不当会造成不可预知的损失。
(5)在数据的备份和恢复上也要做到全面和详尽。因为任何软件都不肯能万无一失，一
旦 数 据 丢 失 ， 及 时 恢 复 显 得 尤 为 重 要 。
第 7 章 网站留言测试与结束语
网站测试
进入留言界面，如图 ：
图 留言板测试图
点击右下脚图标，如图 ：
图 留言板测试图
提交成功，将会显示出留言，如图 ：
图 留言板侧视图
结束语
通过对基于 Web 的交互式辅助教学网站的研究与开发，我对 Web 数据库技术在动态
网站的建设中所发挥的核心作用有了更深刻的理解。通过探究我获得了以下研究成果。
(1)明确了技术是为功能服务、为设计服务的，不要沉迷于技术的运用，坚决摒弃那些
华而不实的特效。
(2)Web 数据库技术越来越成熟，其应用也越来越广泛，Web 数据库技术己经成为动态
网站建设的核心技术。
(3)中小型动态网站的开发平台的搭配方案非常多，WindowsServer+IIS+Access+ASP 是
目前应用最多、流传最广泛的一种开发平台的组合。
(4)探索出了多种 Access 数据库的连接方法和多种在 ASP 中执行 Acess 命令操作数据
库的方法，为在动态网站的建设中灵活运用数据库技术提供了建设性的方案。
(5)探索出了教学网站应具备的主要功能以及动态网站建设的整个过程。
(6)解决了教学网站建设中的一些技术问题。
(7)通过交互式辅助教学网站的建设与使用的思考，我认为网站建设已经成为个人、企
事业单位突破时间、空间限制开展工作，提高工作效率，降低工作成本，扩大影响，提高
资源利用率的有效手段。
(8)以教育技术理论、教学设计理论、学习理论等为指导思想的教学网站必将蓬勃发展，
形 成 与 传 统 教 学 互 补 的 新 型 教 学 模 式 。
总结
本次网站设计的主要实践成果，是探讨了建立网站技术和设计模式在软件中的应用问
题。通过这次亲身参与实际开发，理论结合实践，加深了对软件研发的认识，是对我所学
的书本知识的一次综合检验，对个人的学习是一个极大促进，学到了很多书本上学不到的
知识，积累了许多在实践开发和测试过程经验，感觉受益匪浅。
由于程序处于初步试运行阶段，有些功能还未成功实现，肯定存在不少隐患，虽然经
过了初步的测试，但是随着学生与老师的进一步使用，肯定还会暴露一些问题，这就要求
必须及时进行修复“测试”，近一步补充和扩展各能模块，使系统运行的更加稳定、完善。
总 的 来 说 ， 这 是 一 次 不 可 多 的 实 践 经 验 。
致谢
本论文是在江西理工大学应用科学学院王苏敏老师的悉心指导下完成的，王老师严谨
的治学态度和科学工作方法让我获益匪浅。在此由衷感谢王老师对我的关心以及在生活和
学习上的帮助。
在外单位实习期间，感谢北京长远智扬科技有限公司同事对我的论文的指导和帮助。
另外也感谢我的家人，感谢他们对我在学业上的支持和鼓励。
参考文献
[1] 王烽源．教育信息化网站的设计与开发[J]．河北能源职业技术学院学报，2008，(2):74-76.
[2] 彭为，陶利，陈晓明．Dreamweaver+ 动态网站设计与典型实例[M]．北京:清华大学出版社，
2008.
[3] 何秀明．Dreamweaver 8 网页设计与热门网站制作[M]．电子工业出版社，2007.
[4] 彭雪东，柯建林．网站建设实用开发精粹[M]．人民邮电出版社，2005.
[5] 黄洪杰，王军．网页制作基础教程(Dreamweaver CS3 版)[M]．北京:电子工业出版社，2009.
[6] 蔡安妮，孙景鳌．多媒体通信技术基础[M]．北京:电子工业出版社，2004.
[7] 余 杨．Java Script 网页开发技术[M]．西安:西安电子科技大学出版社，2001.
[8] 吴立岗．教学的原理模式和活动．广西教育出版社[M]，1998，P12-20.
[9] 顾明远．教育技术．高等教育出版社[M]，1999 年 7 月第 1 版.
[10] 曹淑琴．ASP 技术的网站建设．北京科技学院学报[J]，2003.
[11] Esawi AMK,Ashby M -based selection of joining processes ， Methods,software and case
studies[M] ，materials and : WileyPublishing，2004，P79~98.
[12] Alberto Manuel Ricart．Active server pages 3 exploitation enchiridion[M]．电子工业出版社，2003，
P16-32.
[13] 李劲．精通 ASP 数据库程序设计[M]．科学出版社，2003，P45-47.
[14] 吴林华．网站设计与维护[M]．电子工业出版社，2002，P71-78.
[15] 张建章．数据库应用技术．计算机应用系统[J]，1998，P20-24.
[16] 龚玉清．网页设计的色彩运用．现代教育技术[J]，2003，P41-42.
[17] 鲍嘉，卢坚．Macromedia Dreamweaver 全新网站大制作[M]．中国青年出版社，2006，P21-78.
[18] 毛莉，基于.NET 的数据访问策略[J]．计算机发展出版社，2004.
[19] 刘志超，周玉来．利用 ASP 实现 Web 数据库的访问[M]．河北工业科技出版社，2007.
[20] 蓝磊斌．浅谈地方网站建设[M]．广西地方志，2004.
