毕业论文正文

毕业论文正文

2005年10月29日
 

毕业论文正文

何志强

2005年5月13日

 

 

        

Internet是目前世界上最大的计算机互联网络,它遍布全球,将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的,易于被人们所接受的信息检索手段,World Wide Web(简称WWW)发展十分迅速,成为目前世界上最大的信息资源宝库。据估计,目前Internet上已有上百万个Web站点,其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域,其用户群十分庞大,因此,建设一个好的Web站点对于一个机构的发展十分重要。近年来,随着网络用户要求的不断提高及计算机科学的迅速发展,特别是数据库技术在Internet中的广泛应用,Web站点向用户提供的服务将越来越丰富,越来越人性化。

我们发现这样一个事实,一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣,而且这种兴趣会持续一段时间。这点启发了我们,如果能根据用户的喜好为不同的用户显示其个性化的页面,即着重显示该用户感兴趣的内容,将为用户节约大量的检索时间,而且这样的网页显然是更具有吸引力的。一些站点已经在这方面作出了一定的尝试,通常采用的方法是,在用户登陆时为其提供一系列的选项,使用户能够对站点进行一些自主的设置。这样做能够使站点呈现一定程度的个性化,但是对用户来讲,还是比较烦琐,而且在用户了解一个站点前让其对站点进行设置,其结果未免有些粗糙。于是我们构想了这样一种方案,对用户登陆后的动作进行跟踪,分析,发掘用户点击的规律,即用户先后点击的关联规则,这样,在用户点击一个主题(链接)之后,系统能够自动生成一页面,其中包含了该主题下用户经常关注的内容(若干链接),这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。

要实现这样的功能,离不开后台数据库的支持。用户验证信息,收集到的用户点击信息,主题层次信息,分析得出的关联规则表等大量的数据都由数据库管理系统管理。本文中数据库服务器端采用了Microsoft Access数据库作为ODBC(Open DataBase Connectivity )数据源,并以先进的ADO(ActiveX Data Objects)技术进行数据库存取等操作,使Web与数据库紧密联系起来。

整个个性化页面生成系统主要由使用Dreamweaver_MX开发的关联规则采掘系统和利用IIS+ASP技术实现的个性化Web页面生成器两部分组成。关联规则采掘系统对数据库中的历史记录进行分析,产生用户关联规则表;页面生成器则负责记录用户行为和根据关联规则表动态生成用户个性化Web页面。二者通过数据库服务器和Web服务器连接。

本文作者主要完成Web服务器端的班级留言、班级论坛的管理、班级相册班级名片的管理、个人菜单管理、班级社区、班级娱乐和风格功能模块的设计、实现与完善以及整个实验网站的组织建立和测试工作。

 

 

第一章   西狐同学录分析

1.1同学录的发展趋势

同学录是当今Internet上的潮流,随着它的出现,大大改变了人们沟通的认识及沟通方式。随着Internet网的不断普及,同学录的应用范围也再不断的扩大。我们相信在不久的将来同学录的概念和相关技术将发展成熟,并从Web逐步走向日常生活的其它领域,为提高人们的生活质量作出贡献。

    网络使大家的距离拉近了许多。使天各一方我们可以瞬时交流,已经比较优越。大家来自五湖四海在一起学习。毕业后,为了工作又要四分五散,参加工作又有许多不便使大家很难相聚。通过网络,我们依然可以了解彼此的情况,。

当人们生活水平的不断提高,网络的普及,它遍布全球,将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的,易于被人们所接受的信息检索手段,World Wide Web(简称WWW)发展十分迅速,成为目前世界上最大的信息资源宝库。

近年来随着Internet技术的飞速发展及用户需求的不断升级,Web页面技术也不断的推陈出新,使得Web站点的功能越来越强大,能够提供的服务种类越来越繁多。从HTML、Client Script 到CGI,从JAVA的诞生到ActiveX, Web页面设计人员不断受到冲击,微软公司在总结了以往技术,重新思考Web页面设计的真正需要后,推出了Active Server Pages (ASP),一种用以取代CGI(Common Gateway Interface,通用网关接口)的技术。

它最终将发展为方便、快捷、易被网民接受并喜欢的网络必备品,当然,同学录的发展与繁荣需要整个社会的力量来推动,需要你我的参与。

1.2 同学录的可行性分析

近年来随着Internet技术的飞速发展及用户需求的不断升级,Web页面技术也不断的推陈出新,使得Web站点的功能越来越强大,能够提供的服务种类越来越繁多。从HTML、Client Script 到CGI,从JAVA的诞生到ActiveX, Web页面设计人员不断受到冲击,微软公司在总结了以往技术,重新思考Web页面设计的真正需要后,推出了Active Server Pages (ASP),一种用以取代CGI(Common Gateway Interface,通用网关接口)的技术。

简单讲,ASP是位于服务器端的脚本运行环境,通过这种环境,用户可以创建和运行动态的交互式 Web 服务器应用程序,如交互式的动态网页,包括使用 HTML 表单收集和处理信息,上传与下载等等。更重要的是,ASP使用的ActiveX技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页几乎具有无限的扩充能力,这是传统的Web编写工具所远远不及的地方。使用ASP还有个好处,就在于ASP可利用ADO(Active Data Object,微软的一种新的数据访问模型)方便快捷地访问数据库,从而使得开发基于WWW的应用系统成为可能,这也是本文选择ASP作为开发工具最重要的原因之一。

21世纪将是信息化时代。现在随着地球村的变小,人们生活节奏的加快,网络建设的兴起以及网民观念的更新,同学录必将顺应需求。将茁壮成长。

 

第二章    综合分析

    
一、网络环境下的班级管理的内涵及其特点

班级网络管理,是指在局域网或广域网上开展一系列班级管理活动。这种活动必须围绕现代班级管理思想、目标和内容来开展,是传统班级管理工作的延伸和补充,也是班级管理现代化发展的必然趋势。班级网络管理通过网络课堂、电子学档、网上班队活动、虚拟社区、网上咨询、在线讨论、网上家长学校、网上德育基地等途径来实现班级管理目标。

网络环境下的班级管理的特点主要体现在以下几个方面:

(一)开放性。班级网络管理是一种开放性班级管理。未来的班级将趋于一种没有明显的教室界限,以数据库为中心,通过互联网连通学校、家庭、社会的开放式班级管理将形成。任何人都可以是受管理者,也可以是管理者。

(二)交互性。交互性是班级网络管理的一大特点,人们可以通过网络进行一对一、一对多和多对多的交流,受管理者可以在“网上论坛”或“在线指导”上发表自己的思想观点,大家一起讨论。管理者或教育者也可以针对某一专题预先设计好问题与答案,当受教育者访问该专题时,实现人机对话。由于这种交互的不可见性,可以使受教育者说出自己的思想观点,这是传统班级管理工作无法比拟的。

(三)趣味性。集文字、声音、图形图像和影视于一身的多媒体技术,给我们的网上班级活动带来了无穷无尽的乐趣。网络使学生变得轻松起来,学生可以通过课件来了解教育内容,甚至可以通过游戏来体验。

(四)能动性。在网络上开展班主任工作,受教育者是自由的,他们可以根据自己的实际情况去选择自己想要感受的教育内容,而不是由教育者指定和强迫他们去接受教育。因此更容易调动他们接受教育的主动性,更容易发挥他们的能动作用,也有利于受教育者的个性发展。

 

二、班级网络管理是现代班级管理的客观要求

弘扬人的主体性,增强人自主管理品质与能力是现代社会对人的客观要求。培养学生的主体意识,提高学生的自主性、积极性、创造性等方面的品质与能力,以人为本,实现人的主体性发展是现代管理的主旨。以“主体性发展”取代传统“规范制约性教育管理”,班级管理必须由传统封闭式、规范制约性转变为以个性发展和主体性人格的自主生长为目的。开放式、自主性发展,已是我国当前教育工作者的共识。主体性发展解决四个层面的问题:一是关注学生发展的内在需要;二是重视学生内在动机、情感和个性方面的发展;三是强调学生的自我意识;四是容纳学生个性发展的独特性,最终实现由防范控制型向自主建构型的转变。

班级网络管理恰恰符合班级管理改革的方向。班级网络管理在功能上的特点主要有:教育内容多媒性、活动资源多源性、管理自主性、活动合作性、组织虚拟性、主体平等性、身份隐蔽性等。班级网络管理过程中主体地位突出、自主意识高度发挥。强调了教育者和受教育者双方的互动,使学生由被动的灌输对象变成了自主选择对象。

