毕业设计教学网站设计论文.doc

《毕业设计教学网站设计论文.doc》由会员分享，可在线阅读，更多相关《毕业设计教学网站设计论文.doc（24页珍藏版）》请在三一办公上搜索。

1、教学网站设计摘 要随着网络的高速发展，及教育体制改革的深入，通过网络自主学习与搜集信息，已经成为每个人所必须做的事情。特别是计算机知识，因其自身知识更新快的特点，通过网站进行自主学习无疑是最佳的选择。本教学网站主要采用网上教学的方式，让学生自主学习，给学生一个轻松的学习环境。本课题主要运用了数据库（Access）与ASP整合的开发技术，实现了会员注册、登录、在线留言等交互功能。在学习者学习之余，还有许多娱乐活动，Flash欣赏，风景欣赏，并且提供了课件、软件及歌曲的下载，这样便能在用户学到知识的同时，又提高了用户对学习的兴趣。教学网站打破了传统教学模式下的时间和空间上的限制，使学生无论何时何地

2、均可以通过访问教学网站来进行学习、测试、提问并寻求答案，教师也可以在教室之外答疑，既方便了学生和教师，又提高了学生的学习效率和教师的教学效率。因此教学网站的设计及实现具有一定的实用前景。关键词：计算机教育，ASP技术，数据库，DreamweaverTeaching Website design The design and realization of the register and login , amusement and management moduleAbstractWith the speed developing of network and education system

3、reform, it has been a task for everyone to study and search information independently by network. Especially for computer, because of its knowledge update, it is the best choice to study independently by network.This teaching website adopt online teaching way mainly, let students study independently

4、, give students a relaxed academic environment.This paper mostly uses development technology of Access and ASP integration, and actualizes random selective exam, score feedback, member register, logging in, leaving words on line, etc. Besides studying, in your spare time, there is much entertainment

5、, such as Flash and scenery enjoying, at the same time, you can download courseware, software, and songs from this system，this teaching website can improve users interest in study again while users learnt knowledge like this. This teaching websites have broken under the traditional teaching mode and

6、 restriction on the space and time, make student no matter when and where can go on learn, test, body temperature and seek the answer through visiting teaching websites, the teacher can teaches knowledge or answers questions in the place outside the classroom too. While facilitating the student and

7、teacher like this, have improved students learning efficiency and the teachers teaching efficiency again. So the design and realizing having certain practical prospectses of teaching websites.Keyword: Eduction of computer ,ASP technical, Database , Dreamweaver摘 要IAbstractII1 前言11.1 设计背景11.2 设计意义41.3

8、 国内网站开发与现状42相关工具及技术52.1 网站建设52.2 网页工具Dreamweaver简介52.3 微软IIS简介62.4 ASP技术简介62.5 VBScript 及JavaScript 工具介绍82.6 微软Access简介83 网站总体设计103.1 ASP设计准备103.2 网站主体结构123.3登录及注册模块的实现133.4 学习园地模块的实现153.5 娱乐及下载模块的实现164 网站页面的美化174.1 页面美工174.2 网页特效175 结束语19参考文献21致 谢22附 录231 前言1.1 设计背景中国网络教育的发展趋势趋势一：利用技术优势实现以“学生为中心”教学

9、 教育网站要取得成功服务是关键，网站必须为学习者提供各类网络在线服务、鼓励学生与老师间的交流和同学间的协作学习；还应该将各类网络在线服务同当地社区可能提供的其它教学和社会性服务结合起来，激励学习者的学习动机，开发学习者的学习智能，提供个性化辅导、使学习者学会学习并产生认同感和归属感。可见，谁能真正为用户提供实实在在的内容，提供真真切切的服务，谁就会赢得市场。因此网络学院都借助技术优势，推出了各种以“学生为本”的服务。 趋势二：网络教育不再甘当“配角” 网络教育不再甘当传统教育的“配角”而是力图依靠网络资源的优势，开创自己的特色。据北京外国语大学网络教育学院副院长曹文介绍说，北外网院是全国首家被

