毕业设计教学网站的设计与实现论文

1、教学网站设计 i 教学网站的设计与实现教学网站的设计与实现 摘摘 要要 20 世纪是科学技术突飞猛进的时代,教育事业的发展,出现了现代远程教育。 随着 internet 的迅速发展,使得人们慢慢开始从网上获取信息和知识,传统的“粉 笔+黑板”式的课堂教学手段及以教科书为核心的教学模式,即将为全新的智能 网络教学所代替。 本系统的开发建构一种既能发挥教师的指导作用又能充分体现学生学习主 体作用的新型智能教学结构。在此基础上逐步实现教学模式、教学内容、教学 手段和教学方法的全面改革。之所以要把教学结构作为教改的主要目标，是因 为教学结构是指在一定的教育思想、教学理论和学习理论指导下的在一定环境 中

2、展开的教学活动进程的稳定结构形式，是教学系统四个组成要素（教师、学 生、教材和教学媒体）相互联系、相互作用的具体体现。通过网上进行授课， 以学生为中心，不受时间、地点、次数及进度的限制，能自由利用网上资源等 优点，成为教育方式的发展新趋势、教育也随之进入智能网络教育的新时代。 近年来，有较多的高校都将电教中心与网络中心合并为现代教育技术中心，这 种合并也说明了在高校中，充分发展现代的智能网络辅助教育成为高校的发展 与进步的新需要。 关键字 智能；辅助教学；网络教学 教学网站设计 ii abstract the 20th century was the era that the science

3、and technology advanced by leaps and bounds , with the rapid development of internet , made people begin to obtain the information and knowledge from network slowly, the classroom instruction means of traditional chalk and blackboard type and mode of teaching taking textbook as the core, be replaced

4、 by brand-new intelligent network teaching soon. system this development is it construct one can reflect student study new-type intelligent tutoring structure , subject of function fully can give play to the teachers guidance function as well as to build. realize the reforming in an all-round way of

5、 the teaching mode , content of courses , teaching means and teaching method progressively on this basis. regard teaching structure as the main goal of the educational reform, because the teaching structure refers to in certain education thought, teaching theory study teaching steady structure form,

6、 activity of process that launch among certain environment under the guidance of the theory, it is four tutoring systems that make up connecting of key element (the teacher , student , teaching material and teaching media ) each other , interactive concrete embodiment. through giving lessons on the

7、net , regard student as the centre , is not restricted by time , place , number of times and progress , can utilize such advantages as online resources ,etc. freely , become the intellectual new era for online education of entry thereupon too of new trend of development , education of the educationa

8、l way. in recent years , more universities all merge the audio-visual centre and network center into the technique center of modern education, this kind of amalgamation has proved too that fully develops the modern intelligent network and educates becoming development of the university and progressi

9、ve new need auxiliarily in the university. keywords intelligence; auxiliary teaching; network teaching 目 录 教学网站设计 iii 目目 录录.iii 1 概况概况.- 1 - 1.1 可行性分析 .- 1 - 1.2 设计意义.- 2 - 1.3 国内网站开发与现状.- 3 - 2 相关工具及技术相关工具及技术.- 4 - 2.1 网站建设.- 4 - 2.2 网页工具 dreamweaver简介.- 4 - 2.3 微软 iis 简介.- 5 - 2.4 asp 技术简介.- 5 - 2

10、.5 vbscript 及 javascript 工具介绍.- 7 - 2.6 微软 access简介.- 7 - 3 网站总体设计网站总体设计.- 9 - 3.1 asp 设计准备.- 9 - 3.2 网站主体结构.- 11 - 3.3 登录及注册模块的实现 .- 13 - 3.4 课程教学模块的实现.- 17 - 3.5 课件下载模块的实现.- 17 - 3.6 讨论留言模块的实现 .- 18 - 4 网站页面的美化网站页面的美化.- 20 - 4.1 页面美工.- 20 - 4.2 网页特效.- 20 - 5 结束语结束语.- 22 - 参考文献参考文献.- 23 - 致致 谢谢.- 2

11、4 - 附附 录录.- 25 - 教学网站设计 4 1 概况 1.1 可行性分析 传统教学历经沧桑，发现到现在已经是一种很成熟的教学机制，但就其本 身而言，传统的课堂教学还存在很多的局限性。首先表现在教学方法上，传统 的课堂教学以教师单项灌输为主，学生被动的接受知识，抑制了学生的个性发 展和创新能力的培养，使培养出的学生知人一面，而且教学中的交流互动只能 发生在人际之间，至于学生与书本教材间的互动则基本没有；其次表现在教学 组织上，传统的课堂教学只能在固定的教室，在固定的时间，传授给固定的人 员，教学的一切因素都有固定的属性，显得呆板、笨拙；最后表现在教学环境 上，传统教学的授课环境就是课堂，