实施学校班级网络管理,并不是对传统班级管理途径的否定和替代,学校传统班级管理途径还是有其优点的,主要表现在,活动组织化程度高、统一安排,教育管理严格,评价机制完备等方面。

 

三、网络环境下的班级管理的途径

 () 构建网上班级

网上班级同学录实际上是运用网络技术构建的一个虚拟社区。虚拟社区(virtual community)常常也称作网上俱乐部CLUB,一般由具有共同兴趣及需要的人们组成,借助于网络,他们能够与兴趣、观念相似的人分享一种社区环境的感觉。虚拟社区并非是一种空间组织形态,它一般包含的功能主要有:BBS、社区通信、会员列表,在线聊天、成员像册等,它尽量提供现实社区所能够提供的各种交流和服务手段。构建网上班级这一虚拟社区,使班主任工作与学生的个性意识互动,创造性地营造班级文化,塑造班级形象,以此来促进班级建设和学生的成长。构建网上班级有利于引导学生在网络交往中正确认识自己、他人和班级,增强班级凝聚力和认同感。可以说,网上班级的良性运作是良好班级形象的重要内容,反过来也有利于学生的成长。

现实的班主任日常管理,必然要与学生面对面交流,虽力求平等对话,但有时会在学生心理上造成居高临下的压力,这种心理压力是无形的。由于网上班级是虚拟的,以网络为媒介,通过班级BBS交流则消除了这种面对面心理压力,使学生敢说敢言,真正实现了师生平等交流,真正将自己看成是班级的主人,班级成功就是自己的成功,班级的荣誉就是自己的荣誉。这样可以很好地凝聚起班级所有同学的人心,使他们有很强的班级认同感,从而展示出独特的班级心理氛围。

网上班级还是一个同学间相互交流的平台。在现实学习生活中,男女同学之间,由于性生理、心理的发展和不成熟,可能有两种倾向,一种是交往更加专一的“早恋”倾向,另一种是相互排斥的互不往来,男女生不愿在公众场合坐在一起交流思想,即使是探讨学业上的难题。还有一些同学由于相同的志趣,可能会形成一些交往的小群体(圈子),这样的小群体交往面是狭窄的,有的对班级管理有正向作用,有的则会有负向作用。而网上班级的构建,同学之间的交往将更加自由,缓解了心理的闭锁性,拓宽了交往面,加深了同学间的了解,一旦形成健康向上的班级舆论,班集体的教育功能将得到充分发挥,对于形成良好班级文化氛围、促进班级面貌改变是有积极作用的。

(二)建立学生电子学档

过去我们在评价时一直强调量化,但是今天,随着评价内容的综合化,以量化的方式描述、评定一个人的发展状况,则表现出僵化、简单和表面化的特点,学生发展的生动活泼和丰富性、学生的个性特点、学生的努力和进步都被泯灭在一组组抽象的数据中。鉴于量化评价方法的这些缺点,新课程大力倡导质性评价的方法。一方面,质性评价方法通常记录了学生的各种行为表现、作品或者思考等描述性的内容,而不仅仅是一个分数。它不仅具体直观地描绘出学生发展的独特性和差异性,而且较好地全面反映了学生发展的状况。另一方面,质性评价方法多以描述和记录为主,即可真实、深入地再现学生发展的过程。相比之下,量化的评价方法则更多地表现为数字,反映的是学生发展的结果,新课程强调关注学生的发展过程,那么质性评价方法无疑提供了非常有效的评价手段。电子学档就是一种重要的质性评价方法。

电子学档是指在信息技术环境下,学习者运用信息手段表现和展示学习者在学习过程中关于学习目的、学习活动、学习成果、学习业绩、学习付出、学业进步以及关于学习过程和学习结果进行反思的有关学习的一种集合体。主要内容包括学习作品、学习参与、学习选择、学习策略、学习自省等材料,主要用于现代学习活动中对学习和知识的管理、评价、讨论、设计等,主要由学习者本人在他人(如教师、学伴、助学者等)的协助者完成,档案的内容和标准选择等必须体现学习者的参与。电子学档不是为辅助教师的教学活动而设计开发,它是为了表达教师和学生的创新思想、问题解决的结果或某个想法而设计和制作的。电子学档是以学为中心的教学活动的产物,是创新教育思想在学校课堂教学中的体现。

在电子学档中,计算机网络技术起了很大的作用。使用文字处理系统写出的文章和学生自己制作的多媒体文稿也可以组成一个档案袋;多媒体技术也可以为档案袋的创建提供条件和环境,储存和组织学生的工作,扫描艺术图片,保存声音文件;可以将作品上传到网上,教师、学生和家长都可以对这些作品进行评价。电子学档较传统的档案袋有很多优势:( 1 )电子学档可以让学生只通过一个例子就能对自己的学习过程进行多角度的回顾和反思;( 2 )学生可以随时修改、删减或添加电子学档中的内容;( 3 )电子学档可以把大量的内容进行压缩,这样浏览起来就比较方便。

(三)组织网上主题班队活动

   传统班队活动,通常是班级同学、老师围坐在一起,在黑板上写好主题活动的名称,节目一个接一个演,活动一个接一个按部就班地进行。往往是由老师一手策划,队员在活动中的参与率较低。在这样的活动中,学生的主体性得不到发挥,学生参与的积极性大打折扣,活动很难达到预期的效果。班队形式一成不变,学生很快就会厌倦,班团活动因此缺乏吸引力。校园进入了信息时代,网络文化赋予班队活动新的意义,信息时代特有的工具给单调的班队活动形式带来了勃勃生机。

 

第三章     开发工具及平台

3.1 综述

开发在线购物的工具及运行平台很多.开发工具可以利用网页编辑软件,如Frontpage,Dreamweaver等.而脚本语言也很多,如asp,jsp,php等.运行平台也很多.操作系统可以选择Windows98/2000/xp/2003/Unix/Linux.Web服务器可以选择PWS(Personal Web Server),IIS(Internet Information Services).当然也可以选择其他公司针对Web服务器编写asp而开发的软件.如Chili!Soft公司和Halcyon Software公司分别设计的Instant ASP(iasp)及Chili!ASP.在此由于Dreamweaver强大的功能和友好的界面,开发工具我们选择Dreamweaver MX 2004.Asp语言语法简单,功能强大,开发简单.所以脚本语言我们选择Asp.运行平台我们选择Windows 2000 Server + IIS.

3.2 IIS的安装与配置

   打开”控制面板”-“添加删除程序”-“添加删除Windows组件”选中列表框中的” Internet 信息服务(IIS)”然后单击下一步,如图1所示:

1

安装完成后,打开”控制面板”-“管理工具”-“Internet 信息服务”,用鼠标作键单击计算机名称旁的加号,然后在”默认Web站点”选项单击右键,选取”属性”如图2所示:

2

选取”Web站点”标签页,然后用鼠标左键单击”IP地址”栏的下拉菜单,选择IP地址.若计算机不在局域网,IP地址使127.0.0.1;若计算机位于局域网络中,但没有专属的IP地址,计算机会自动分配IP地址;若有专属的IP地址,就不需要分配了.

    选取”主目录”标签页,你可以选取”浏览”按钮更改本地路径.”本地路径”指的是当输入网址为计算机IP地址时,此网址的实际路径为C:\Inetpub\Wwwroot,只要网页放在此目录,别人便可以输入计算机IP地址来浏览.如图3所示:

3

选取”文档”标签页,可以看到默认的首页名称,如没有你想要的主页名称,可以点击”添加”,添加你想要的主页名称,如图所示:

4

3.3 ASP的优点

ASP是Active Server Pages的缩写,中文名字是“动态服务器页面”,使用ASP可以创建动态、交互的Web服务器应用程序。这里所说的动态服务器页面,是指该页面内容可根据访问时间、访问者不同因素动态生成的。不是简单的指网页中包含动态文字、声音和动画等。ASP具有以下优点:   
    (1) 使用VBScript、JavaScript等简单易懂的脚本语言,再结合HTML代码,就可以快速创建大部分网站元素。
    (2) 无须进行编译,容易编写,可在服务端直接执行。