10、教育部批准的有资格开展英语学历学位网络教育的网络院校，并且将在明年启动要举办网络英语教育硕士班，这是教育部中英远程教育合作项目之一，网院学生毕业将获得国家承认的北京外国语大学毕业证书及学士学位。网上实时语言教学是北外的独有特色，可为学生提供大量与北外老师在网上进行口语交流的机会，为学生不走向哑巴英语而奠定基础。 趋势三：名校名企联姻抢“地盘” 目前，电大在线和中央电大承办的“奥鹏”项目已经跟浙江大学、北京航空航天大学、东北财经大学、西安交通大学、北京交通大学、等8家高校合作。为广大求学者提供重点高校网络教育学院委托的学历教育文凭，并且包括助学、导学、学业顾问、实验实习、就业推介等全方位学习支持

11、服务。提供各类证书培训、专业技能培训等非学历教育服务。受重点高校网络教育学院委托，为其在校外开展远程教育提供招生、教学实施、教学管理、考试组织等方面的辅助服务。并且提供资源传输服务，利用卫星宽带多媒体传输平台，通过数字卫星IP通道，将教学资源传输到各学习中心。面对现代如此的网络远程教育的需要，开发一个比较有个性的教育网站很有必要，是以适应现代远程教育的需要。此教育网站主要以网上教学的方式,让学生以自主学习的方式,给学生一个轻松的学习环境.本网站是一个比较小型的网络远程教育系统，能够实现网络教育的初步功能。采用数据库与ASP编程结合的技术，实现在线学习、在线考试以及会员登录等诸多功能，最终以实现

12、既能使用户学到知识的同时，又提高用户对学习的兴趣为目的。在线教育系统主要提供网上的教学平台，学生可以通过该系统完成自学,向老师提出问题,跟老师和其他同学讨论，并且在线检测自己的学习情况网络背景下的创新性教学研究是当今世界课程改革的一种潮流，也是素质教育进一步深化的客观要求。网络教学一向被视为有效突破时空限制的教学通道。近年来，随着信息技术的蓬勃发展，世界发达国家正如火如茶地致力于Internet在学校教育、社区教育、社会教育及在职训练的应用与研究等，由于利用网络媒体进行网络教学与传统媒体有极大的差异，因此许多研究单位在网络教学方面投入相当多的时间与精力，试着设计一套能够符合网络媒体特性，并能提

13、升教学成果的教学系统。然而，目前这种基于数字化、交互式、个别化、多媒体的现代远程教育平台的新型教学模式，其理论与实践都不够丰富。创新性教学是实施素质教育的核心内涵。创新性的教学能激活、启动学生自主学习的动力系统，能培养学生的创新意识、创新思维、创新情感和创新能力。它能弘扬学生的主体意识，促进学生个性和谐发展。创新性教学体现了素质教育的本质和核心内涵，是实施素质教育的基本途径，并具有重要的推动作用。 因此，借助网络这一现代化的教育技术来构建创新性教学的理论和实践模式，既是深化素质教育的迫切呼唤，也必将为提高我们全民族的素质作出积极的贡献通过本网站的设计与建设，能够实现计算机文化基础教育的初步功能

14、，本网站使用ASP技术与多媒体制作软件所开发的课件数据库技术相结合进行开发，它内容丰富，访问速度快。1.2 设计意义面对现代如此的网络远程教育的需要，开发一个比较有个性的教育网站很有必要，是以适应现代远程教育的需要。本教育网站主要以网上教学的方式，让学生以自主学习的方式，给学生一个轻松的学习环境。本网站是一个比较小型的网络远程教育系统，能够实现网络教育的初步功能。采用数据库与ASP编程结合的技术，实现用户注册及登录、在线学习、在线考试、留言交流、娱乐等诸多功能，最终以实现既能使用户学到知识的同时，又提高用户对学习的兴趣为目的。1.3 国内网站开发与现状从二十世纪八十年代开始，我国各种经济组织开

15、始实施信息化，信息技术的高度发展及广泛应用，使得以互联网为基础的网上教育网站越来越多。总的来说，网上教育所发挥的主要作用对学习者还只是一种辅助性的作用，现阶段我国网上教育的应用层次还很低，还不能真正满足大多数受教育者的需求，即让任何人、在任何时间、任何地点都能通过网络获得学习的优越性还远远没有得到发挥。我们认为，教育网站的设计，包含的内容可以非常多,但大体可分两个方面，这两方面相辅相成：一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，动态特效的设计；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，形象包装等等。2相关工具及技术2.1 网站建设从狭义