12、这样就导致学习者的学习是封闭式学习， 缺乏与外界的交流和学习资料的获得。随着网络多媒体计算机技术的发展，网 络教学全面的充斥着传统教学，与传统教学相比，它存在着很多的优越性。具 体表现在： 1. 教学内容的共享性 众所周知，因特网的最大特点就是完全不受地域限制，能够最 大限度地在全球范围内实现资源共享。网络教学理所当然继承了网 络传输的这一特性。这样就使网络教学不再封闭，学习资源丰富多 彩，可以满足各层次、阶段、水平和各种爱好的学习者的需求。 2. 教学时空的开放性 网络教学的另一大优势就是教学时空的开放性。这种特性使网络教学突破 了传统的有围墙的教学模式，极大的拓展了教学空间，打破了学习空间

13、的封闭 性和学习时间的分割性，使学习者可以根据个人的状况，自主决定学习的时间、 内容和进度。 3. 教学的双向互动 说到互动，在传统的教学中，只有教师和学生之间才可以做到。但在网络 教学中，不仅教师和学习者，学习者和学习者之间可以达到交流互动，更重要 的是学习者和教学材料之间也可以产生可控制性的双向互动，即网络教学存在 教学网站设计 5 主动型和可控制型两种交互。这在很大程序上激发了学习者的学习动机。 4. 教学内容的多媒体呈现 网络教学作为一种新型教育模式，在现代教学中正发挥着巨大的作用。但 在网络教学中不仅教师和学习者，学习者和学习者之间可以达到交流互动，更 重要的是学习者和教学材料之间也

14、可以产生可控制性的双向互动，即网络教学 存在主动型和可控制型两种交互。这在很大程度上激发了学习者的学习动机。 网络教学以多媒体网络技术做依托，运用图片、音频、视频、动画、文字和图 表等形式多层次、多角度的对学习内容进行描绘，有变远为近、化大为小、变 虚为实、化动为静的功能，将复杂抽象的知识具体化、形象化，激发学生的学 习兴趣，加深对所学知识的理解，学生可以眼见其形，耳闻其声，调动多种感 官共同参与认识活动，使学生系统的掌握知识，提高教学质量。 1.2 设计意义 面对现代如此的网络远程教育的需要，开发一个比较有个性的教育网站很有必要，是 以适应现代远程教育的需要。 本教育网站主要以网上教学的方式

15、，让学生以自主学习的方式，给学生一个轻松的学 习环境。 本网站是一个比较小型的网络远程教育系统，能够实现网络教育的初步功能。采用数 据库与 asp 编程结合的技术，实现用户注册及登录、在线学习、在线考试、留言交流、娱 乐等诸多功能，最终以实现既能使用户学到知识的同时，又提高用户对学习的兴趣为目的。 1.3 国内网站开发与现状 从二十世纪八十年代开始，我国各种经济组织开始实施信息化，信息技术的高度发展 及广泛应用，使得以互联网为基础的网上教育网站越来越多。总的来说，网上教育所发挥 的主要作用对学习者还只是一种辅助性的作用，现阶段我国网上教育的应用层次还很低， 还不能真正满足大多数受教育者的需求，

16、即让任何人、在任何时间、任何地点都能通过网 络获得学习的优越性还远远没有得到发挥。 我们认为，教育网站的设计，包含的内容可以非常多,但大体可分两个方面，这两方面 相辅相成： 一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，动 态特效的设计；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能 交互，形象包装等等。 教学网站设计 6 2 相关工具及技术 2.1 网站建设 从狭义的角度讲，一个网页就是一个最小的网站。从广义的角度讲，有了网页，还不 能称其为网站，网站必须是具有网址，存在于网络服务器上，浏览者可以通过 url 访问网 站中的网页。建设网站的第一步当

17、然是制作完成所有的网页，当网页制作完成以后，就要 将其放到服务器上，以便让网络访问者浏览到，也就是在网上构建一个“家园” 。这项工作 一般可以从以下 4 个方面来实现。 实体主机首先是购买和建设服务器主机，然后是申请连接 internet 的专线和网 址。这种方案的主动权较大，而且可以直接开机上 intenet，不过弊端也很多，只购买服务 器主机和每个月昂贵的专线租用费这两面三刀项，就不是中小企业所能承担的，而且还要 聘用专人维护网站和服务器主机。最主要的还是带宽问题，随着访问者的增加，就会有线 路塞车、传送迟缓的情况发生。总之，仿佛是在开发一片新大陆，不光要修路、架桥，还 要建房、寻觅人才，

