信息技术教学方法专题网站建设.docx

信息技术教学方法专题网站建设.docx

《信息技术教学方法专题网站建设.docx》由会员分享，可在线阅读，更多相关《信息技术教学方法专题网站建设.docx（27页珍藏版）》请在冰豆网上搜索。

信息技术教学方法专题网站建设

摘要

随着网络教育的不断发展，以及因特网的不断普及，使网络教育和网络专题知识的学习提供了交流研究的平台。

建立了这个信息技术教学方法专题学习网站，为广大学生，教师和其他学者提供了一种围绕特定的主题，完成特定信息的搜索、组织与发布或者提供了互动学习的平台！

本文先系统地介绍了整体的设计方案，包括网站建设背景，具体划分了子模快，再重点介绍了各个子模块实现的设计实现过程及主要实现的功能。

并且探讨了该网站的设计原则和结构，描述了网站的组成结构，阐述了网站的开发环境，以及所采用的开发工具和相关技术，还重点剖析部分环节的设计。

本网站采用IIS＋ASP＋MICROSOFT　ACCESS2000的开发模式，运用“动态网页”解决方案。

【关键词】

ASP,信息技术,专题网站

Abstract

Educatealongwiththenetworkofdevelopcontinuously,andbecauseofisingcontinuouslyuniversalwiththenet,makenetworkeducationprovidedtheinvestigativeterraceinexchangeswiththestudyofthenetworkspecialsubjectknowledge.Establishedthisinformationtechniqueteachingmethodspecialsubjectthestudythewebsite,forwideuniversitystudent,theteacherprovidedwiththeotherscholarakindofaroundparticulartopic,completethemanhuntoftheparticularinformationandorganizeswithannounceorprovidedtheterracethatinteractionstudy!

Thistextintroducedtheoveralldesignprojectfirstandsystematically,includingthewebsitedevelopmentsbackground,dividingthelinethesonmoldinaspecificwayquick,againthepointintroducedeachstaturesmoldadesignforrealizingrealizesprocessandprimarilythefunctionthatrealizes.Andinquiriedintothedesignprincipleofthatwebsitewiththeconstruction,describethewebsiteconstitutetheconstruction,expatiatingtheenvironmentofdevelopmentofthewebsite,andathetoolofdevelopmentforadoptingwithrelatedtechnique,returnthedesignthatpointanalyzepartsoflinks.ThiswebsiteadoptionIIS+ASP+MICROSOFTACCESS2000themodeofdevelopment,application"dynamicwebpage"solution.

【Keywords】

ASP,IT,Specialsubjectwebsite

目录

第1章绪论1

1.1网站开发的背景和意义1

1.2网站开发软件的选择2

1.3相关技术知识准备3

第2章网站总体设计5

2.1网站的开发可行性分析5

2.2网站的开发过程6

2.3网站架构6

2.3.1网站栏目设置6

2.3.2网站栏目结构图7

2.4网站体系结构7

2.5网站数据库设计9

第3章网站详细设计11

3.1前台模块页面设计11

3.1.1公用静态模块设计11

3.1.2首页设计11

3.1.3功能模块页面设计12

3.1.4显示文章页面13

3.2动态页面设计13

3.2.1公用动态模块设计13

3.2.2前台显示系统15

3.2.3用户登录设计16

3.2.4文章添加系统18

3.2.5下载上传系统20

3.2.6其他系统模块21

3.3后台管理系统22

3.3.1后台登陆系统22

3.3.2后台管理模块23

第4章网站的使用说明24

4.1管理员的维护24

4.2网站的优点和不足24

结束语25

参考文献26

致谢27

第1章绪论

1.1网站开发的背景和意义

从国际背景看，步人20世纪90年代，信息技术迅猛发展，尤其是国际互联网的出现，创造出全新的网络文化，就深层次的意义而言，联网不仅仅是计算机的联网，而是人类智慧的联网，是把古今中外全人类的智慧汇集在覆盖全球的巨大复杂的网络之中，这是真正意义上的“人脑延伸”。