16、的角度讲，一个网页就是一个最小的网站。从广义的角度讲，有了网页，还不能称其为网站，网站必须是具有网址，存在于网络服务器上，浏览者可以通过URL访问网站中的网页。建设网站的第一步当然是制作完成所有的网页，当网页制作完成以后，就要将其放到服务器上，以便让网络访问者浏览到，也就是在网上构建一个“家园”。这项工作一般可以从以下4个方面来实现。实体主机首先是购买和建设服务器主机，然后是申请连接Internet的专线和网址。这种方案的主动权较大，而且可以直接开机上Intenet，不过弊端也很多，只购买服务器主机和每个月昂贵的专线租用费这两面三刀项，就不是中小企业所能承担的，而且还要聘用专人维护网站和服务器

17、主机。最主要的还是带宽问题，随着访问者的增加，就会有线路塞车、传送迟缓的情况发生。总之，仿佛是在开发一片新大陆，不光要修路、架桥，还要建房、寻觅人才，所需资金是很多的。主机托管购买服务器主机后，向Internet Service Provider(简称ISP，网络接入服务供应商)分租专线，然后自行创建网站和管理服务器主机。它比实体主机省掉一部分的专线租用费，但必须通过拨号上网，然后通过ISP方连接Internet。这种方案就好象省去了修路、架桥的费用，直接租赁土地进行开发建设。虚拟主机连购买主机的费用也省去了，而是租用ISP供应商主机的硬盘空间，由ISP负责所有硬件和技术人员的费用以及包括连接

18、Internet 的专线月租，而且网站建造者可以不必通过ISP的网络接入上网，要以通过其他更省钱的方式上网，网站建造者还可以委托ISP申请专有的域名。这种方案就好象是向ISP租用厂房，节省了各项建设费用，只要按时交纳各种管理费，就可以省心地开展业务了。租用网页空间小型公司或个人若认为在网络上要放置的信息并不多，不需要很大的硬盘空间时，可向ISP租用网页空间。通常网页空间的出租分为2MB,5MB,10MB,50MB以至更多，但没有自己专属的域名，必须隶属于ISP网址之下，如2.2 网页工具Dreamweaver简介创建网页的工具有很多，最原始的如记事本，还有微软公司的Frontpage，等等。在

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

20、点是为专业人士考虑的，同时也方便初学者学习掌握HTML语言。2.3 微软IIS简介IIS是Internet Information Server(Internet信息服务器)的缩写，它是微软公司主推点服务器，本网站开发是通过最新点版本WindowsXP下点IIS5调试的。IIS支持HTTP（Hypertext Transfer Protocol，超文本传输协议），支持与语言无关的脚本编写和组建，IIS完全支持VBScript、Jscript开发软件以及Java等。本网站主要等脚本语言是VBScript。2.4 ASP技术简介ASP是服务器端脚本编程环境。使用ASP可以交互HTML页、脚本命令和

21、ActiveX组件组合起来，创建动态的、交互的WEB网页和基于WEB的功能强大的应用程序。ASP（active Server Pages ）是微软公司推出的一种用以取代CGI（comman Gateway interface）的技术。简单讲，ASP是位于服务器端的脚本运行环境，通过这种环境，用户可以以创建和运行动态的、交互式的WEB应用程序，如交互式的动态网页，包括使用html表单收集和处理信息、上传与下载文件等。ASP工作原理（如图2-1） 图2-1 ASP工作原理ASP内含于IIS（microsoft internet information server）3.0和4.0之中。有了ASP，

22、就不必担心客户浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器执行，包括所有嵌在普通html中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回客户浏览器，这样就减轻了客户浏览器的负担，大大提高了信息交互速度。从字面上说，ASP包含下面3方面的含义：1：active2：server:3：pages作为IIS环境下开发WEB应用的一种简单、方便的编程工具，ASP具有如下特点：（1） 使用VBScript FavaScript 等简单易懂的脚本语言，结合html代码，可快速完成网站应用程序的开发；（2） 容易编写，无须编译，可在服务器直接执行；（3） 使用普通的文本编辑器，如wind