18、所需资金是很多的。 主机托管购买服务器主机后，向 internet service provider(简称 isp，网络接入服 务供应商)分租专线，然后自行创建网站和管理服务器主机。它比实体主机省掉一部分的专 线租用费，但必须通过拨号上网，然后通过 isp 方连接 internet。这种方案就好象省去了修 路、架桥的费用，直接租赁土地进行开发建设。 虚拟主机连购买主机的费用也省去了，而是租用 isp 供应商主机的硬盘空间， 由 isp 负责所有硬件和技术人员的费用以及包括连接 internet 的专线月租，而且网站建造 者可以不必通过 isp 的网络接入上网，要以通过其他更省钱的方式上网，网站

19、建造者还可 以委托 isp 申请专有的域名。这种方案就好象是向 isp 租用厂房，节省了各项建设费用， 只要按时交纳各种管理费，就可以省心地开展业务了。 租用网页空间小型公司或个人若认为在网络上要放置的信息并不多，不需要很 大的硬盘空间时，可向 isp 租用网页空间。通常网页空间的出租分为 2mb,5mb,10mb,50mb 以至更多，但没有自己专属的域名，必须隶属于 isp 网址之下，如 http:/ 个人用户一般来说都选择最后一种方式来建设自己的网站，这是从省钱、实用的角度上考 虑的。 2.2 网页工具 dreamweaver 简介 创建网页的工具有很多，最原始的如记事本，还有微软公司的

20、frontpage，等等。在本 网站设计过程中，所用到的是 macromedia 公司的 dreamweaver。使用 dreamweaver 这一网 页编辑器，省去了很多代码的编写工作，使得设计者不必编写 html 代码，便可以制作出 精美的网页。 macromedia dreamweaver 是一款优秀的“所见即所得”的网页编辑器，dreamweaver 的可视化特征使用户可以直接在页面上添加和编辑元素，而不用写一行代码。例如通过鼠 标拖曳来添加图像、表格等元素，在文档中直接输入输入文本，还有直接插入一些常用的 符号和对象等等。我们在没有输入代码的情况下完成了这些工作，dreamweave

21、r 自动将结 果转换为 html 源代码，在代码视图中进行修改，这点是为专业人士考虑的，同时也方便 初学者学习掌握 html 语言。 教学网站设计 7 2.3 微软 iis 简介 iis 是 internet information server(internet 信息服务器)的缩写，它是微软公司主推点服 务器，本网站开发是通过最新点版本windowsxp 下点 iis5 调试的。 iis 支持 http（hypertext transfer protocol，超文本传输协议） ，支持与语言无关的脚 本编写和组建，iis 完全支持 vbscript、jscript 开发软件以及 java 等。

22、本网站主要等脚本 语言是 vbscript。 2.4 asp 技术简介 asp 是服务器端脚本编程环境。使用 asp 可以交互 html 页、脚本命令和 activex 组件组合起来，创建动态的、交互的 web 网页和基于 web 的功能强大的应用程序。 asp（active server pages ）是微软公司推出的一种用以取代 cgi（comman gateway interface）的技术。简单讲，asp 是位于服务器端的脚本运行环境，通过这种环境，用户 可以以创建和运行动态的、交互式的 web 应用程序，如交互式的动态网页，包括使用 html 表单收集和处理信息、上传与下载文件等。

23、asp 工作原理（如图 2-1） 图 2-1 asp 工作原理 asp 内含于 iis（microsoft internet information server）3.0 和 4.0 之中。有了 asp，就 不必担心客户浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器执行，包 括所有嵌在普通 html 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回客户 浏览器，这样就减轻了客户浏览器的负担，大大提高了信息交互速度。 从字面上说，asp 包含下面 3 方面的含义： 1：active 2：server: 3：pages 教学网站设计 8 作为 iis 环境下开发 web 应用的

24、一种简单、方便的编程工具，asp 具有如下特点： （1）使用 vbscript favascript 等简单易懂的脚本语言，结合 html 代码，可快速完成网 站应用程序的开发； （2）容易编写，无须编译，可在服务器直接执行； （3）使用普通的文本编辑器，如 windows 的记事本，即可进行编辑； （4）与浏览器无关，只要客户端浏览器能够执行 html 代码，就可以浏览 asp 设计的网 页内容。asp 所使用的脚本语言均在 web 服务器执行，客户端的浏览器不需要能 够执行这些脚本语言。 （5）asp 能与任何 activex scripting 语言相兼容，除了可以使用 vbscript