(3) 使用普通的文本编译器,如Windows的记事本,即可进行编辑设计。
(4) 与浏览器无关(Browser Independence),客户端只要执行HTML代码的浏览器,即可浏览ASP的网页内容。ASP所使用的脚本语言(VBScript、JavaScript)均能够在Web服务器端执行,客户端的浏览器不需要执行这些脚本语言。
(5) ASP的源程序不会被传到客户端浏览器,因而可以避免所写的源程序被他人剽窃,提高了程序的安全性。
(6) 可使用服务器端的脚本来产生客户端的脚本。
(7) 可以使用ActiveX Server Components(ActiveX服务器无件)扩展ASP的功能。

 

3.3.1IIS简介

Wsb服务器是Web应用程序的心脏。IIS(Internet Information Server)是微软推出的Windows NT Option Pack的主要成员,作为Win2000server的扩展,自推出以来已经有了很大发展,其体系结构是当今市场上最受关注的Web服务器之一。新推出的IIS4.0版本增强了系统安全性,具有服务器端脚本开发调试,内容管理和站点分析,崩溃防护,内置JAVA虚拟机及全面支持ASP等强大功能。

3.3.2IIS与ASP的结合

在过去,客户机/服务器结构的设计与Web的相关技术几乎处于平行线上,两者相互独立并无法作出集成性的设计。现在我们利用IIS+ASP构成三层式Web结构(如图2.1所示)的中间一层,将客户机/服务器结构与Web密切结合,完成前后端两者的集成输出功能,使得Web站点的开发更方便,实现的功能更强大。

利用IIS+ASP技术来集成Web前后端所带来的强大效益可归结为以下几个方面:

减少构建和维护成本

加快联机过程

应用软件集中在服务器端开发管理

前端可使用任何浏览器(IE、Netscape…..)

后端可存取任何数据库 (SQL、Access…..)

可使用任何脚本语言开发 (VBScriptJavaScriptPERL…..

程序和计算逻辑

前端浏览器

ActiveX Server元件

ActiveX Server元件

后端数据库

数据库服务器

Microsoft IIS  +  ASP

浏览器

 

 

 

 

 

 

 

 

 

 

 

 

 


3.3.3 ASP内部6大对象

ASP提供了6个功能强大的内部对象,每个对象具有各自的属性(Property)、方法(Method),有的还拥有数据集合(Collection)与事件(Event),它们共同完成Web中的一些重要工作。这6个对象及其功能描述如表2.1所示。

 

对象名称

功能描述

Request

从客户端取得信息

Response

将信息送给客户端

Server

提供一些Web服务器工具

Session

储存在一个Session内的用户信息,该信息仅可被该用户访问

Application

在一个ASP-Application中让不同的客户端共享信息

ObjectContext

配合Microsoft Transaction服务器进行分布式事务处理

 

2.1  ASP 内部6大对象及其功能

合理地运用这些对象可以使原本复杂,烦琐的工作变得简捷而条理清晰。

我们可以用以下的语法直接使用这些对象:对象/属性/方法/数据集合

3.3.4 Global 文件

每一个以Active Server Pages为基础的应用程序都拥有一个Global.asa文件(ASA后缀名其实是Active Server Application的缩写),它位于每一个应用程序的基点目录之下。当Active Server Pages做下面两个动作时,Server便会去读Global.asa文件:

1.Web Server启动之后,一个应用程序目录中任一个ASP文件被提出第一个HTTP请求(Request)时。

2.不具有任何Session的客户端向Server请求一个ASP文件时。

前面已经提到Application和Session这两个ASP的内部对象。Application对象内的信息供所有正在执行该应用程序的用户分享,它创建于Web Server启动后一个应用程序中任一ASP文件被提出第一个HTTP请求时,结束于Server端停止运行。而Session对象仅属于一位用户,维持一个用户端的信息,其他用户无法访问,它创建于一个不具有Session的用户向Server请求一个ASP文件时,结束于该Session到期(即用户端超过某时间段没有向Server提出要求或刷新Web页面)或Abandon语句的调用。可见,Global.asa文件的调用与Application与Session这两个对象密切相关。事实上我们通常在Global。asa文件中写入以下内容:

Application或Session的开始事件(Start-event)。

Application或Session的结束事件 (End-event)。

这样,在一个Application或Session对象被创建或结束时,系统会自动完成Global.asa文件中写入的相应事件。值得注意的是,如果一个Application与一个Session同时开始,Active Server Pages会先处理Application的开始事件,而如果一个Application与一个Session同时结束,Active Server Pages则会先处理Session的结束事件。

第四章     系统设计概述

4.1系统功能概述

网络环境下的班级管理的内涵及其特点:

班级网络管理,是指在局域网或广域网上开展一系列班级管理活动。这种活动必须围绕现代班级管理思想、目标和内容来开展,是传统班级管理工作的延伸和补充,也是班级管理现代化发展的必然趋势。班级网络管理通过网络课堂、电子学档、网上班队活动、虚拟社区、网上咨询、在线讨论、网上家长学校、网上德育基地等途径来实现班级管理目标。

网络环境下的班级管理的特点主要体现在以下几个方面:

(一)开放性。班级网络管理是一种开放性班级管理。未来的班级将趋于一种没有明显的教室界限,以数据库为中心,通过互联网连通学校、家庭、社会的开放式班级管理将形成。任何人都可以是受管理者,也可以是管理者。

(二)交互性。交互性是班级网络管理的一大特点,人们可以通过网络进行一对一、一对多和多对多的交流,受管理者可以在“网上论坛”或“在线指导”上发表自己的思想观点,大家一起讨论。管理者或教育者也可以针对某一专题预先设计好问题与答案,当受教育者访问该专题时,实现人机对话。由于这种交互的不可见性,可以使受教育者说出自己的思想观点,这是传统班级管理工作无法比拟的。

(三)趣味性。集文字、声音、图形图像和影视于一身的多媒体技术,给我们的网上班级活动带来了无穷无尽的乐趣。网络使学生变得轻松起来,学生可以通过课件来了解教育内容,甚至可以通过游戏来体验。

(四)能动性。在网络上开展班主任工作,受教育者是自由的,他们可以根据自己的实际情况去选择自己想要感受的教育内容,而不是由教育者指定和强迫他们去接受教育。因此更容易调动他们接受教育的主动性,更容易发挥他们的能动作用,也有利于受教育者的个性发展。

4.2功能模块划分

4.2.1前台运行界面及解释、

1.       班级通讯簿   包括本班成员通讯录、附加通讯录、教师通讯录等

2.       班级相册     您的班级照片

3.       班级聊天室   本班的聊天室

4.       班级管理    班级管理员管理本班事务的地方诉对于管理员管理不善以及有违法              等相关事情发生时,可以在此向管理员投诉。

5.       班级留言簿   本班成员可以留言讨论的地方,是您和同学之间交流的最好原地。提供彩色留言和各种有趣的小头像,让你们的沟通更具特色。

6.       班级投票箱   由管理员设置的班级投票,同时大家可以针对投票进行讨论。

7.       News看点  最新的校园,教育,留学的动态,与您生活息息相关。

8.       风格     这是本班级同学录的一大亮点,可以改变整个同学录界面,有许多种大家所喜欢的风格 。

管理员功能  :

9.       群发留言   最近有什么活动?用这个方式最快捷的告诉您的同学

10.    设置访问条件 管理员可以设置加入班级成员的条件,还有非本班成员查看您的照片的条件以及访客是否可以在贵班留言的条件

11.    成员管理    管理员管理本班成员,以及提升或免职付管理员的地方

12.    权利移交   正管理员将自己的身份交给别的成员

13.    设置投票   正付管理员可以设置班级的投票,看看大家的意见如何?

14.    班级改名   正管理员可以修改班级的名称

15.    班级合并   或许您注册了重复的班级,那么就将这个班级合并到您的正式班级去吧。

16.    联系站长    为了和管理员最方便快捷的沟通,这里可是站长直接办公的地方。有什么意见和建议不要客气,直接给站长留言好了。

4.2.2 后台的管理  

1.       通过首页的登陆口登陆,系统判断用户的身份,管理员,信息编辑,社团管理员,社团成员,普通用户等。此时首页的导航栏增加管理一栏,鼠标移到管理上,出现下拉菜单,个人信息管理(和论坛数据共享),及后台管理。       

2.       不同用户有不同的后台权限。如信息编辑在后台可以向校园文档中添加文章,并编辑他自己的文章。管理员则可以设置各个用户的权限。

3.       社团管理员则拥有批准社团成员,设置成员权限,布置页面风格,增加页面子项的权限,社团成员和普通用户没有后台权限

4.3系统流程分析

前台管理

班级通讯录

班级留言板

班级相册

班级邮件

班级论坛

后台管理

班级设置

站内短信

班级首页

同学管理

留言管理

管理权限

4.4数据库的设计

ADO(Activ数据库的设计eX Data Objects)是一种操作Microsoft所支持的数据库的新技术。在ASP中,ADO可以看作是一个服务器组件(Server Component),更简单点说,是一系列的对象,应用这些功能强大的对象,即可轻松完成对数据库复杂的操作。本文中个性化页面的实现便大量地用到了ADO技术。具体的操作步骤可以归纳为以下几步:

  1.创建数据库源名(DSN)

  2.创建数据库链接(Connection)

  3.创建数据对象

  4.操作数据库

  5.关闭数据对象和链接

每一步的作法如下:

一、创建数据源名

DSN(Date Source Name)即数据源名称。我们知道,ODBC是一种访问数据库的方法,只要系统中有相应的ODBC驱动程序,任何程序就可以通过ODBC操纵驱动程序的数据库。比如我们系统中有Access的ODBC驱动程序,那么即使我们没有Access软件,也可以在我们的程序中对一个Access的MDB数据库加、删、改记录。而且我们根本不用知道这个数据库是放在哪里的。我们只要写出SQL语句,ODBC驱动程序就会帮我们做一切事情。我们在给ODBC驱动程序传SQL指令时,即是用DSN来告诉它到底操作的是哪一个数据库。如果数据库的平台变了,比如我们改用了SQL Server的数据库,只要其中表的结构没变,我们就不用改写我们的程序,只要重新在系统中配置DSN就行了。由此可见,DSN是应用程序和数据库之间的桥梁。

二、创建数据库链接(Connection)

链接用以保持一些关于正在访问的数据的一些状态信息,以及链接者信息。ASP文件中如果要访问数据,必须首先创建与数据库的链接,其语法如下:

set Conn=Server.createObject(“ADOBD.CONNECTION”)

这条语句创建了链接对象Conn,接下来:

connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data.Source="&Server.MapPath(""&db&"")

conn.Open connstr

这条语句打开链接,用到了DSN,本例为“connstr”。

以上两个步骤缺一不可,因为链接对象的创建与打开是两回事,只有打开了才真正可以使用。

三、创建数据对象(Record Set)

ADO中的数据对象通常保存的是查询结果。Record Set是ADO中最复杂的对象,有许多属性和方法。Record Set保存的是一行行的记录,并标有一个当前记录。以下是创建方法:

Set Record Set=Conn.Execute(sqtStr)

这条语句创建并打开了对象Record Set,其中Con是先前创建的链接对象,rs是一个字串,代表一条标准的SQL语句。例如:

rs=“SELECT * FROM shop_books”

Set Record Set=mConn.Execute(rs)

这条语句执行后,对象Record Set中就保存了表tab1中的所有记录。

四、操作数据库

我们通过调用链接对象的Execute方法来将查询结果返回给一个数据对象或进行插入、删除等操作。例如:

  rs=“INSERT INTO tab1 VALUES(1,2)”

  mConn.Execute(rs)

  /执行插入操作

五、关闭数据对象和链接对象

在使用了ADO对象之后要关闭它,因为它使用了一定的服务器资源。通过调用方法close实现关闭,然后再释放它。

  Record Set.close

  Set Record Set=Nothing

  /关闭创建的数据对象

  mConn.close

  Set mConn=Nothing

  /关闭创建的链接对象

4.5目录结构与通用模块

1)目录结构