网络已经成为一个外化的时时刻刻都在变化发展着的全人类的大脑，并由此引导出以科技进步和人才智能为内驱的“知识经济”亦即“智力经济”时代的到来。

“智力经济’’时代对人的素质要求达到了前所未有的高度，因此尽快建立现代化的教育体系——教育信息化教育体系，对于中国在2l世纪实现强国之梦具有不言而喻的战略意义。

不容讳言，由于历史的和社会的原因，我们错过了多次产业革命与技术革命的发展机遇，在许多方面我们落后于发达国家十几年甚至几十年，而现代信息技术是20世纪90年代才兴起的一门科学技术，无论是信息技术学科的发展还是信息技术的应用，我们与发达国家水平大致相同，只要我们抓住机遇，就能与发达国家站在同一起跑线上竞争，否则，又要落后一个时代。

这是历史的机遇，我们不能坐失良机。

在我国，现代信息技术也已经广泛应用于各个行业、各个部门，进入到平常百姓的家庭生活，已经和正在改变着人们的工作方式和生活方式，也必然会改变教育和学习的方式。

教育信息化是面向世界、面向未来、面向现代的信息社会的必然选择。

信息技术的迅猛发展把人类社会带入到了一个崭新的信息时代，它已对我们的生产方式、学习方式及思维方式产生了重要的影响。

随着信息社会的到来，以计算机和网络为核心的现代技术的不断发展，正越来越深刻地改变着我们的生产方式、生活方式、工作方式和学习方式，世界各国均不同程度地加强了对中小学信息技术课的教学。

为此，我国教育部已拟定将信息技术课纳入中小学必修课程。

中小学信息技术教学的主要目的是让学生掌握信息技术的基本知识，了解信息技术文化，形成良好的信息技术道德，提高运用信息技术的能力的同时，进一步激发学生的学习兴趣、增强信息意识和创新意识、有效培养学生对信息的收集、处理、应用和传输的能力，培养学生的自学能力、创造能力和实践能力，是一门体现创新性和实践性较强的课程。

针对目前中小学信息技术教学还没有既定的模式，又要确保信息技术教学在培养新型人才方面应有的作用，教学中教师就应时刻注意信息技术教学不仅仅是传授计算机的基础知识，更不是片面追求“学而致用”的职业培训，而要把计算机作为一种工具，来提高中小学生的素质，培养他们用信息技术解决问题的各种能力。

而且信息素养是当代学生的重要素质之一，信息素养的培养是素质教育的重要内容。

随着现在对当代学生的信息技术素养的要求越来越高，信息技术的教育也越来越受到重视，信息技术的教学方法也与逐渐进入到信息技术教师和其他研究信息技术教学方法的学者以及学生讨论到话题，这样一来对信息技术教学方法的探讨就需要一个交流的平台，关于信息技术教学方法的最新理论研究和信息技术动态报道可以放到平台上以便让更多的人了解，不同教师不同的学生在不同时期不同条件下对于各种信息技术教学方法的应用研究和看法会不一样，这样一来就需要在这个交流平台来发表这些不同的对于信息技术教学方法的看法。

为了让信息技术教师以及研究信息技术教学方法的其他学者和信息技术学生能够更好地交流对于信息技术教学方法的看法，为此运用了网页制作技术搭建了这个网站平台，也就是关于信息技术教学方法的专题教育网站。

1.2网站开发软件的选择

网站制作选择的网页制作的软件是DREAMWEAVER、Photoshop,Dreamweaver是可视化的网页制作工具，很容易上手，可以让你轻松地制作出自己的网页。

Photoshop是一个修改调整图片的工具，利用它可以制作出各式各样的图片，然后运用到网页上。

制作网站，可以用DREAMWEAVER和FIREWORKS。

Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。

其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。

在开发语言的选择上，本网站主要选择ASP，主要由于ASP有以下众多的优点：

ActiveServerPages：

“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。

总结有如下几点：

1.与浏览器无关。

ASP文件内的程序代码在WebServer端执行，然后将结果以HTML格式的文件返回Client端，与任何厂商生产的浏览器无关。