25、 或 javascript 脚本语言来设计外，还可以通过 plug-in 的方式，使用由第三方所提供的其他脚本 语言，例如 rexx,perl ,tcl 等，脚本引擎是自理脚本程序的 com 组件； （6）asp 的源程序不会被传到客户浏览器，因而可以避免源程序被剽窃，从而提高了 程序的安全性； （7）可使用服务器端的脚本来产生客户端的脚本； activex 服务器组件具有无限可扩充性，可以使用 visualbasic, java, visual c+, cobol 等编程语言来编写所需的 activex 服务器组件。 2.5 vbscript 及 javascript 工具介绍 vbscri

26、pt 是 active server pages 的缺省脚本语言。与一些复杂的编程语言相比， vbscript 只是一种脚本语言，语法要相对简单得多。可以 html 文件中直接嵌入 vbscript 脚本，这样能扩展 html 的功能，使它可以对用户的操作作出反应，进行交互，不再仅仅 是一种页面格式语言。vbscript 是 active server pages 的缺省语言。当然也可以在 asp 网 页中使用其他脚本语言，本课题的开发过程中 asp 程序主要用了 vbscript 和 javascript 语 言。 用 vbscript 作为服务器端的编程语言的好处是 vbscript 不受

27、浏览器的限制。vbscript 脚本在网页通过网络传送给浏览器之前被执行。web 浏览器接收到的只是标准的 html 文 件。 vbscript 只有一种称为 variant 的数据类型，variant 是一个很特殊的数据类型，它可 以随着使用方法的不同而包含不同的信息。因为 variant 是 vbscript 中唯一的数据类型， 所以它也是 vbsctipt 中所有函数返回数据的唯一类型。 2.6 微软 access 简介 access 是微软公司开发的 office 系列应用程序中的一套功能非常强大的数据库管理工 具，从本质上说是一个关系型数据库管理系统，以同意的“关系”来描述数据对象之

28、间的 联系，结构简单、表现力强，符合人们对现实事物的认识规律。access 为用户提供了功能 丰富的交互界面。与其他数据库管理系统相比，access 具有以下一些特点： (1)简单，数据共享性强：access 集成在 windows 操作系统中，与 office 组件具有相 同的操作界面、一致的设计风格；可以方便的从 word 和 excel 等同属 office 系列中的数 据导入 access，也可以将 access 中的数据导出到 word 和 excel 中去。 (2)数据对象丰富，操作手段便捷：access 为使用者提供了 7 种对象类型，它们分别是 表、查询、窗体、报表、页、宏以及

29、模块。这些对象分别实现不同的功能。 (3)拥有强大功能的向导工具：可以帮助初学者迅速学会 access，可以提高工作效率。 教学网站设计 9 (4)集成 sql 功能：可以充分利用这一功能更加灵活的创建比较复杂的查询。 (5)多媒体功能：access 支持多媒体功能，可以保存、处理声音、图像以及活动视频等 多媒体数据。 (6)web 功能：可以在数据库文件中插入超级链接，浏览 web 页，也可以通过 web 页 来发布数据库中的数据，或是使用来自网络的数据。 access 的基本功能： 1.组织数据：数据库管理系统主要的作用就是帮助人们组织、管理各种各样的数据。 2.建立查询：查询是人们操作数

30、据库的一种主要目的。 3.建立窗体：窗体是用户和数据库应用程序之间的主要接口，窗体在数据库系统中的 应用可以极大的提高数据操作的安全性，也可以丰富使用者的操作界面。 4.打印报表：在实际工作中，往往需要将各种数据或查询结果以书面报表的形式给同 事或上级主管，这更符合人们的习惯。 5.共享数据：access 本身不但是具有强大、方便的数据管理功能，而且提供了与其他 应用程序的接口，即数据的导入、导出及链接功能。 6.支持超级链接：超级链接是浏览器中一段比较醒目的文本或一个图标。 access 具有 web 特性的数据共享： 1.数据访问页：允许用户通过简单轻松的创建绑定数据的 html 页，将数

31、据库应用程 序扩展到企业 internet 中。 2.分组的数据访问页：该功能提供查看和管理相关信息的能力，并且将数据按可折叠 的分级格式显示。 3.数据访问页工具箱：在“数据访问页”设计环境中提供的工具箱，可用于创建控件。 4.字段列表：允许用户从易于访问的列表中拖放字段名称，从而方便的将信息添加到 数据访问页视图中。 5.超级链接处理：access2000 提供的经过改进的超级链接界面使在数据库中查编辑和 删除超级链接更为方便。 6.共享组件的集成：access2000 利用新的 office 组件和驻留在浏览器中的 com 控件， 为用户提供了多种查看和分析数据的方法。 3 网站总体设计