admin 用于存储系统管理员的后台操作脚本,包括站内公告管理、订单管理、系统用户管理等功能;

PIC\DIGI 用于保存上传的图片;

image 用于存储网页中的图片文件;

user 用于存储注册用户的前台操作脚本,包括用户投诉和注册用户管理等;

2)通用模块

(1)ConnDB.asp

ConnDB.asp的功能是实现到数据库的连接,在文件中引用如下文件:<!--#include file=”ConnDB.asp”-->作为头文件就可以访问数据库。

(2)IsAdmin.asp

IsAdmin.asp的功能是判断当前用户是否是管理用户(即保存在表admin中的用户),如果不是,则跳转到Login.asp,要求用户登录;如果是,则不执行任何操作,直接进入包含它的网页。

(3)IsUser.asp

注册用户在确认情况下,需要通过身份验证。IsUser.asp可以实现此功能。程序从Session变量中读取注册用户信息,并连接到数据库身份验证。如果是注册用户,则程序不执行任何操作(即通过验证,跳过此文件执行其他文件);否则显示提示信息。

(4)upload_5xsoft.inc

upload_5xsoft.inc的功能是提供对上传文件的支持,可以使用它上传商品图片。

4.6 管理主界面与登录程序设计

本程序可分为前台系统和后台系统两个部分。前台系统为注册用户提供的页面,而后台系统则为管理用户提供对系统进行管理和维护的页面。

1)设计管理主界面

登陆模块涉及了五个页面,其中有三幅是一般的htm文件,另外的两幅是asp文件,在这里制作利用的工具是dreamweaver,但是大部分的asp代码还是自己输入的:

1,设定原来已经注册的用户进入的外观:在这里设置了两个文本框,一个超级链接和两个按钮。两个文本框分别用来输入帐号(txtNum)和密码(txtPasswd),超级链接(New)链接到新用户进行注册的页面,两个按钮是用来提交和清除的,用来清除的按钮(cmdReset)直接选择为Reset类型,不过用来提交的按钮(cmdTijiao)并不要选择为Submit类型,而选择的是Normal类型,这是为了在这个按钮的onClick事件中添加代码,并且判断用户的输入是否合法!

图5

 主要代码有

<link href="css/class.css" type=text/css rel=stylesheet>

  <script language="JavaScript">

<!--function checkform(){

if (form1.text1.value ==""){

        alert("请输入用户名称!");

        form1.text1.focus();

        return false;}

if (form1.text2.value ==""){

            alert("请输入用户密码!");

            form1.text2.focus();

            return false;}

form1.submit();}

 

 2,设定新用户登陆的页面外观:一般都是要新用户输入帐号,密码,姓名,及相关的一些信息,在这里我们有五个文本框,一个下拉式列表框和两个按钮,五个文本框就分别是让用户输入姓名,email,帐号,密码,确定密码。但是其中只有用来输入帐号,密码和确定密码的文本框有名字,分别为txtNum,txtPasswd和txtConfirm。提交按钮的名字为cmdTijiao

  3,这一步是设定注册成功后用户所进的页面,

    主要程序代码:1,首先添加原来已经注册用户页面的代码,它主要是处理cmdTijiao_onClick事件,并且判断用户的输入是否合法,在这个例子中要求帐号必须是数字,密码不能为空,代码如下,其中frmRes是这个页面中窗口的名字,窗口的Action指向

http://localhost/regok.asp

 

 cmdTijiao_onClick()
 if frmRes.txtNum.value="" or frmRes.txtPasswd.value="" or (Not IsNumeric(frmRes.txtNum.value)) then
  Alert"请在帐号和密码中输入相应的内容,帐号必须为数字!"
 else frmRes.submit
 end if
end sub

2,添加新用户登陆的页面代码,这些代码是用来处理cmdTijiao_onClick事件的,要求用户输入的帐号必须是数字,密码和确定密码必须相同,这个页面的窗口的Action指向

http://localhost/register.asp

代码如下:

sub cmdTijiao_onClick()
if Not Numeric(frmNew.txtNum.value) or frmNew.txtPasswd.value<>frmNew.txtConfirm.value then
 Alert"输入不正确,请重新输入!"
else frmNew.submit
end if
end sub

3,创建ResJudge.asp文件,这个asp文件的主要功能就是打开存储注册信息的数据库,查找是否有与前面页面提交的帐号和密码相匹配的纪录,如果有,就是注册成功,同时也可以在数据库中查找出这个用户的相关信息来,应允许这个用户进入他所希望进去的页面,如果没有则注册失败,整个代码如下:

html><head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<meta name="GENERATOR" content="Microsoft Fronpage 3.0">
<titile>注册判断</title></head>
<body><%
Num=Request.form("txtNum") "把前面窗口传送来的内容赋给Num和Passwd两个字符串。
Passwd=Request.form("txtPasswd")
dbname="Driver={Microsoft Access Driver(*.mdb)};DBQ="&Server.MapPath("\")"&"\ResDb\Res.mdb;" "dbname是打开数据库要用的
set Cres=Server.CreateObject("ADODB.Connection") "以下是利用Connection对像和Recordset对象联结数据库并查找的代码。
set res=Server.CreateObject("ADODB.Recordset")
Cres.open dbname
res.ActiveConnection=Cres
res.source="Select*from res where 帐号="&Num&" and 密码="&Passwd&";"
res.open
if res.BOF then "如果查找结果为空,那么就说明注册不正确,所以在页面中显示下面的文本/
%><p>注册不正确, 请返回注册页面重新注册!</p>
<%
else “否则就说明注册成功,可以进入浏览页面!
%>
<!--#Include virtual="/success.htm"--> "这里采用了Server Side Include的方法,把允许浏览的页面包含在这个文件里面!
<% res.Close “ 关闭刚才打开的数据库。
end if %>
</body></html>

4,创建 NewRes.asp文件,这个文件的主要功能是把新用户的登陆信息存入数据库,代码如下:<html>
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
 <meta name="GENERATOR" content="Microsoft frontpage 3.0">
 <title>输入数据库</title>
</head>
<body>
<!--#Include virtual="/adovbs.inc">
 “这个被包含进来的文件adovbs.inc是定义数据库对象ADO常量的文件。
<%
 Num=Request.form("txtNum") “把前面主页传送过来的内容赋给Num和Passwd两个变量。
 Passwd=Request.form("txtPasswd")
 Set res=Server.CreateObject("ADODB.Recordset") “打开数据库。
 dbname="Driver={Microsoft Access  Driver(*.mdb)};DBQ="&ServerMapPath("\")&"\ResDb\Res.mdb;"
 sql="select*from res"
 res.open sql,dbName,adOpenKeyset,adLockOptimistic
 res.AddNew “添加新纪录
 res(1)=Num “res(1)代表数据库中的第二个字段,存储的是用户的帐号。
 res(2)=Passwd “res(2)代表数据库中的第三个字段,存储的是用户的密码。
 res.Update “更新数据库/
 res.Close %>
 <p><b><font face=楷体_gb2312 size=5>您的帐号和密码已经注册成功,您现在可以<a href="http://your/index.htm">进入</a>了!</font></p>
</body></html>

5.创建http://localhost/lostpasswd.asp ,这个asp文件的主要功能就是如果用户忘记密码,想找回密码而设的,代码如下:

function checkform(){

if (form1.text1.value ==""){

        alert("请输入用户名称!");

        form1.text1.focus();

        return false;}

return true;}

 

 

4.7相册的设计

4.7.1详细制作过程

Dreamweaver MX 2004版本中增加了Flash Element功能,这使DreamweaverFlash的关联更加紧密了。这个Flash Element究竟有什么特别的呢?它可以帮你方便快捷地制作一个Flash动画版本的图片浏览器!下面我们通过具体的实例来了解这个新鲜玩意。

   详细制作过程如下。

   1.首先在Dreamweaver的菜单栏下找到Flash Element这个功能图标,如图。



   2.选择这个按钮之后,在Dreaweaver中生成一个Flash文件,需要制定这个自制的Flash文件的保存位置。如图



   3.Flash文件在网页中的大小,可以随意调节。现在我们再看看右边Tag面板中CSS的变化,其中增加了ImageLinksImageURLs两个选项。如图


   4.我们制做的电子相册内含的图片在ImageURLs中指定图片的来源位置,如果图片需要指向其它的文件做链接的话,要在ImageLinks添加链接的地址。

   5.我们先定义图片的来源位置,选中ImageURLs,在旁边有一个小图标的下拉菜单,点击之后出现一个对话框,这里我们输入图片的来源位置。如图


   6.如果想要添加每个图片的链接,在ImageLinks中使用同样的操作,在链接设置对话框中它默认了三个指向Macromedia的链接地址,每个地址和图片来源的文件是相对应的,按照顺序输入地址就行了。如图


   7.除了这两项,其它的一些参数设计和电子相册也相关。BgColor是设置相册的背景颜色,ImageCaptions是填写相册名,TitleFont是设置相册名的文字字体,TilteSize是设置相册名文字大小等等。而Transtitions Type是设置图片出场方式的效果,在下拉菜单中有很多特效 。如图


   8.根据上面的步骤,最后制作出来的电子相册效果如下。目前2004安装之后自带的Flash Element只有一个效果,需要更多的效果可以到Macromedia网站上去下载。

4.7.2各页面设计

在系统中存在两种类型的用户,即系统用户和注册用户。系统用户是相册的管理人员,也是同学录的管理人员。只能由Admin用户创建产生;注册用户是同学录的成员,任何访问者都可以注册成为用户。

1)系统用户管理

AdminIndex.asp中,单击“系统管理员”超级链接,将打开AdminList.asp,显示系统管理员信息。

系统管理员所使用到的文件有以下几个:

●系统用户            Admin.asp;

●系统用户信息        Admin_manager.asp;

2)注册新用户

没有注册的用户在网站的主页点击“用户注册”链接,添加注册信息,文件为index.asp。

3)电子相册

photo.asp;文件可以显示照片,用户可以对电子相册进行操作,主要包括下面的内容:

查看缩略照片          photoshow.asp;

添加照片              photoadd.asp;

删除照片              photodel.asp;

修改照片              photoedit.asp;

上传照片              photoupload.asp;

浏览班级相册          photoeview.asp。

本文以ASP为开发技术,以JavaScript为主。以VBScript为辅脚本语言。在学习了基于ASP+ IIS的网络服务器体系结构开发技术,设计完成了关于动态Web技术实现电子相册系统的开发。本文着重讨论了网上相册的具体实现程序,包括用户级别,查看缩略照片、上传照片、修改照片、删除照片、添加照片、浏览班级相册,以及后台相册管理和用户选择等模块的实现,并对整个系统进行了全面的测试。当然,一个完整的网上电子相册系统,还需要有很强吸引力的页面美观效果。这是本文所欠缺的。在用ASP开发在线购物系统时,遇到了各种技术方面的问题,总结如下:

1.     ASP连接ACCESS数据库实现Web页面往数据库添加、删除数据时经常出错。

2.     利用ASP分页技术控制页面分页及每页显示记录的条数的多少,总是设计不好,容易出错,不好控制。

3.     在设计用户登录以及管理员权限上设计不好等。

 

4.7.3程序的设计

代码选析(1.添加照片)

<script language="JavaScript">

<!--

function checkform(){

if (document.form1.PhotoName.value.length==0){

    alert("图片标题不能为空!");

    document.form1.PhotoName.focus();

    return false;

    }

if (document.form1.photo.value.length==0){

    alert("图片地址不能为空!");

    document.form1.photo.focus();

    return false;

    }

if  (document.form1.PhotoText.value.length>200) {

    alert("您发表的留言大于所规定字数!");

    document.form1.PhotoText.focus();

    return false;

    }

    return true;

    }

//-->

</script>

<script language="JavaScript" src="js/gscroll.js"></script>

<link href="css/class.css" rel="stylesheet" type="text/css">

</head>

 