23、ows的记事本，即可进行编辑；（4） 与浏览器无关，只要客户端浏览器能够执行html代码，就可以浏览ASP设计的网页内容。ASP所使用的脚本语言均在WEB服务器执行，客户端的浏览器不需要能够执行这些脚本语言。（5） ASP能与任何Activex Scripting语言相兼容，除了可以使用VBScript 或JavaScript脚本语言来设计外，还可以通过plug-in的方式，使用由第三方所提供的其他脚本语言，例如rexx,perl ,tcl等，脚本引擎是自理脚本程序的com组件；（6） ASP 的源程序不会被传到客户浏览器，因而可以避免源程序被剽窃，从而提高了程序的安全性；（7） 可使用服务器

24、端的脚本来产生客户端的脚本；Activex服务器组件具有无限可扩充性，可以使用VisualBasic, Java, Visual C+, cobol等编程语言来编写所需的Activex服务器组件。2.5 VBScript 及JavaScript 工具介绍VBScript是Active Server Pages的缺省脚本语言。与一些复杂的编程语言相比，VBScript只是一种脚本语言，语法要相对简单得多。可以HTML文件中直接嵌入VBScript脚本，这样能扩展HTML的功能，使它可以对用户的操作作出反应，进行交互，不再仅仅是一种页面格式语言。VBScript是Active Server Pag

25、es的缺省语言。当然也可以在ASP网页中使用其他脚本语言，本课题的开发过程中asp程序主要用了VBScript和JavaScript语言。用VBScript作为服务器端的编程语言的好处是VBScript不受浏览器的限制。VBScript脚本在网页通过网络传送给浏览器之前被执行。Web浏览器接收到的只是标准的HTML文件。VBScript只有一种称为Variant的数据类型，Variant是一个很特殊的数据类型，它可以随着使用方法的不同而包含不同的信息。因为Variant是VBScript中唯一的数据类型，所以它也是VBSctipt中所有函数返回数据的唯一类型。2.6 微软Access简介Acc

26、ess是微软公司开发的Office系列应用程序中的一套功能非常强大的数据库管理工具，从本质上说是一个关系型数据库管理系统，以同意的“关系”来描述数据对象之间的联系，结构简单、表现力强，符合人们对现实事物的认识规律。Access为用户提供了功能丰富的交互界面。与其他数据库管理系统相比，Access具有以下一些特点：(1)简单，数据共享性强：Access集成在Windows操作系统中，与Office组件具有相同的操作界面、一致的设计风格；可以方便的从Word和Excel等同属Office系列中的数据导入Access，也可以将Access中的数据导出到Word和Excel中去。(2)数据对象丰富，操

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

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

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

30、ASP程序之前，需要做一些相应的准备工作。首先，所有的ASP程序都是在服务器端执行端，比如Win2000下的IIS5；其次为调试开发的ASP程序，一个好的程序编辑软件是必不可少的，在本站的开发中，所有的ASP程序都是用Dreamweaver MX编辑的。尽管用记事本完全可以开发ASP程序，但如果想高效地开发web数据库管理系统，可用Dreamweaver MX来开发ASP文件。虽然Dreamweaver MX的很多功能都体现在静态网页制作和站点管理上。但用它来编写ASP文件还是十分便捷的。ASP是一种动态生成Web页面技术，它以扩展名为.asp的纯文本形式存在于Web服务器上，可以用任何文本编

31、辑器打开它。在ASP程序中可以包含纯文本、HTML标记以及脚本命令。ASP本身并不是一种脚本语言，它只是提供了一种使嵌入在HTML页面中的脚本程序得以运行的环境。由于ASP运行于服务器端，因此一定要通过WWW方式浏览，即URL应以http:/打头，而不要以本地文件的形式浏览。ASP脚本是在定界符（Delimiter）“”范围内的VBScript或Java Script脚本命令，也是本网站主要用到的两个脚本语言。默认情况下，主脚本语言VBScript。如果你想在某一页中将一种脚本语言设定为主脚本语言，那么只要在.asp文件开始处再加上如下的命令就可以了: 其中，ScriptingLanguage