32、 教学网站设计 10 3.1 asp 设计准备 在开发 asp 程序之前，需要做一些相应的准备工作。首先，所有的 asp 程序都是在 服务器端执行端，比如 win2000 下的 iis5；其次为调试开发的 asp 程序，一个好的程序编 辑软件是必不可少的，在本站的开发中，所有的 asp 程序都是用 dreamweaver mx 编辑的。 尽管用记事本完全可以开发 asp 程序，但如果想高效地开发 web 数据库管理系统，可 用 dreamweaver mx 来开发 asp 文件。虽然 dreamweaver mx 的很多功能都体现在静态网页 制作和站点管理上。但用它来编写 asp 文件还是十分

33、便捷的。 asp 是一种动态生成 web 页面技术，它以扩展名为.asp 的纯文本形式存在于 web 服务 器上，可以用任何文本编辑器打开它。在 asp 程序中可以包含纯文本、html 标记以及脚本 命令。asp 本身并不是一种脚本语言，它只是提供了一种使嵌入在 html 页面中的脚本程序 得以运行的环境。由于 asp 运行于服务器端，因此一定要通过 www 方式浏览，即 url 应以 http:/打头，而不要以本地文件的形式浏览。 asp 脚本是在定界符（delimiter）“”范围内的 vbscript 或 java script 脚本命令，也是本网站主要用到的两个脚本语言。默认情况下，主

34、脚本语言 vbscript。如 果你想在某一页中将一种脚本语言设定为主脚本语言，那么只要在.asp 文件开始处再加上 如下的命令就可以了: 其中，scriptinglanguage 代表您想设置的主脚本语言 asp 的数据库应用 ado 提供 connection 对象，可以使用该对象建立和管理应用程序同 odbc 数据库之间 的连接。connection 对象具有各种属性和方法，可以使用他们打开和关闭数据库连接，并 且发出查询请求来更新信息。下面的脚本创建 connection 对象，接着打开数据库连接: 在本网站开发过程中，避免了在不同电脑上运行要设置 odbc 数据库连接的麻烦，而 采用

35、了以下打开数据库的方式。下面的脚本可以省去设置 odbc 而可以直接运行。 当连接了数据库后，就可以对数据库进行操作，例如查询、删除、更新等，这些操作 都是通过 sql 指令，用 connection 对象的 execute 方法来完成的。sql 是用于与数据库通 信的工业标准语言，它有许多命令可用来检索和更新信息。 下面脚本使用 connection 对象的 excecute 方法执行 sql select 命令，该命令将查询 出数据库表 db1 中“username”字段为“yhy”的数据： 其中第三个参 数指 recordset 类型(详见表 3-1),第四个参数指锁定类型 (详见表 3

36、-2). 表 3-1 数指 recordset 类型 adopenforwardonly(=0) 只读,切当前数据记录只能 adopenstatic(=3) 只读,当前记录可自由移动 adopenkeyset(=1) 可读写，当前记录可自由移动，多人功用数据库时, 无法看到他人新增记录 adopendynamic(=2) 可读写，当前记录可自由移动，多人功用数据库时, 可看到他人新增记录 表 3-2 锁定类型 adlockreadonly(=1) 默认值,用来打开只读的数据记录 adlockpessimistic(=2) 悲观锁定 教学网站设计 12 adlockoptimistic(=3)

37、乐观锁定 adlockbatchoptimistic(=4) 批次乐观锁定 通过以上指令，我们创建了一个结果集（recordset）对象 rs。我们可以想象 recordset 像一个电子表格，它有一行行的记录，在任何时候都有一行是它的当前行，而 recordset 的字段是用 recordset 的 field 集合表示的。我们可以用 rs(“字段名”)来引 用数据库中的数据。本课题中，要从数据库中读取数据时，主要用到了下面的循环语句： while not（eof and bof） do loop 语句来判断数据库内容是否到最后一句，如果否，则执行中间的语句，从而读取数据 库中的数据，达到交

38、互的功能 本系统的数据库采用 access 2000，完全能适应题库数量的要求。 3.2 网站主体结构 本网站是一个比较小型的网络远程教学系统，能够实现网络教育的初步功能。采用数 据库与 asp 编程结合的技术，实现在线学习、在线考试以及会员登录等诸多功能，最终以 实现既能使用户学到知识的同时，又提高用户的学习兴趣为目的。 小型教学网站主要提供网上的教学平台，学生可以通过该系统完成自学，向老师提出 问题，跟老师和其他同学讨论，并且在线检测自己的学习情况，与此同时，还可以进行娱 乐、软件、课件的下载等。. 小型教学网站，其结构(如图 3-1)： 图 3-1 教学网站结构 小型网站后台管理结构图如