<body background="images/1.GIF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="776" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td colspan="3"><img src="images/top_t.gif" width="776" height="43"></td>

  </tr>

  <tr>

    <td width="138"><img src="images/top_l.gif" width="138" height="39"></td>

    <td width="584" align="right" bgcolor="#666B52"><a href="index.asp"><img src="images/toplogo.gif" alt="<%=#@%>同学录" width="200" height="39" border="0"></a></td>

    <td width="54"><img src="images/top_r.gif" width="54" height="39"></td>

  </tr>

  <tr>

    <td colspan="3"><table width="776" border="0" cellspacing="0" cellpadding="0">

        <tr>

          <td width="120" rowspan="2" valign="top" background="images/left_x.gif"><img src="images/left_img.gif" width="120" height="480"></td>

          <td rowspan="2" valign="top" bgcolor="#F2F2EA"> <div align="center">

              <!--#include file="top.asp" -->

            </div>

            <table width="618" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td> <div align="center"><br>

                    <!--#include file="left.asp" -->

                  </div></td>

                <td width="10">&nbsp;</td>

                <td width="418" valign="top"><table width="400" border="0" align="center" cellpadding="2" class="font1">

                    <tr>

                      <td width="459">您的位置&gt;图片上传</td>

                      <td width="27"> </td>

                    </tr>

                  </table>

                  <div align="center">

                    <table width="400" border="0" align="center" cellpadding="0" cellspacing="0">

                      <tr>

                        <td><table width="400" border="0" cellpadding="0" cellspacing="0" background="images/gnymtbz.gif">

                            <tr>

                              <td width="135"><img src="images/tpsc.gif" width="135" height="36"></td>

                              <td>&nbsp;</td>

                              <td width="100"><img src="images/gnymtyb.gif" width="100" height="36"></td>

                            </tr>

                          </table></td>

                      </tr>

                      <tr>

                        <td><table width="400" border="0" cellpadding="0" cellspacing="0" background="images/n_bk.gif">

                            <tr>

                              <td><form action="photoupload.asp" method="post" enctype="multipart/form-data" name="form1" id="form1" onSubmit="return checkform()">

                                  <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1">

                                    <tr>

                                      <td width="389" align="center"><br> <table width="380" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666B52">

                                          <tr>

                                            <td><table width="100%" border="0" cellpadding="2" cellspacing="1">

                                                <tr bgcolor="#FFFFFF">

                                                  <td width="100" align="center" bgcolor="#E3E3CF"><strong>名  称:</strong></td>

                                                  <td bgcolor="#f1f1eb"> <input name="PhotoName" type="text"height="20" id="PhotoName">

                                                  </td>

                                                </tr>

                                                <tr bgcolor="#FFFFFF">

                                                  <td align="center" bgcolor="#E3E3CF"><strong>图片路径:</strong></td>

                                                  <td bgcolor="#f1f1eb"> <input name="photo" type="file" height="20"id="photo">

                                                    </td>

                                                </tr>

                                                <tr bgcolor="#FFFFFF">

                                                  <td align="center" valign="top" bgcolor="#E3E3CF"><strong><br>

                                                    说  明:</strong></td>

                                                  <td bgcolor="#f1f1eb"> <textarea name="PhotoText" cols="40" rows="8" id="PhotoText"></textarea>

                                                  </td>

                                                </tr>

                                              </table></td>

                                          </tr>

                                        </table></td>

                                    </tr>

                                    <tr>

                                      <td><div align="center">

                                          <input type="submit" name="Submit" value="提交">

                                          <input type="reset" name="Submit2" value="重置">

                                        </div></td>

                                    </tr>

                                  </table>

                                </form></td>

                            </tr>

                          </table></td>

                      </tr>

                      <tr>

                        <td><img src="images/n_foot.gif" width="400" height="10"></td>

                      </tr>

                    </table>

                  </div></td>

              </tr>

            </table></td>

          <td width="38" valign="top" background="images/right_b.gif"><img src="images/right_b.gif" width="38" height="5"></td>

        </tr>

        <tr>

          <td align="right" valign="bottom" background="images/right_b.gif"><img src="images/copyright.gif" alt="程序设计:、 " width="18" height="378" border="0" usemap="#Map">

            <map name="Map">

              <area shape="rect" coords="3,142,16,363" href="http://www.itmaya.com/bbs" target="_blank" alt="程序设计: ">

            </map></td>

        </tr>

      </table></td>

  </tr>

  <tr>

    <td colspan="3"><img src="images/z_f.gif" width="776" height="26"></td>

  </tr>

界面设计(2. 上传照片)

 

4.8后台的管理  

1.通过首页的登陆口登陆,系统判断用户的身份,管理员,信息编辑,社团管理员,社团成员,普通用户等。此时首页的导航栏增加管理一栏,鼠标移到管理上,出现下拉菜单,个人信息管理(和论坛数据共享),及后台管理。      

2.不同用户有不同的后台权限。如信息编辑在后台可以向校园文档中添加文章并编辑他自己的文章。管理员则可以设置各个用户的权限。

3 .社团管理员则拥有批准社团成员,设置成员权限,布置页面风格,增加页面子项的权限,社团成员和普通用户没有后台权限

4.9网上同学录的建立及测试   

  同学录的建立

1.  要设计出一个精美的网站前期工作是必不可少的。一个网页的成功与否,很重要的一个因素在于它的构思,好的创意及丰富详实的内容才能够让您的网页充满勃勃生机。

制作过程

定义站点

1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),取名为fxxy。
    2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站
                    的名称
同学录,在本地根文件夹中选择刚才创建的文件夹(E:\fxxy)。然后确定即可。

创建页面

1、在本地文件夹E:\fxxy下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。
    2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
    3.此时光标位于左上角,输入一句话, “欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。
    4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。

为页面添加图片

1、在本地文件夹E:\fxxy下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,改名为tupian。
    2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片,会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。
    3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。
    4、 “链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。

添加超级链接

1、为文字添加链接。
    在页面上输入需要链接的内容,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。
    2、为图片添加链接
与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。

图片可以创建不同的多个链接。方法如下:
在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。

     4、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会实现文件下载、或是在线播放的功能。

关于表格的其他操作
    ㈠制作细线表格
    原理:1、选中整个表格,设置其背景为黑色(该颜色即表格线的颜色)。
    2、选中所有单元格,设置其背景为白色。

㈡自动格式化表格

1、先制作好一张表格,然后选中。
    2、 选菜单中的命令/格式化表格。即可以其中选择预设好的一些表格样式。

㈢一像素分割条

1、 插入一个1行1列,宽为200像素,边框边距均为0的表格。
    2、 选中表格,设置表格高为1像素,并设置一个背景色(即所要的线条颜色)。
    3、 切换到代码和设计窗口,将代码<td>&nbsp;删除。

用表格构建完整的页面

㈠网页顶部
    1、 创建一个1行2列,宽为760像素,边框及边距均为0的表格。
    2、 选中表格,设置排列方式为居中对齐,背景色为#3366CC。
    3、 将光标置于左边单元格中,设置其水平排列为左对齐,垂直排列为顶端对齐,然后插入一张图像,一般在此插入的是网站的图标,即logo。
    4、 将光标置于右边单元格中,设置其宽度为500,水平排列为居中对齐,垂直排列为中间,然后插入图像,一般是网页广告,即banner。
    5、 将光标置于刚完成的表格之后,插入/表格,创建一个1行1列,宽为760像素,边框及边距均为0的表格。
    6、 选中刚创建的表格,设置排列方式为居中对齐,背景色为#005173。
    7、 在该表格中依次插入多个图像,作为导航条菜单。

用布局表格构建完整的页面
    1、 单击插入/布局,里面的布局视图按钮,就切换到布局视图状态。也可以用菜单里的查看/表格视图/布局视图来进入。
    2、 先单击绘制布局表格按钮,然后在页面中像绘图一样创建出布局表格。
    3、 就像上一个例子一样,先绘制好网页的顶部,再中部,再底部的大表格。
    4、 再单击绘制布局单元格按钮,然后在已经绘制好的布局表格中,再绘制布局单元格。
    5、 返回到标准视图,在已经划分好的表格里,再插入嵌套的小的表格,把页面再细化,就可以完成整个页面的设计了。
层的使用
    1、点击插入/层。也可以点击图标,然后拖动鼠标创建出一个层。
    3、 选中创建的层,看属性面板。“层编号”和“标签”都使用默认即可。“层编号”是编程时需要用的,我们现在一般不用。“上”即距页面上边界的距离;“左”是距左边界的距离。“z轴”是层的顺序,数字大的叠加在数字小的上面。  
    4、 点中层左上角的小方框可以随意拖动层,大小也可以调节。
    5、 “溢出”一栏中,当文字多于层的大小时,visible(超出的部分照样显示)、hidden(超出部分隐藏)、scroll(不管有否超出,都显示滚动条)、auto(有超出时才出现滚动条)。
    6、 点击菜单窗口/其他/层,此时将出现层管理窗口。可以在其中修改层的名称和Z轴值,也可以点击眼睛图标使层可见或不可见。还有一个防止重叠的选项。
    7、 层的对齐。按住shift键,同时选中几个层。然后用修改/对齐,用这里的选项。
    8、 嵌套层。
首先在文档中插入一个层。将光标置于该层内,然后继续插入一个层,就得到了嵌套层。里面的叫子层,外面的父层。它们的Z轴顺序是一样的。拖动父层时,子层也会相对移动。移动子层时,父层不会随之移动。

创建CSS样式表
    1、在网页上输入一些文字。
    2、打开“CSS样式”面板,也可以用“窗口/CSS样式”打开。
    3、面板下方有四个按钮,分别是附加样式、新建样式、编辑样式、删除样式。
    4、点击“新建样式”,打开对话框。输入名称,注意名称前有一个点号。如取名为.zi(中文名不行)。类型:创建自定义样式,定义在:仅对该文档。
    5、此时再打开一个对话框,在左边的分类里选择“类型”,然后在右面设置字体为宋体,大小为14像素,颜色任意。然后确定。
    6、选中页面上的文字,然后点击窗口里的样式.zi。此时这段文字就应用了CSS样式。
    7、如要对刚才定义的CSS样式进行修改,可以点中它,然后点下面的编辑样式按钮。