32、代表您想设置的主脚本语言 ASP的数据库应用ADO提供Connection对象，可以使用该对象建立和管理应用程序同ODBC数据库之间的连接。Connection对象具有各种属性和方法，可以使用他们打开和关闭数据库连接，并且发出查询请求来更新信息。下面的脚本创建Connection对象，接着打开数据库连接:在本网站开发过程中，避免了在不同电脑上运行要设置ODBC数据库连接的麻烦，而采用了以下打开数据库的方式。下面的脚本可以省去设置ODBC而可以直接运行。当连接了数据库后，就可以对数据库进行操作，例如查询、删除、更新等，这些操作都是通过SQL指令，用Connection对象的Execute方法来完

33、成的。SQL是用于与数据库通信的工业标准语言，它有许多命令可用来检索和更新信息。下面脚本使用Connection对象的Excecute方法执行SQL Select命令，该命令将查询出数据库表db1中“username”字段为“yhy”的数据：其中第三个参数指Recordset类型(详见表3-1),第四个参数指锁定类型 (详见表3-2).表3-1 数指Recordset类型AdOpenForwardOnly(=0)只读,切当前数据记录只能AdOpenStatic(=3)只读,当前记录可自由移动AdOpenKeyset(=1)可读写，当前记录可自由移动，多人功用数据库时,无法看到他人新增记录AdO

34、penDynamic(=2)可读写，当前记录可自由移动，多人功用数据库时,可看到他人新增记录表3-2 锁定类型AdLockReadOnly(=1)默认值,用来打开只读的数据记录AdlockPessimistic(=2)悲观锁定Adlockoptimistic(=3)乐观锁定AdLockBatchOptimistic(=4)批次乐观锁定通过以上指令，我们创建了一个结果集（Recordset）对象rs。我们可以想象Recordset像一个电子表格，它有一行行的记录，在任何时候都有一行是它的当前行，而Recordset的字段是用Recordset的Field集合表示的。我们可以用rs(“字段名”)来

35、引用数据库中的数据。本课题中，要从数据库中读取数据时，主要用到了下面的循环语句：while not（eof and bof） do loop语句来判断数据库内容是否到最后一句，如果否，则执行中间的语句，从而读取数据库中的数据，达到交互的功能本系统的数据库采用Access 2000，完全能适应题库数量的要求。3.2 网站主体结构本网站是一个比较小型的网络远程教学系统，能够实现网络教育的初步功能。采用数据库与ASP编程结合的技术，实现在线学习、在线考试以及会员登录等诸多功能，最终以实现既能使用户学到知识的同时，又提高用户的学习兴趣为目的。小型教学网站主要提供网上的教学平台，学生可以通过该系统完成自

36、学，向老师提出问题，跟老师和其他同学讨论，并且在线检测自己的学习情况，与此同时，还可以进行娱乐、软件、课件的下载等。.小型教学网站，其结构(如图3-1)：主 页学 习 园 地 模 块 帮 你 练 习 模 块娱 乐 天 地 模 块下 载 天 地 模 块留 言 交 流 模 块会员注册登录模块管 理 员 模 块 图3-1 教学网站结构3.3登录及注册模块的实现简单介绍用户通过注册，并进行登录后，可以拥有比非注册用户大的权限。注册用户除了非注册用户的在线学习、留言交流、娱乐天地，下载天地等权限外，还可以进行在线测试，通过随机抽题来检测自己的学习情况。管理员通过用户注册的信息，可以收集用户资料，以进行对

37、注册用户的管理。从实际的角度分析，将此模块分成这几个部分：addnew.asp(注册界面)、login_yh.asp (用户登录)、login_gl.asp (管理员登录)、adlist.asp(管理员查看用户信息) 等功能。主要数据库表介绍表3-3 info表，用于保存用户的注册信息字段名称数据类型说明Username文本用户名注册Password文本用户密码Tel数字联系电话Number_qq数字用户QQ号码Fax数字用户传真Address文本用户地址Code文本用户邮编Email文本用户电子邮箱date日期/时间用户注册时间info_gl 表：用于保存管理员的登录名及密码，在设计过程中已