39、下： 主 页 课程动态模 块 课程学习模 块 留言板模 块 讨论区 模 块 公告栏 模 块 会员注册登录模块 课件下载 模 块 后台管理 首 页 管 理 模 块 课 程 教 学 模 块 作 业 系 统 模 块 留 言 系 统 模 块 系 统 管 理 模 块 帐 户 管 理 模 块 主 机 信 息 模 块 教学网站设计 13 图 3-2 教学网站结构 3.3 登录及注册模块的实现 简单介绍 用户通过注册，并进行登录后，可以拥有比非注册用户大的权限。注册用户除了非注 册用户的在线学习、留言交流、娱乐天地，下载天地等权限外，还可以进行在线测试，通 过随机抽题来检测自己的学习情况。 管理员通过用户注册

40、的信息，可以收集用户资料，以进行对注册用户的管理。从实际 的角度分析，将此模块分成这几个部分：addnew.asp(注册界面)、login_yh.asp (用户登录)、 login_gl.asp (管理员登录)、adlist.asp(管理员查看用户信息) 等功能。 主要数据库表介绍 表 3-3 info 表，用于保存用户的注册信息 字段名称数据类型说明 username文本用户名注册 password文本用户密码 tel数字联系电话 number_qq数字用户 qq 号码 fax数字用户传真 address文本用户地址 code文本用户邮编 email文本用户电子邮箱 date日期/时间用户注

41、册时间 info_gl 表：用于保存管理员的登录名及密码，在设计过程中已经设定，不允许用户在 线修改。结构如下表 表 3-4 info_gl 表，用于存放管理员信息 字段名称name_glpassword_gl 数据类型文本文本 教学网站设计 14 用户注册 reg.asp 是注册页面。程序中，method=”post”方法传递数据，request.form(按钮名)，然 后执行与数据库连接、判断用户名是否已经注册、再进行更新数据库的记录。如图 3.3 图 3-2 用户注册流程图 源代码如下： 教学网站设计 15 %if is_reg=false then call error(系统当前已停止

42、注册！) call error(前往-首页) call show_error() else% 用户注册 用户注册 用户注册： 以下资料均需要填写，否则不能注册！ 说明 用户名 请使用英文 1-20 位 密码： 8-20 位的密码 确认密码： 再输入一遍密码，以确认 教学网站设计 16 学号： 请输入完整学号,如 200233315319 姓名： 你的真实姓名（中文） 指导教师及所在班级： % call opendb() set rs=conn.execute (select * from eric_manager where purview=2 and class_e) if not rs.e

43、of then % 授课教师 option value= 3.4 课程教学模块的实现 在此模块中，主要的技术是“树形目录展开”的设计与“框架”及“模板”的使用。 （1）： 树形目录展开的制作（详细内容请参见：4 页面美工及网页特效） （2）： dreamweaver 框架的介绍 在一个网站中，通常要有许多元素重复地出现在不同的网页文档中，如网页标题、 导航栏等。如果我们在每个网页都添加这些相同的部分，那么就会浪费许多时间，同时 教学网站设计 17 访问者在浏览网页的时候也会付出重复的等待时间。在这咱情况下使用框架，就会解决 以上的问题。框架将浏览器窗口划分成几个部分，将一些不需要更新的元素放在

44、一个框 架内，这个框架是一个单独的网页文档，这个文档是不变的。其他经常更新的内容放在 主框架内，主框架内的文档是经常更换的。 （3）： 模板的使用 我们一般采用树状结构来组织一个网站，所以它的构成就像是一座金字塔，越往下分 支越多，相应的页面也就越多。为了保持各级子页面的风格统一，我们会在每个子页面中 制作一些相同的内容，如相同的的导航条、网站的相关信息等等。在最原始的状态下，这 些工作是一个个完成的，即在每一个子页面中都要制作这些相同的内容，使大量的时间浪 费在这些重复性的劳动上。利用 dreamweaver 的“模板”功能，可以减少用户的重复性劳 动。(如：学习园地的右侧部分；娱乐天地之西

45、湖风景部分；帮你练习之等级考试部分等)。 3.5 课件下载模块的实现 1）：内容简介 课件下载主要是以网页、ppt、flash 的形式，可以让学习者在学习的同时观看 ppt 演 示，也可以使学习者在学习之余看看美丽的风景， 让学习者在学习的过程中，享受到娱乐 的乐趣，从而提高学习者的学习兴趣。 在课件下载模块上，主要实现在线下载功能，提供一些常用软件的下载，课件的下载， 方便学习者的自主学习，也方便学习者下载一些常用的软件，还提供一些歌曲及 flash 的下载。 （2）：技术简介 在这两个模块里，没有很强的技术性问题，但也能使网页面显得美观而大方。在这两 个模块里，最主要是一些 dreamwe

