班级网站的设计
[摘要] 步入21世纪以后,网络成了我们生活中必不可少的元素,于是各种各样的网站便如雨后春笋般地出现。在商业网站越来越多的今天,像学校网站、慈善网站等社会公益网站也不能忽视其发展,于是我们就以大学校园生活为主题制作了一个学校类的公益性团体班级网站。
[关键词 网站;建设;运行
1 引言
现代教育技术的发展深刻地影响着教育现代化进程和“科教兴国”战略的具体落实,也关系到在21世纪的国际竞争中,我国在人才竞争方面的地位。在面向21世纪的教育改革中,“现代教育技术是当代教育的制高点,谁抢占了这个山头,谁就能在下个世纪中处于有利位置。”从具体的课堂教学来看,现代教育技术的运用有利于激发学生的学习兴趣、调动其内在的学习动力,有利于因材施教,提高课堂教学的教学效率、减轻师生负担,有利于提高教师个体教学的质量;有利于及时进行教学反馈与矫正,有利于促进学生的智力发展。在大学、高中、初
中、甚至连小学的班级都开展了建设班级网站来进行网上信息交流。让学生们开发自身潜力提供机会均等;也是一种现代教育技术的创新。
2 网站概述
2.1班级的简介
计0327班是隶属于长沙民政职业技术学院电子信息工程系的一个班级,专业是信息管理。班级共有成员41,其中男生13名,女生30名。我们来自不同的省市,为共同的目标走到一起,组成了一个班集体。计0327班设有班级委员会与团支部。
   
2.2班级网站和成员的简介
计0327班的班级网站,整个网站由七个部分构成,分别是(班级简介、班级相册、班级通信、班级留言、文乐空间、论坛社区、休闲天地)等构成。网站分为前台与后台两个模块,前台实现界面的功能,后台则实现数据库处理。
2.3选题的目的和意义
我们是毕业班的学生,马上就将走上社会了,大家都各奔前程。以后大家见面的机会将少些,为了方面同学们信息沟通。创建班级网站便于同学们在网上进行信息交流以及增加课外知识的学习。
3 开发模式、工具及环境
3.1开发工具
针对以上要求,我选用了以下网页制作工具开发:
1、 Dreamweave  MX
Dreamweave  MX是专业网制作标准软件,新版本Dreamweave  MX更是集成了动态网页制作的功能,使之在网页制作领域地位无人可及。采用此软件来进行网页的排版和各页面的链接。
2、Microsoft  Access
Microsoft Access是一种关系式数据库,关系式数据库由一系列表组成,表又由一系列行和列组成,每一行是一个记录,每一列是一个字段,每个字段有一个字段名,字段名在一个表中不能重复。采用此软件来创建数据库,而且进行数据库表与ASP进行链接。
3、Active server  page(ASP) 3.0
ASP 的英文全称是Active server  page,翻译为中文就是动态网页。ASP 是对Web服务器的增强,ASP 使原来HTML 网页只是浏览器从Web页面的工作方式有所改变。采用此软件来对网页进行动态增加、删除等功能。
4、Flash MX
  Flash是近些年才出现的一种新的事物,他是由美国的MACROMEDIA公司推出的一款多媒体动画制作软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画方便地融合在一起,以制作出高品质的动态效果,或者说是动画。采用此软件进行页面的动画的制作,来增加页面的美观。
5、Adobe Photoshop 7.0
网站制作工具
Photoshop 7.0是优秀的图象处理软件,一直占据着图象处理软件的领袖地位,是平面设计、建筑装修设计三维动画制作及网页设计的必用软件。采用此软件来处理页面中的图片和文字。       
3.2 开发环境
要运行本系统,须提供如下环境:
1、硬件要求
CPU:PentiumⅢ733或以上之IBM 兼容机;
内存:128MB或以上容量;
显卡:16MB或以上显存之AGP接口绘图卡;
硬盘:至少100MB剩余空间。
2、软件要求
操作系统:Microsoft Windows 2000/XP/2003简体中文版;
信息服务器:Microsoft Internet Information Services (IIS) 5.1/6.0;
数据库:  Microsoft Access 2000/XP/2003简体中文版;
开发工具:Microsoft Visual Studio 6.0
Macromedia Dreamweaver MX 2004简体中文版;
文档工具:Microsoft Word 2000/XP/2003简体中文版;
图片工具:Adobe Photoshop 6.0/7.0/CS简体中文版。
4 概要设计
4.1 模块划分
班级网站模块划分为:班级简介、班级相册、班级通信、班级留言、文乐空间、论坛社区、休闲天地等七个模块组成。
4.2 客户端功能描述与实现
1、分类浏览
浏览的方式分为两种:一种是游客只能浏览网站一部分内容,而当游客用户后注册则可以浏览全部的。
2、信息查询
此功能模块应提供用户进行分类查询和高级查询。分类查询是根据内容的分类,如:班级同学联系信息、班级通知、同学留言查询等等。高级查询则可以让顾客自由选择查询条件,如按的日期查询,按时间查询等等。此功能模块是本网站中最基本,也是最常用的功能,应尽量将此模块功能细化,界面尽量做到美观大方,以求最大限度的方便同学的查看。此功能所有身份都可用。
4.3 班级网站流程图
直接进入网站
(无需登录)
网站主页
                                                                                                                                             
                                                         
登录失败
提交
留言
用户
登录
                                               
登录成功
班级简介
班级相册
班级通信
   
班级留言
文乐空间
论坛社区
休闲天地
退  出
图1
5 详细设计
5.1 主页图片处理
图2
如上图所示,用photoshop 7.0软件来加工处理这张主页背景图片以及文字的修饰。
5.2 动画设计
用Flash MX 软件来完成动画按钮的制作,通过用鼠标停留在图标时间长短然后圆圈渐渐变大然后渐渐变小,这样循环播放,给人产生一种幻想,就像石头掉进水池里产生一圈圈的
水波,那水波只能向外扩散,而这个动画圆圈是由内向外,由外向内循环运动。以及班级网站四个不同颜的动画字体在主页上自动循环播放。给主页增加了生动的感觉。如下图所示,为动画运行的一个连续过程。