创建动态链接样式表

1、点击“新建CSS样式”对话框,在“定义在”一栏选择“仅对该文档”,在“类型”一栏里选择“使用CSS选择器”。
    2、当样式表类型选择“使用CSS选择器”时,下拉菜单的名字变成了“选择器”,表示输入内容为CSS选择符,单击下拉按钮,可以看到动态链接的4种状态。
a:link——超级链接的正常状态; a:visited——访问过的超级链接状态。
a:hover——光标移至超级链接上时的状态; a:active——选中超级链接的状态。

   3、接下来对这几种状态分别设定,首先从下拉菜单中选择a:link,点击“确定”按钮后弹出样式表设置窗口,设定该样式无下划线,颜色为#FF6600(橙色)。
    4、 用同样方法设定a:visited,设定其为无下划线,颜色为#FFFF00(黄色)。
    5、 接下来设定a:hover,设定其为有划线,颜色为#FF6600(橙色)。
    6、 a:active不用设置,它会自动依照a:hover而定。
    7、 在网页上输入一句话,在属性面板中设定它的链接为“#”。即可。

注意:必须按照这样a:link、 a:visited 、a:hover 、a:active的顺序来设置,否则不会出现预期的效果。

如果我们需要一个页面上有两个或更多的链接效果,可以用以下方法:

1、 点击新建样式按钮,样式类型选“使用CSS选择器”,在“选择器”一栏里,直接输入a.link2:link,接着设置a.link2:link为红色无下划线。
    2、 继续定义下面两个样式。
名称都直接输入,分别设定它们为a.link2:visited,紫色无下划线。 a.link2:hover,蓝色有下划线。
    3、 此时在“CSS样式”选项下多了一个名称为link2的自定义样式。
    4、 在页面中输入一段话,为它添加一个#链接,选中这个链接,然后点击样式表窗口中的样式link2,将此样式应用在该链接上。
    5、 同样方法可以制作同一页面上的不同链接格式。

为保持一种风格,同一页面上不宜建立过多的链接样式。

外部样式表

在不同的页面中应用相同的样式表。
    1、 新建样式表,取名,然后类型选“创建自定义样式”,定义在选“新建样式表文件”。
    2、 确定后,打开保存外部样式表的窗口。然后把它保存到本地站点中即可。
    3、 此时,可以看到样式表窗口中新增了一个样式表文件,文件的后缀名为css
    4、 如果当前页面中的一个内部样式表要导出为外部样式表文件,以便供其他页面使用,可以点击样式表窗口右上角的灰色的图标,选“导出样式表”,此时可以为样式取名和保存为一个外部文件。
    5、 当其他页面需要使用外部样式表时,可以点样式表窗口中的第一个按钮“附加样式表”,打开窗口,然后选择外部样式表文件,在添加为里选“链接”,确定即可。

其他CSS
CSS里的背景,是设置文字背景、表格背景图等。
CSS里的区块,是指设置文本的文字间距、对齐方式、下标、上标、排列方式等。
CSS里的盒子,是指设置图片和文本内容之间的空白距离,以及图文混排的方法。
CSS里的边框,是指设置表格文本区、按钮等的美化。
CSS里的列表,是指设置列表项样式。即那种提纲式的一段话。
CSS里的定位,是指设置页面中图片的相对和绝对定位。
CSS里的扩展,其中的光标,可以设置光标的样式,可以设置为hand(手型)、crosshair(十字型)、text(“I”型)、wait(等待型)、default(默认型)、help(帮助型),还有各种方向的箭头型。
****CSS里的扩展,其中的过滤器,可以用来做CSS滤镜特效,即用来加工图片的透明、发光等。但效果不太明显,还是用专门加工图片的软件来完成比较好。

 

第五章、设计总结     
一、网络环境下的班级管理的内涵及其特点

班级网络管理,是指在局域网或广域网上开展一系列班级管理活动。这种活动必须围绕现代班级管理思想、目标和内容来开展,是传统班级管理工作的延伸和补充,也是班级管理现代化发展的必然趋势。班级网络管理通过网络课堂、电子学档、网上班队活动、虚拟社区、网上咨询、在线讨论、网上家长学校、网上德育基地等途径来实现班级管理目标。

网络环境下的班级管理的特点主要体现在以下几个方面:

(一)开放性。班级网络管理是一种开放性班级管理。未来的班级将趋于一种没有明显的教室界限,以数据库为中心,通过互联网连通学校、家庭、社会的开放式班级管理将形成。任何人都可以是受管理者,也可以是管理者。

(二)交互性。交互性是班级网络管理的一大特点,人们可以通过网络进行一对一、一对多和多对多的交流,受管理者可以在“网上论坛”或“在线指导”上发表自己的思想观点,大家一起讨论。管理者或教育者也可以针对某一专题预先设计好问题与答案,当受教育者访问该专题时,实现人机对话。由于这种交互的不可见性,可以使受教育者说出自己的思想观点,这是传统班级管理工作无法比拟的。

(三)趣味性。集文字、声音、图形图像和影视于一身的多媒体技术,给我们的网上班级活动带来了无穷无尽的乐趣。网络使学生变得轻松起来,学生可以通过课件来了解教育内容,甚至可以通过游戏来体验。

(四)能动性。在网络上开展班主任工作,受教育者是自由的,他们可以根据自己的实际情况去选择自己想要感受的教育内容,而不是由教育者指定和强迫他们去接受教育。因此更容易调动他们接受教育的主动性,更容易发挥他们的能动作用,也有利于受教育者的个性发展。

 

二、班级网络管理是现代班级管理的客观要求

弘扬人的主体性,增强人自主管理品质与能力是现代社会对人的客观要求。培养学生的主体意识,提高学生的自主性、积极性、创造性等方面的品质与能力,以人为本,实现人的主体性发展是现代管理的主旨。以“主体性发展”取代传统“规范制约性教育管理”,班级管理必须由传统封闭式、规范制约性转变为以个性发展和主体性人格的自主生长为目的。开放式、自主性发展,已是我国当前教育工作者的共识。主体性发展解决四个层面的问题:一是关注学生发展的内在需要;二是重视学生内在动机、情感和个性方面的发展;三是强调学生的自我意识;四是容纳学生个性发展的独特性,最终实现由防范控制型向自主建构型的转变。

班级网络管理恰恰符合班级管理改革的方向。班级网络管理在功能上的特点主要有:教育内容多媒性、活动资源多源性、管理自主性、活动合作性、组织虚拟性、主体平等性、身份隐蔽性等。班级网络管理过程中主体地位突出、自主意识高度发挥。强调了教育者和受教育者双方的互动,使学生由被动的灌输对象变成了自主选择对象。

实施学校班级网络管理,并不是对传统班级管理途径的否定和替代,学校传统班级管理途径还是有其优点的,主要表现在,活动组织化程度高、统一安排,教育管理严格,评价机制完备等方面。

 

三、网络环境下的班级管理的途径

 () 构建网上班级

网上班级同学录实际上是运用网络技术构建的一个虚拟社区。虚拟社区(virtual community)常常也称作网上俱乐部CLUB,一般由具有共同兴趣及需要的人们组成,借助于网络,他们能够与兴趣、观念相似的人分享一种社区环境的感觉。虚拟社区并非是一种空间组织形态,它一般包含的功能主要有:BBS、社区通信、会员列表,在线聊天、成员像册等,它尽量提供现实社区所能够提供的各种交流和服务手段。构建网上班级这一虚拟社区,使班主任工作与学生的个性意识互动,创造性地营造班级文化,塑造班级形象,以此来促进班级建设和学生的成长。构建网上班级有利于引导学生在网络交往中正确认识自己、他人和班级,增强班级凝聚力和认同感。可以说,网上班级的良性运作是良好班级形象的重要内容,反过来也有利于学生的成长。

现实的班主任日常管理,必然要与学生面对面交流,虽力求平等对话,但有时会在学生心理上造成居高临下的压力,这种心理压力是无形的。由于网上班级是虚拟的,以网络为媒介,通过班级BBS交流则消除了这种面对面心理压力,使学生敢说敢言,真正实现了师生平等交流,真正将自己看成是班级的主人,班级成功就是自己的成功,班级的荣誉就是自己的荣誉。这样可以很好地凝聚起班级所有同学的人心,使他们有很强的班级认同感,从而展示出独特的班级心理氛围。

