2022年班级网站设计 .pdf
1 班级网站的设计摘要步入 21 世纪以后, 网络成了我们生活中必不可少的元素,于是各种各样的网站便如雨后春笋般地出现。在商业网站越来越多的今天,像学校网站、 慈善网站等社会公益网站也不能忽视其发展,于是我们就以大学校园生活为主题制作了一个学校类的公益性团体班级网站。关键词网站 ; 建设 ; 运行1 引言现代教育技术的发展深刻地影响着教育现代化进程和“科教兴国” 战略的具体落实,也关系到在21 世纪的国际竞争中, 我国在人才竞争方面的地位。在面向 21 世纪的教育改革中,“现代教育技术是当代教育的制高点,谁抢占了这个山头,谁就能在下个世纪中处于有利位置。 ”从具体的课堂教学来看,现代教育技术的运用有利于激发学生的学习兴趣、调动其内在的学习动力,有利于因材施教,提高课堂教学的教学效率、减轻师生负担,有利于提高教师个体教学的质量; 有利于及时进行教学反馈与矫正,有利于促进学生的智力发展。在大学、高中、 初中、 甚至连小学的班级都开展了建设班级网站来进行网上信息交流。让学生们开发自身潜力提供机会均等;也是一种现代教育技术的创新。2 网站概述2.1 班级的简介计 0327 班是隶属于长沙民政职业技术学院电子信息工程系的一个班级, 专业是信息管理。班级共有成员41,其中男生13 名,女生30 名。我们来自不同的省市,为共同的目标走到一起,组成了一个班集体。计0327 班设有班级委员会与团支部。2.2 班级网站和成员的简介计 0327 班的班级网站,整个网站由七个部分构成,分别是( 班级简介、班级相册、班级通信、班级留言、文乐空间、论坛社区、休闲天地) 等构成。网站分为前台与后台两个模块,前台实现界面的功能, 后台则实现数据库处理。2.3 选题的目的和意义我们是毕业班的学生,马上就将走上社会了,大家都各奔前程。以后大家见面的机会将少些, 为了方面同学们信息沟通。创建班级网站便于同学们在网上进行信息交流以及增加课名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页,共 7 页 - - - - - - - - - 2 外知识的学习。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;名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页,共 7 页 - - - - - - - - - 3 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 班级网站流程图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页,共 7 页 - - - - - - - - - 4 图 1 5 详细设计5.1 主页图片处理提交留言用户登录退出直接进入网站(无需登录)网站主页班级留言文乐空间论坛社区休闲天地班级简介班级相册班级通信登录失败登录成功名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页,共 7 页 - - - - - - - - - 5 图 2 如上图所示,用photoshop 7.0软件来加工处理这张主页背景图片以及文字的修饰。5.2 动画设计用 Flash MX 软件来完成动画按钮的制作,通过用鼠标停留在图标时间长短然后圆圈渐渐变大然后渐渐变小,这样循环播放, 给人产生一种幻想,就像石头掉进水池里产生一圈圈的水波,那水波只能向外扩散,而这个动画圆圈是由内向外,由外向内循环运动。以及班级网站四个不同颜色的动画字体在主页上自动循环播放。给主页增加了生动的感觉。如下图所示,为动画运行的一个连续过程。5.3 页面间的链接1、实现代码如下: 班级简介 班级 相 册 班级通信 班级留言 文乐空间名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页,共 7 页 - - - - - - - - - 6 论坛社区 休闲天地 2、用“ Macromedia Dreamweaver MX 2004简体中文版”软件进行各页面之间的链接。(1)打开新建的文件插入做好网页背景图片,在图片上插入几个表格,进行等分,把做好的Flash 图标按钮插入进来,在每个动画按钮下面输入每个动画将代表的分页名以及链接。还要对插入进来的Flash动画图标按钮进行参数的设置。 (参数: wmode,值:transparent)这样预览的时候与主页背景同色。不会显示Flash 动画图标白色的区域。增加了主页的美观。(2)插入好Flash 动画按钮之后,分别把它们下面的名称链接到它们各自主页文件名上。 (如:班级简介banjijianjie.htm)(3)在浏览器中预览时点击Flash 图标按钮或者链接的文字区域都可以访问到各个分页面上。6 结束语计 0327 班的班级网站是以一个班集体为主。网站里面的内容都是涉及到同学们平时学生、生活、社会活动信息,方便了师生们在班级网站进行各种学习文化的交流。参考文献1 谭浩强 . 网页编程技术.清华大学出版社,2004 2 白煜 . Dreamweaver 网页设计( MX版)案例教程.清华大学出版社,2004 3 天一勇 . Flash MX 动画设计与编程. 电子工业出版社,2004 4 源泉计算机工作室.Photoshop 7.0创作百例与实用技巧. 机械工业出版社,2004致谢感谢我的导师XXX老师,他严谨细致、一丝不苟的作风一直是我工作、学习中的榜样;他循循善诱的教导和不拘一格的思路给予我无尽的启迪。感谢我们这组的XXXX等同学对我的帮助和指点。没有他们的帮助和提供资料对于我一个对网站建设一窍不通的人来说要想在短短的2 个月的时间里学习到网站建设知识并完成毕业论文是几乎不可能的事情。在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页,共 7 页 - - - - - - - - - 7 可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意!名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页,共 7 页 - - - - - - - - -