学校网站的规划与设计
校全购大学生自己的购物网https://www.wendangku.net/doc/287588577.html,
https://www.wendangku.net/doc/287588577.html,
【摘要】本文首先介绍了建立本网站的意义。具体阐述了本网站的整体规划与设计情况,其中主要包括用Dreamweaver制作页面。该网站程序的前台开发采用ASP技术,后台数据库采用Access数据库,充分利用ASP在应用程序的设计和开发上具有灵活和效率高,及语言相容性高的特点,可以用它来创建、运行交互式高性能的Web Server应用程序。新世纪网站过程涉及了网站建设中的立意、策划、页面设计以及后台运行的程序等问题。基本阐述了一个网站的制作流程和应该予以重视的问题要点。该设计由一个主页面和若干子页面以超链接的形式出现,各子页面之间也有联系,所以,可以随意转换界面以浏览整个网站。
【关键词】网页、Dreamweaver、Asp、数据库
1绪论
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。制作网站是企业和个人的宣传自己的重要手段,同时也是学习者获取学习信息的重要渠道。尤其是在教育领域,在素质教育与终身教育成为必然的今天,人们对信息的需求有了更新,更高的要求,而网站由于本身所具有的信息量大,传递快速,没有时空限制等特点恰好满足这种要求。所以网站也逐渐成为一种新兴的教育资源。也正是由于网络实现网站的数据信息能够进行实时交互,保证网站数据的实时性。Internet上发布信息主要是通过网站来实现的,获取信息也可以按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
1.1设计思想
学校网站是学校的“商标”,在这个高度信息化的社会里,建立自己学
校网站是最直接的宣传手段。凭借学校网站,学校就可以一目了然地展现在广大师生家长面前。学校网站是实现教育资源分配的桥梁。网络有巨大的教育资源库,它集合全社会的力量,使教育资源无限增长。学校网站能提供教学互动的全新方式使得教师与教师、教师与学生、学生与学生、教师与家长之间的交流有更互动的方式。学校网站能够提供个性化学习的平台,不同的学生理解世界的方式各不相同,网络提供的丰富资源可以使学生寻觅不同的教育方式,各取所需。通过学校网站,可以全面展示学校的风采风貌,重大活动安排及发布。网站具有文章、图片、下载、用户等信息模块,具有较强的实用性。预设了学院首页、学院新闻、学院文章、学院风采、学生留言、选择风格等学校网站常用的栏目。通过学校网站可以充分体现学校的办学特色和师资优势。
1.2开发工具的选用及介绍
基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序,并且应是一个可视化的工具。我们采用了Dreamweaver进行开发,它是用来快速创建数据驱动Web应用程序的基于团队的开发环境,支持ASP。
Photoshop:photoshop可以对图像进行图像编辑、图像合成、校色调色及动态效果。利用photoshop可以对自己网站的网页进行有效的处理,以便达到自己想要的结果。
所以我选择了Dreamweaver和Photoshop来制作网站!
1.3建立校园网站的目标
■信息资源共享;
■学校管理系统的信息化、自动化;
■创建学院网站,使之成为对外宣传的重要窗口,让世界了解我们,提高学院的知名度;
■为广大师生提供宽松,开放、易用的网络环境,使网络触入日常工作和生活中,发挥网络的最大效用;
2网站总体分析与设计
2.1网站系统分析
根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:
●学院首页:通过学院首页可以看到学院的各类分布情况。例如:会员登录、统计信息、学校的公告等,每条新闻的标题被做成一个超链接,只要点击它们就能跳转页面进行新闻阅读
●学院新闻:通过新闻、生动活泼的教育教学栏目来展现。通过公告栏、信息查询等栏目来实现。
●学院文章:通过学校简介等版块可以看到学校的整体风貌,将学校立体地展示出来。让外界更好的了解学校。
●学院风采:通过图片新闻、精彩壁纸等内容展现校园生气蓬勃,学生都朝气勃勃。
●学生留言:通过学生留言可以更好地完善学校,进一步提高学校的教学质量。
2.2总体设计
◆采用某种设计方法,将一个复杂的系统按功能划分成模块的层次结构;
◆确定每个模块的功能;
◆确定模块间的调用关系;
◆确定模块间的接口,即模块间传递的信息;
◆评估模块划分的质量及导出模块结构的规则;
根据以上原则,加上本系统所开发的实际情况,所以对本系统的模块进行了详细的划分,本系统共分为前台和后台两个主要部分。
2.3 主页设计
网站主页采用静态的方式,体现学校的盎然生机。学校风采,优点特色,信息发布,对于这些效果,就得利用ASP与数据库的技术,建立数据库,查询管理系统等。
主页结构如图1所示:
图1
本网站后台管理的主界面是Admin\Index.asp,它的功能是显示新世纪校园网站主页。可以根据网站的需要,进行各种方式的插入,自动更新.如显示栏目导航,显示某栏目的最新N条新闻等. 使用新闻文章管理系统制作网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻文章的栏目或内容。一般用户可以通过直接点击新闻标题对感兴趣的新闻进行浏览。
3详细设计
3.1界面设计
在网站首页中有“学院风采”的版块,网站管理员在网站首页左上角部分会员登陆窗口中只要输入正确的用户名和密码就可以进入,从而进入后台
管理页面进行操作。看到的“学院风采”界面效果如图2所示:
图2
3.1.1网站中“学院风采”数据库结构设计如表1所示:
表1
字段名称数据类型
id 自动编号
title 文本
color 文本
class 数字
date 日期/时间
pic 文本
content 备注
click 数字
best 是/否
pass 是/否
user 文本
read 数字
bigclass 数字
3.1.2 图文图片上传的路径:
通过会员登陆进入后台管理系统,进行上传图片和文章发布的操作。利用这个功能可以对“学院风采”里面的图片、文章进行增加和修改。有助于
及时更新内容。步骤如图3所示:
图3
发布、修改图片的设计代码是:
3.2学生留言
3.2.1功能:
利用留言簿可以写下自己对学校、老师、学习、生活的意见与想法,可以不是善意的,也可以发表自己认同的观点,还可以是抒发自己感情的。以便能够让老师及时了解学生的学习情况和生活方面的情况。相互之间的了解有助于更好地展开教学工作。
3.2.2构成部分
★留言表单和留言结果网页:让学生、家长、老师填写留言内容并显
示其内容。
★留言数据处理ASP程序:处理学生、家长、老师发表的留言数据同时将这些留言数据记录起来并将网页显示转向至留言结果网页。
★数据表文件:用来存储学生、家长、老师留言数据的Access类型数据库文件。
“学生留言”的流程图如图4所示:
图4
3.2.3数据库结构设计
网站中“学生留言”数据库文件中的数据表栏目设置,如表2所示:
表2
字段名称数据类型
id 自动编号
name 文本
subject 文本
sex 文本
qq 文本
web 文本
email 文本
admin 数字
title 文本
content 备注
date 日期/时间
ip 文本
reply 备注
replydate 日期/时间
user 文本
3.2.4界面设计
在首页点击“学生留言”后,链接到留言网页面,然后进行留言操作,留言样式网页如图5所示:
图5
在图5中只要输入正确的“姓名”、“验证码”,就可以可以发表自己的任何观
点。
“学生留言”中的留言结果网页如图6所示:
图6
通过管理登陆进入后台管理系统,连接到“学生留言”管理界面,然后进行处理。留言数据处理ASP程序界面设计如图7所示:
留言本管理
ID 留言人留言时间审核情况现在审核删除
具体内容
图7
由于浏览者的留言内容数据全部储存在数据库中,要在网页中显示目前的留言数据,还需要先进行数据库的链接与打开。
此网站由三人共同制作完成,所以网站的剩余栏目功能的设计制作由另两人完成。
4说明
制作过程中网站的网页界面,网页与网页之间的连接,数据库表与网页的连接,文字、图片插入等具体制作都是通过Dreamweaver软件来完成。
网站中图片的处理具体制作都是用PhotoShop软件来完成。
网站的测试与运行是使用IIS5.0来完成。
5结论
从此次的毕业设计中本人获得了丰富的知识内容,不仅掌握了基本知识,也充分了解了自己在制作网站中的不足,在学习新知识的同时完成毕业设计。
通过毕业设计掌握新的内容,开扩新的视野,不仅可以锻炼我的独立性和自主性,也可以培养各方面的能力。
在这几个月的时间里,通过自己的学习和努力,通过老师的指导和教育,使我不仅仅在知识水平和解决问题的能力上有了很大的提高,还从思想的深处体会到,要把自己所学变成现实将面对种种难题。首先,感触最深的一点就是,在从事开发网站的过程中,一定要分析系统,合理规划,先要设计系统的流程图;其次编程之前的需求分析也很重要,如果需求分析做得不好的话,将浪费大量的人力物力,有时候还会前功尽弃。所以需求分析做的好,那么整个编程过程将会比较顺利。
任何一个系统都不可避免地会有一些不足,需要有人不断地对其进行改进,因此才会不断的增加工作量。但是由于我水平有限,且时间仓促,系统的一些功能未能完全实现。请老师能够理解。并希望本系统在使用过程中能够得到大家的建议与批评,我会使其不断地完善,功能不断的加强。
参考文献
[1]宋先斌、何在玉,计算机网络技术专业《Web应用开发技术》:人民邮电出版社,2006.8
[2]石志国,ASP精密案例教程:清华大学出版社,2004
[3]张锦祥,WEB网站设计:北京科学出版社,2003
[4]张登辉、刘益红, ASP 编程基础及应用. 机械工业出版社,2004
[5]黄斯伟、王玮,动态网页制作-HTML4.0使用详解. 人民邮电出版社, 2002
致谢
校全购大学生自己的购物网https://www.wendangku.net/doc/287588577.html, https://www.wendangku.net/doc/287588577.html,