2.不需编译、连接成执行文件。

ASP是一种支持直译式Scripting语言的环境，并不需要事前编译成可执行文件（Executable）的格式才能执行。

3.与HTML的紧密集成。

ASP是支持服务器端Scripting语言的环境，后者可以直接集成在HTML文件中，所以不需要在购买任何的开发工具，只要在记事本上便可以撰写、编辑ASP文件。

4.保护原程序代码。

扩展名为.asp的ASP程序代码并不会显示在Client端的浏览器上，而返回给用户的是直译后的HTML文件。

5.安装使用方便。

服务器端装好Windows2000，只要你安装了IIS那么ASP就可以使用了。

6.效率高。

在低的访问量下，ASP能体现出一定的效率，这时它对机器的要求并不高。

1.3相关技术知识准备

ＡＳＰ具备有面向对象（Ｏbject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：

Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。

1.Application对象

可以使用Application对象在给定的应用程序的所有用户之间共享信息。

基于ASP的应用程序同所有的.asp文件一样在一个虚拟目录及其子目录中定义。

因为多个用户可以共享Application对象，所以必须要有Lock和Unlock方法以确保多个用户无法同时改变某一属性。

这一点在和数据库结合时，应用非常广泛。

由于数据库是一个多用户共享的资源，当用户需要更改数据库中的内容时，往往会发生冲突，这时可在修改之前用Application.Lock语句将数据库锁定，等修改完成后再用Application.Unlock语句来解锁。

如：

<%……’打开某个数据库

Application.Lock

Rs.AddNew‘向数据库中添加一条新记录

……

Rs.UpDate‘更新数据库

Application.UnLock

……%>

2.Request对象

Request对象在HTTP请求期间，检索客户端浏览器传递给服务器的值。

3.Response对象

使用Response对象可以将输出发送到客户端。

4.Server对象

Server对象位于整个ASP对象模型的顶端，它提供基本的属性和方法让ASPScript运用，其中大多数方法和属性是作为实用程序的功能服务的。

本系统中用到最多的是与数据库紧密结合的CreateObject方法和MapPath方法。

CreateObject方法用来产生服务器组件的执行个体，以便应用于Script中；MapPath方法是将指定的虚拟路径转换为实际路径。

例：

<%

Setadocon=Server.CreateObject（“ADODB.Connection”）

Adocon.Open”Driver={MicrosoftAcessDriver（*.mdb）};”&_

“DBQ=”Server.MapPath（“index.mdb”）

……%>

5.Session对象

可以使用Session对象存储特定用户会话所需的信息。

这样，当用户在应用程序的Web页之间跳转时，存储在Session对象中的变量将不会丢失，而是在整个用户会话中一直存在下去。

当用户请求来自应用程序的Web页时，如果该用户还没有会话，则Web服务器将自动创建一个Session对象。

当会话过期或被放弃后，服务器将终止该会话。

Session对象最常见的一个用法就是存储用户的首选项。

例如，在本系统中，用户登录后，其所有的信息都将通过Session对象保存，已备后续功能使用。

会话状态仅在支持cookie的浏览器中保留。

SQL即StructuredQueryLanguage，诸如Access、Oracle、SQLServer等关系型数据库都采用这个标准语言来进行数据库查询。

事实上，SQL不仅可以进行数据库查询，还可以用来插入、更新和删除记录。

1.从表中筛选记录时，要用SELECT指令，

2.SELECT…FROM…WHERE…（筛选）

SELECT…FROM…语法的筛选范围默认为整个表的所有记录，但有时候会需要把筛选范围限制在符合某些条件的记录。

3.SELECT…FROM…ORDERBY…（排序）

有时候需要把筛选出来的记录依照递增或递减顺序进行排序。

4.SELECTTOP…语法（设置最多返回条数）

有时候符合查询条数的记录可能有很多条，但我们并不需要看到全部的记录，只是想看看前几条记录。

第2章网站总体设计

2.1网站的开发可行性分析

为了适应教育信息化和的要求,全国各地正如火如荼的开展着信息技术教育。