38、经设定，不允许用户在线修改。结构如下表表3-4 info_gl表，用于存放管理员信息字段名称Name_glPassword_gl数据类型文本文本用户注册addnew .asp 是注册页面。程序中，method=”post”方法传递数据，request.form(按钮名)，然后执行与数据库连接、判断用户名是否已经注册、再进行更新数据库的记录。如图3.3 图3-2 用户注册流程图3.4 学习园地模块的实现在此模块中，主要的技术是“树形目录展开”的设计与“框架”及“模板”的使用。（1）： 树形目录展开的制作（详细内容请参见：4 页面美工及网页特效）（2）：Dreamweaver框架的介绍在一个网站中

39、，通常要有许多元素重复地出现在不同的网页文档中，如网页标题、导航栏等。如果我们在每个网页都添加这些相同的部分，那么就会浪费许多时间，同时访问者在浏览网页的时候也会付出重复的等待时间。在这咱情况下使用框架，就会解决以上的问题。框架将浏览器窗口划分成几个部分，将一些不需要更新的元素放在一个框架内，这个框架是一个单独的网页文档，这个文档是不变的。其他经常更新的内容放在主框架内，主框架内的文档是经常更换的。（3）：模板的使用我们一般采用树状结构来组织一个网站，所以它的构成就像是一座金字塔，越往下分支越多，相应的页面也就越多。为了保持各级子页面的风格统一，我们会在每个子页面中制作一些相同的内容，如相同的

40、的导航条、网站的相关信息等等。在最原始的状态下，这些工作是一个个完成的，即在每一个子页面中都要制作这些相同的内容，使大量的时间浪费在这些重复性的劳动上。利用Dreamweaver的“模板”功能，可以减少用户的重复性劳动。(如：学习园地的右侧部分；娱乐天地之西湖风景部分；帮你练习之等级考试部分等)。3.5 娱乐及下载模块的实现1）：内容简介娱乐天地主要是以网页、图片、flash的形式，可以让学习者在学习的同时观看flash，也可以使学习者在学习之余看看美丽的风景， 让学习者在学习的过程中，享受到娱乐的乐趣，从而提高学习者的学习兴趣。在下载天地模块上，主要实现在线下载功能，提供一些常用软件的下载，

41、课件的下载，方便学习者的自主学习，也方便学习者下载一些常用的软件，还提供一些歌曲及FLASH的下载。（2）：技术简介在这两个模块里，没有很强的技术性问题，但也能使网页面显得美观而大方。在这两个模块里，最主要是一些Dreamweaver常用的、最基本的网页制作方法，网页的超级链接和文件的超级链接。但为了网页的美观性及视觉上的动态效果，在制作的过程中，也用到了一些脚本语言及gif动画。超级链接是网页中最重要、最根本的元素之一，如果没有它的存在，网页中的一切就失去了生命，因为网页相互间失去了联系，也就不能称其为网了。正因为有了这些无形的链接，才交织成了这纷繁复杂的网络世界。4 网站页面的美化4.1

42、页面美工本网站主要运用photoshop的渐变工具所制作的图片当作背景。页面中的按钮图标是用photoshop制作的图片。本网站中的文字一般是用Fireworks进行加工处理的。 4.2 网页特效在网页的主页面上，主要运用了一个水波纹的特效，增强了网页的美观，也增加了网页的动感。在本网站的许多页面里，运用了gif动画，增强了网页的动感。也给人一种美的视觉感。树形目录展开介绍（1）设计思想及简单介绍用户在学习阅读的过程中，可以在左边的框架中选择要阅读的内容，点击左边框架中章节的标题，右边框架中就会显示对应章节的内容，读者还可以随时选择想要学习的内容，可以随时更新，这就是数形目录展开的功效。（2）实现步骤定义一个控制树形目录展开的函数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; 下面是“第一章树形目录展开”的代码：/总章展开的代码如下： 第一章 计算机基础/每一节展开定位的代码如下 img height=20 src=images/item1.gif width=3 align=ab