46、aver 常用的、最基本的网页制作方法，网页的超级链接 和文件的超级链接。但为了网页的美观性及视觉上的动态效果，在制作的过程中，也用到 了一些脚本语言及 gif 动画。 超级链接是网页中最重要、最根本的元素之一，如果没有它的存在，网页中的一切就 失去了生命，因为网页相互间失去了联系，也就不能称其为网了。正因为有了这些无形的 链接，才交织成了这纷繁复杂的网络世界。 3.6 讨论留言模块的实现 1）：内容简介 讨论区主要是以 bbs 的形式，可以让学习者在学习的同时在 bbs 中进行计论学习。 留言模块是通过留言板的形式使学习者对不懂的问题在线进行提问。 （2）：技术简介 在这两个模块里，没有很强

47、的技术性问题，但也能使网页面显得美观而大方。在这两 个模块里，最主要是一些 dreamweaver 常用的、最基本的网页制作方法，网页的超级链接 和文件的超级链接。但为了网页的美观性及视觉上的动态效果，在制作的过程中，也用到 了一些脚本语言及 gif 动画。 超级链接是网页中最重要、最根本的元素之一，如果没有它的存在，网页中的一切就 教学网站设计 18 失去了生命，因为网页相互间失去了联系，也就不能称其为网了。正因为有了这些无形的 链接，才交织成了这纷繁复杂的网络世界。 4 网站页面的美化 教学网站设计 19 4.1 页面美工 本网站主要运用 photoshop 的渐变工具所制作的图片当作背景

48、。页面中的按钮图标是 用 photoshop 制作的图片。本网站中的文字一般是用 fireworks 进行加工处理的。 4.2 网页特效 在网页的主页面上，主要运用了一个水波纹的特效，增强了网页的美观，也增加了网 页的动感。 在本网站的许多页面里，运用了 gif 动画，增强了网页的动感。也给人一种美的视觉 感。 树形目录展开介绍 （1）设计思想及简单介绍 用户在学习阅读的过程中，可以在左边的框架中选择要阅读的内容，点击左边框架中 章节的标题，右边框架中就会显示对应章节的内容，读者还可以随时选择想要学习的内容， 可以随时更新，这就是数形目录展开的功效。 （2）实现步骤 定义一个控制树形目录展开的

49、函数 function opencat(cat,img)/打开菜单目录 if(cat.style.display=none) cat.style.display=; img.src=images/t05.gif; else cat.style.display=none; img.src=images/t02.gif; 下面是“第一章树形目录展开”的代码： /总章展开的代码如下： 第一章 计算机基础 /每一节展开定位的代码如下 第一节 计算机的 发展历史 教学网站设计 20 第二节 计算机特点 anfy 制作主页面的水波纹的效果 在主页面上，运用了 anfy 2.1 制作了水波纹的效果，一些 a

50、pplets 小程序的应用，给 主页面增加了许多动感。水波纹特效的主要文件有anfy . class anwater.class lware.class 以及主页面中的一段源代码如下： please download java(tm). 在娱乐天地里用到了一些脚本语言，有蝴蝶从网页最底部飞起来的特效， （其代码略） 。 另外还有一些状态栏的文字滚动出现的特效脚本语言；图片上方文字从右向左渐出的 脚本；主页上，若还没有登录想进入在“线测试模块”的登录提示脚本语言，等等。 5 结束语 通过这次和孙赫同学共同进行本次网站的制作，感觉自己的动手能力增强了很多。制 作本网站，是对自己四年大学专业知识的一

51、次检验，也是一次增强自身综合素质机会。由 于各种原因，网站的功能还没有得到进一步的完善，但我会继续努力，在今后的学习过程 中，不断地提高自己。 教学网站的实现充分得发挥了网站教学方便的特点，基本上完成了计算机知识的教学， 而且学生学习过部分课程之后可以利用帮你学习模块进行自我测验，另外还可以在交流模 块给教师留言进行问题的探讨。但是由于技术有限，很多功能还有些不能让人满意。 教学网站设计 21 参考文献 1 冯龙山、李其艺， 轻松学习-asp 网络使用编程 ，清华大学出版社，2002 2 廖信彦， active server pages 应用大全-asp 与数据库的整合 ，清华大学出版 社，2