信息技术教学方法已经成为关注的焦点，对于研究和交流信息技术教学方法的要求也越来越多，因此为了信息技术教育的教学方法的研究交流更方便搭建这个网络交流平台是有必要的。

信息技术教学方法网就是一个提供对信息技术教学方法进行学习研究的专题学习网站，它为学习者提供了最新的信息技术发展现状与动态以及信息技术教学方法的研究与探讨，让学习者，信息技术教研员和一般教师能够在网站上得到关于信息技术教学方法的最新设计案例并且可以发表自己的对信息技术教学方法的看法和自己的设计案例和教学学习资料素材。

网页是Internet信息的最基本的载体，通过它可以把许许多多的内容放到Internet上，让全世界的人们轻松浏览和阅读。

但随着Internet的迅速普及，人们对网页的要求也发生着变化，以前人们只要浏览和阅读网站的内容，但现在人们希望自己能发表意见和观点，还想把一些自己的东西放到网上去。

这样，那些只能被用户在客户端访问的静态网页就落后了，因为它已经不能满足人们对网络的新的要求了！

为了克服静态网页的种种不足，不少的知名网络公司提出了动态网页的解决方案，所谓的“动态网页”指的是浏览器端和服务器端可以互动，也局势服务器端可以实时处理浏览器端的请求，然后将处理结果响应给浏览器端。

“动态网页”带来的学习的革命，使得学习可以脱离传统的“黑板、粉笔”的模式，而进入全新的网络学习，让学习不再受空间的限制。

为此，目前该信息技术教学方法网主要采用动态网页，因为当前的静态网页已经不利于信息的及时更新，而且更新起来比较麻烦。

引入动态技术更新网站可以提升网站的性能，一方面，网站的内容可以随时动态更新，使网站的内容更活泼，更充分的发挥网站在提供实时信息方面的优势。

另一方面，动态网站能够减轻管理员的工作量，管理员只需要对基于数据库的动态内容进行管理就可以了，而且用动态技术可以提供管理员一个简单的维护界面来管理数据库中的动态信息，避免了管理员重作页面的重复劳动，节省了宝贵的时间何精力。

在目前看来，可以采用的动态网站技术有很多，技术上完全是可行的。

综上所诉，以现有的技术是完全可以实现此系统的。

信息技术教学方法网站系统的开发是完全可行的，有着大量的使用用户和教育研究意义。

2.2网站的开发过程

为了提高开发效率和提高开发质量，因此我决定采用工程化的方法来构建信息技术教学方法网站。

开发的过程大致分为网站开发计划、可行性研究、分析、功能模块版面设计等，下面将就这几个部分来介绍一下开发的总过程在开发本网站的过程中，可分为三大进程：

1.页面设计

（1）制作网站的框架

（2）制作子网页，并把它连接到主页上

（3）制作注册向导，登陆页面等

2.代码的设计

（1）利用ASP和ACCESS把数据库连接到网站上

（2）调试程序

3.网站制作完后的测试

在服务器和客户机的浏览器下运行本网站，输入各种数据，检测程序的功能

2.3网站架构

1、网站类别为：

互动学习类和专题咨询类相结合的综合类型。

2、网站主要面向的对象为：

教师、学生、其他学习者。

3、基本的内容：

围绕“信息技术教学方法”的各种信息，探究学习学案、互动交流途径、ｅ化教材（包括网络知识资源）、各类智慧资源。

4、实现的功能：

互动学习的平台，直接为基于网络应用的课堂教学、自主学习服务，较为深入全面的专门化知识加工、信息组织。

2.3.1网站栏目设置

1、主页

主页设计以浅蓝色为基本色调运用白色进行融合搭配突出网站稳重清爽的格调另外运用FLASH技术设计动态效果强调网站的特色同时也更能吸引浏览者的注意。

2、基本模块

（1）公告栏报道国内外最新的教育动态以及网站相关的公告。

（2）专题报道信息技术教学方法的专题文章。

（3）课程标准信息技术课程的标准与解读。

（4）教学方法探讨探讨信息技术的几种教学方法。