网上班级还是一个同学间相互交流的平台。在现实学习生活中,男女同学之间,由于性生理、心理的发展和不成熟,可能有两种倾向,一种是交往更加专一的“早恋”倾向,另一种是相互排斥的互不往来,男女生不愿在公众场合坐在一起交流思想,即使是探讨学业上的难题。还有一些同学由于相同的志趣,可能会形成一些交往的小群体(圈子),这样的小群体交往面是狭窄的,有的对班级管理有正向作用,有的则会有负向作用。而网上班级的构建,同学之间的交往将更加自由,缓解了心理的闭锁性,拓宽了交往面,加深了同学间的了解,一旦形成健康向上的班级舆论,班集体的教育功能将得到充分发挥,对于形成良好班级文化氛围、促进班级面貌改变是有积极作用的。

(二)建立学生电子学档

过去我们在评价时一直强调量化,但是今天,随着评价内容的综合化,以量化的方式描述、评定一个人的发展状况,则表现出僵化、简单和表面化的特点,学生发展的生动活泼和丰富性、学生的个性特点、学生的努力和进步都被泯灭在一组组抽象的数据中。鉴于量化评价方法的这些缺点,新课程大力倡导质性评价的方法。一方面,质性评价方法通常记录了学生的各种行为表现、作品或者思考等描述性的内容,而不仅仅是一个分数。它不仅具体直观地描绘出学生发展的独特性和差异性,而且较好地全面反映了学生发展的状况。另一方面,质性评价方法多以描述和记录为主,即可真实、深入地再现学生发展的过程。相比之下,量化的评价方法则更多地表现为数字,反映的是学生发展的结果,新课程强调关注学生的发展过程,那么质性评价方法无疑提供了非常有效的评价手段。电子学档就是一种重要的质性评价方法。

电子学档是指在信息技术环境下,学习者运用信息手段表现和展示学习者在学习过程中关于学习目的、学习活动、学习成果、学习业绩、学习付出、学业进步以及关于学习过程和学习结果进行反思的有关学习的一种集合体。主要内容包括学习作品、学习参与、学习选择、学习策略、学习自省等材料,主要用于现代学习活动中对学习和知识的管理、评价、讨论、设计等,主要由学习者本人在他人(如教师、学伴、助学者等)的协助者完成,档案的内容和标准选择等必须体现学习者的参与。电子学档不是为辅助教师的教学活动而设计开发,它是为了表达教师和学生的创新思想、问题解决的结果或某个想法而设计和制作的。电子学档是以学为中心的教学活动的产物,是创新教育思想在学校课堂教学中的体现。

在电子学档中,计算机网络技术起了很大的作用。使用文字处理系统写出的文章和学生自己制作的多媒体文稿也可以组成一个档案袋;多媒体技术也可以为档案袋的创建提供条件和环境,储存和组织学生的工作,扫描艺术图片,保存声音文件;可以将作品上传到网上,教师、学生和家长都可以对这些作品进行评价。电子学档较传统的档案袋有很多优势:( 1 )电子学档可以让学生只通过一个例子就能对自己的学习过程进行多角度的回顾和反思;( 2 )学生可以随时修改、删减或添加电子学档中的内容;( 3 )电子学档可以把大量的内容进行压缩,这样浏览起来就比较方便。

(三)组织网上主题班队活动

   传统班队活动,通常是班级同学、老师围坐在一起,在黑板上写好主题活动的名称,节目一个接一个演,活动一个接一个按部就班地进行。往往是由老师一手策划,队员在活动中的参与率较低。在这样的活动中,学生的主体性得不到发挥,学生参与的积极性大打折扣,活动很难达到预期的效果。班队形式一成不变,学生很快就会厌倦,班团活动因此缺乏吸引力。校园进入了信息时代,网络文化赋予班队活动新的意义,信息时代特有的工具给单调的班队活动形式带来了勃勃生机。

所见问题:

1:如何改变页面结构,日记本、文章、留言本、相册的风格?
答:改变页面结构很简单,在管理模式下,点页面编辑,在里面可以选很多种结构。改变日记本、文章、留言本、相册的风格在管理模式下,点日记本、文章、留言本、相册上面的编辑,在弹出的对话框里可以更换更种风格,当然有些仅限VIP会员使用。
    2
、我的主页可以上传音乐吗?
答:可以,但仅限是小于2MFLASH。如果是MP3或是其它格式的音乐不支持上传。
    3
、我的主页可以上传文件或是网上下载的模板吗?
答:ANYP提供的空间不支持文件上传或是ASP上传,但可以上传图片或相片。
    4
、为什么我的相片或图片不能上传?
答:ANYP支持上传的图片公限为GIF或是JPG格式的图片,如果你的图片格式不是这两种的请用图片处理软件进行调整图片格式。
    5
、如何让页面内容适合各种分辨率?
答:就是你们加内容时系统不是默认靠左吗?要解决这个方法很简单,你先建一个1*1的表格,把边框设为零,然后把内容加到表格里,设表格居中显示,这样可以让内容比较整洁。第二个方法就是把结构设为国字结构,只在中间内容,这样显示出来的效果是居中的,呵!还有一个方法就是用代码定位,那样不受结构的限制,就是<DIV>,呵!这个要多磨练才能学会。

6、在800*600怎么网页变大了?
答:ANYP自带的模板是合任何分辨率的,不过也有两个模板是按800*600进行设计。当你的模板在1024下是满屏时在800下是会变大的。如果你经常用800*600建议你更换一个适合800*600的模板。

                   

 

                   

 

 

 

 

 

   谢

 

 

本设计的完成得到了杨艳等老师的耐心指导和帮助,还得到帮助我的老师和同学们的关心,尤其是得到了其它两位同学的共同合作,我们的设计才能顺利的、较好的完成。

对于以上关心和帮助过我的老师、同学们表示衷心的感谢。当然我的设计还存在有许多不足之处,希望大家给予批评指正。


 

 

 

参考文献

 

[1] 李重九,电子商务教程[M]. 浦东电子出版社,2001年.

[2]  唐伟,电子商务教程[M].   中国水力水电出版社,2002年.

[3]  许卫林等,VBScript+ASP动态网页制作[M]. 中国电力出版社,2001年.

[4] 彭建翔,CSS2网页结构建筑师[M]. 中国铁道出版社,年.

[5] 石志国,ASP动态网站编程[M]. 清华大学出版社,2001年.

[6] 邓文渊等,ASP与网页数据库设计[M]. 北京:中国铁道版社,2001年.

[7] 杨皓等,ASP步步高[M]. 北京:机械工业出版社,年.

[8] 汪晓平等,ASP网络开发技术[M]. 北京:人民邮电出版社,年..

[9]  肖健等,ACCESS 实践与提高[M]. 电力出版社,2001年.

转载于:https://www.cnblogs.com/hezq/archive/2007/08/31/9840148.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Internet目前世界最大计算机互联网络,它遍布全球,将世界各地各种规模网络连接成一个整体。作为Internet上一种先进的,易于被人们所接受的信息检索手段,World Wide Web(简称WWW)发展十分迅速,成为目前世界最大的信息资源宝库。近年来,随着网络用户要求的不断提高及计算机科学的迅速发展,特别是数据库技术在Internet中的广泛应用,Web站点向用户提供的服务将越来越丰富,越来越人性化。 由于现在网络技术逐渐渗入到社会生活的各个层面,所以基于Web技术的学习论坛系统可以借助于遍布全球的因特网进行,因此具有很大的灵活性。学生可以根据自己的情况自主地选择学习论坛的版块,进行发帖以便于更进一步学习和用户彼此相互沟通。此学习论坛中数据库服务器端采用了Microsoft Office Access数据库作为ODBC(Open Database Connectivity )数据源,使Web与数据库紧密联系起来。目前很多大学都有了自己的学习论坛,它实质上是在线留言系统的升级版,提供了更为复杂的功能。对于一个在线学习论坛系统来说,它具备以下功能:  信息发布功能:用户可以在系统上发布信息。  信息显示功能:用户发布的信息能够在系统上显示。  版面划分功能:系统能够按要求设置多个不同的版面,方便用户发布以及浏览系统。  积分显示功能:注册会员后系统将给予积分的分配,用户随时可以查看自己的可用积分。  信息控制功能:为防止用户在系统交流时发布非法言论,系统可以方便地将非法信息删除。  系统管理功能:管理员能够对发布的信息进行管理控制,以免出现违法信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值