52、003 3 吴兴兴、高保禄， 网络数据库应用实例 ，人民邮电出版社，2003 4 宣小平、但正刚、张文毅， asp 数据库系统开发实例导航 ，人民邮电出版社， 2003 5 丁贵广， asp 编程基础与实例 ，机械工业出版社，2002 6 阮家栋、施美雅， web 数据库技术 ，科学出版社，2002 7 姬成强， fireworks 就这么简单 ，机械工业出版社，2002 8 beverly abbey. instructional and cognitive impacts of web-based educationm: idea group publishing, 2000 9 esth

53、er s. grassian, joan r. kaplowitz. information literacy instructionm: theory and practicem,ny: neal-schuman publishers,inc.2001 10 nancy k. getty, barbara burd, sarah k. burns, linda piele. using courseware to deliver library instruction via the web : four examples. reference services review, 2000(4

54、): 349- 359 11 george s machavec. course management software: where is the library. information intelligence online libraries and microcomputer. 2001(10): 1-2 12 aasowitz-scheer. information literacy instruction in higher education: trends and issues 教学网站设计 22 致 谢 在本次毕业设计中，我从指导老师身上学到了很多东西。他无论在理论上还是在

55、实践 中，都给与我很大的帮助，使我得到不少的提高这对于我以后的工作和学习都有一种巨大 的帮助，感谢他耐心的辅导。 另外，在网站的开发过程中，同组的同学和很多网上的朋友也给与我不少帮助和指导， 使得网站能及时开发完成，这里一并表示感谢。在大学四年的学习、生活与工作中，计算 机系和工程学院的老师们对我的学习和工作都给予了谆谆教诲，他们严谨的治学思想、渊 博的专业知识和丰富的社会阅历，时时刻刻教育和激励着我。他们不仅教会了我丰富的专 业知识，更教会了我做人的道理。能作为他们的学生是我一生的骄傲。在此论文完成之际， 谨向他们致以最衷心的感谢，感谢他们四年来对我的关怀与帮助。 教学网站设计 23 附 录

56、 系统使用说明系统使用说明 microsoft personal web server ( pws ) 是一个桌面 web 服务器。在 windows95 和 windows98 两种环境下，要安装 pws，可以从自己的计算机上发布个人主页，也可以在把 站点上载到 internet 提供商之前，用 pws 作为开发平台。 而在 windows2000 和 windowsxp 的系统下，可以通过设置 iis，来实现在自己的计 算机上发布个人主页。 使用 iis 可以很容易地建立自己的 internet 或 intranet 站点。 1：iis 的安装过程如下： （1）：在“控制面板”中双击“添加

57、/删除程序” ，单击“添加/删除 windows 组件” 标签，单击“下一步”按钮。 （2）：在“windows 组件”页面单击“internet 信息服务 iis” ，再单击“详细信息” 按钮，打开 iis 服务选项。 （3）：在“iis 服务选项”中保证“ world wide web 服务器 ”被选中。其他选项视 需要任选。 （4）：最后单击“确定”按钮，系统将安装 iis。 2：创建 web 站点 安装好 iis 后就已经建立了一个 web 站点。站点名是 dns 中注册的计算机域名，或 localhost。使用 iis 可以在一台计算机上建立几个站点，每个站点有自己的域名和主页。 虚

58、拟目录用一个别名把原来的目录标识成主目录下的一个虚拟子目录。用户可以通过 浏览器访问这个虚拟目录。 创建虚拟目录的步骤如下： （1）：找开“管理工具” ，选择“internet 服务管理器” 。 （2）：在“internet 服务管理器”控制台中，在弹出的快捷菜单中选择“新建” ，再选 择“虚拟目录” 。 （3）：在“欢迎”画面中单击“下一步”按钮。 （4）：为虚拟目录设定一个别名，然后单击“下一步”按钮。 （5）：设置虚拟目录的实际路径，再单击“下一步”按钮。 （6）：设置该虚拟目录的权限，完成虚拟目录的创建。 教学网站设计 24 anyway, i was here in amber so

59、me years ago. not doing much of anything. just visiting and being a nuisance. dad was still around, and when i noticed that he was getting into one of his grumpy moods, i decided it was time to take a walk. a long one. i had often noticed that his fondness for me tended to increase as an inverse fun

60、ction of my proximity. he gave me a fancy riding crop for a going- away present-to hasten the process of affection, i suppose. still, it was a very nice crop-silver-chased, beautifully tooled-and i made good use of it. i had decided to go looking for an assemblage of all my simple pleasures in one s