（5）课程整合理论探索,教学模式,学科案例,课题研究等方面的文章。

（6）资源下载提供丰富的资源,以供下载,资源有教案,课件等,资源根据类别可以分为图像,文字,视频等相关资料。

（8）友情链接与一些与本网站相关的教学网站进行链接

（7）论坛社区是一个BBS,设有若干个讨论区，发起主题，发表贴子，回复贴子及一些个性化的设置。

2.3.2网站栏目结构图

2.4网站体系结构

当功能模块基本确定后，则需要进行网站内容体系结构与软件体系结构设计。

所谓内容体系结构设计，就是对网站所要提供的信息进行分类整理，并与网站的功能结合起来，得出一个网站按功能和内容划分的层次结构，并将功能合理地分布到不同的页面中，再将这些页面以一定的超链接组合在一起。

软件体系结构设计主要针对ASP脚本程序，需要将通用的脚本代码抽出来，将尽可能多的代码模块化，其成果是ASP脚本程序调用图，这个调用图明确了需要开发多少个ASP网页，这些网页之间是什么关系。

这个网站的系统模块根据网站的功能，可以将整个网站系统划分成几个主要体系结构系统有为前台静态系统、户登录系统、文章管理系统、下载系统、论坛系统、有情链接系统、后台管理系统。

文件架构的设计原则三按逻辑功能划分，将完成同一功能的网页与脚本放在同一个文件夹下，将同一类型的资源也统一存放在一个文件夹下，本网站的文件架构如图2-1所示：

图2-1

各个文件夹的设置如下：

1、admin用于存放后台管理的文件和Database文件中的本站数据库文件site.mdb以及错误调试页面ShowErr.asp等和管理页面有关系的网页和脚本；

2、bbs用于存放论坛的相关网页和脚本；

3、Common用于存放前台静态页面的公用模块和样式文件和调用Flash的js文件；

4、用于存放图片资源；

5、vote用于存放在首页显示的在线调查专栏的调查系统文件；

另外，首页文件index.asp、1，2，3，4，四个专题文章模块、下载页面down.asp、有情链接link.asp文件和显示文章的页面shownews.asp存放在网站的根目录下。

在构建一个网站时，很重要的一步就是要分析网站要提供的哪些服务，以及这些服务之间是如何联系在一起的，并由此确定各个服务的处理流程，规划出网站的整体流程图。

这可以为具体制作网页时设置超级链接和编写ASP程序时控制页面转向提供依据，避免页面间转向或链接的混乱。

本网站的实现流程如图2-2所示：

图2-2

本图说明：

本站用的用户登录与注册系统是集成在论坛中的用户数据库中的，所以用户信息的管理是在论坛的用户信息管理。

另外在线调查也是单独的一个系统在这个系统中也有单独的后台管理。

本站介绍页面主要为静态页面。

2.5网站数据库设计

该网站系统的数据库是用Access创建，具体步骤为：

1.打开Access，选择新建一个“空Access数据库”，

2.出现“文件新建数据库”对话窗，要求保存数据库，为了便于识别，我在网站的文件夹里新建“Databace”文件夹，数据库命名为site.mdb

3.出现了设计界面，双击打开“使用设计器创建表”，

4.在“字段名称”列的第一行写“artid”依次往下写：

article_idarticle_datearticle_showdatecat_idarticle_titlearticle_setitlearticle_authorarticle_resoursearticle_contentarticle_hitscommend.

5.保存数据库为“ci_art”。

6.创建好的表，是可以根据需要修改的，修改方法很简单，这里就不详细说明了。

7.可以用同样的方法创建其他的三个表，

本网站共创建了四个表：

ci_artci_adminci_linkFileInfo。

ci_art记录了本站所有文章的信息，ci_link记录了本站的所有友情链接，此ci_admin为后台管理员的数据信息，只有一个用户：

admin，因为后台管理只能是管理员进入。

FileInfo是下载数据信息，本站管理员可以通过后台登陆来添加文章信息和上传文件，本站用户可以通过注册登陆后发表还没有通过管理员验