学校网站的规划与设计

学校网站的规划与设计【摘要】本文首先介绍了建立本网站的意义。接着简要阐述了INTRANET的相关知识及设计一个网站的步骤。然后具体阐述了本网站的整体规划与设计情况，并对制作网页所用到的相关软件的特点与应用作了概括说明，其中主要包括用DREAMWEAVERMX制作页面，用ACCESS制作后台数据库，用ASP实现互动功能，用PHOTOSHOP90加工处理图像等,并讲述了它们的使用要点及其方法。该设计由一个主页面和若干子页面以超连接的形式出现，各子页面之间也有联系，所以，可以随意转换界面以浏览整个网站。通过这次设计，我对网络的发展与作用有了更深刻的认识，同时也获得了一些网页制作的技术和技巧，并解决了一些在开发中遇到的问题，累积了一定的实际经验。【关键词】网页、DREAMWEAVER、ASP、数据库1绪论在INTERNET飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。INTERNET上发布信息主要是通过网站来实现的，获取信息也是要在INTERNET“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在INTERNET应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建实验小学网站。11设计思想校园网站是校园信息化建设的一个综合信息平台,是学校对外宣传的窗口。学校、教师、学生、家长通过这个综合信息平台了解学校信息、教学科研信息、学习交流信息等，还可以畅所欲言发表关于学校建设、教学方法、课程设置、学习体会方面有建设性的建议和意见，同时也可以通过这个综合信息平台分享经验体会和资料。通过网站可以全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在INTERNET上实现完成部分校务，提高办事效率。12开发工具的选用及介绍DREAMWEAVERDREAMWEAVER是MACROMEDIA公司出品的一款“所见即所得“的网页编辑工具。DREAMWEAVER对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。DREAMWEAVER对ASP网页的设计提供了非常出色的支持，无论是网页的创建还是数据库程序的编写，均能够通过可视化的方式完成，ASP网页开发人员几乎不用编写任何程序代码，便能够以DREAMWEAVER快速创建具有各种功能的网页雏型。PHOTOSHOPPHOTOSHOP是一款图像处理软件，它可以对图像进行图像编辑、图像合成、校色调色及特效制作。利用它可以对网页的图片进行处理达到自己想要的效果。所以我选择了DREAMWEAVER和PHOTOSHOP来制作网站2网站总体分析与设计21网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分学校风采通过学校介绍、学校影集、教师频道、学生频道等内容来展现。优点特色通过大队部频道、新课程频道、家长频道等内容来展现。信息发布通过新闻频道、最新文章等内容来展现。部分校务通过我要留言、校园公告、周行事历来展现22主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的WEB画面来实现。主页结构图如图1所示LOGO首页新闻频道教师频道学生频道家长频道新课程频道大队部频道管理登陆校园公告FLASH学校介绍学校影集周行事历我要留言信息专题最新文章资料搜索投票调查最新影集友情链接图1首页的完成效果图如图2所示图223数据库设计采用的数据库是MICROSOFTACCESS，拟建立HZSJYSFXMDB库文件，包含如下几个表文件ADMIN登陆信息表GUESTBOOK留言簿信息表NEWS新闻信息表BIGCLASS栏目信息表SPECIAL专题信息表PHOTO_SHOW影集信息表XSL行事历信息表3详细设计31管理登陆311功能利用管理登陆这个功能可以进入后台管理界面对网站内容进行管理如对网站的新闻内容、栏目板块、管理员账号、行事历等进行增加、删除和修改。方便了网站内容更新，信息的及时发布，有助与维护好学校网站。312组成构造共分成两大部分管理登陆网页DEFAULTASP让管理员进入后台管理界面进行日常的管理与维护。管理员账号管理程序USERMANAGEASP、USERADDASP、USERDELASP、USERDEL1ASP用来增加、修改和删除管理员账号并保存到ADMIN数据库表中。数据表文件ADMIN用来存管理员数据的ACCESS类型数据库文件。“管理登陆”的流程图如图3所示输入管理员用户名和密码审核用户名和密码审核通过审核未通过进入管理界面提示登陆失败图3313数据库结构设计数据库文件“HZSJYSFXMDB”中的数据表“ADMIN”的栏目设置，如表1所示表1字段名称数据类型说明OSK文本ID自动编号USERNAME文本PASSWD文本314界面设计在首页左上角部分设计一个管理员登陆窗口，网站管理员只要输入正确的用户名和密码就可以进入后台管理页面进行操作。管理登陆窗口界面设计如图4所示管理登陆用户名内容密码内容清楚按钮确定按钮图4管理登陆窗口界面完成效果如图5所示图5通过管理登陆进入后台管理系统，连接到管理员账号管理界面，然后进行账号管理。选择增加管理员账号连接到增加管理员账号ASP程序界面（USERMANAGEASP）。增加管理员账号ASP程序界面设计如图6所示增加用户用户名内容用户权限内容密码内容增加取消系统管理员SUPER新闻录入员INPUT图6增加管理员账号界面完成效果如图7所示图7选择删除管理员账号连接到删除管理员账号ASP程序界面（USERDELASP）。删除管理员账号ASP程序界面设计如图8所示用户列表ID号用户名密码权限删除删除删除删除删除删除系统管理员SUPER新闻录入员INPUT图8删除管理员账号界面完成效果如图9所示图932栏目频道321功能利用栏目频道这个功能可以让学生及时了解一些学校新闻，教育新闻，时事新闻，学校事务安排等内容。322组成构造共分成三大部分栏目频道内容显示页面BIGCLASSASP用来显示学校频道的内容。栏目频道内容处理程序ADDNEW1ASP用来选择增加新闻的类别。ADDNEW2ASP用来填写新闻具体信息和内容。ADDNEW3用来提示新闻增加完成。DELNEWS1ASP用来选择删除的新闻。DELNEW2ASP用来确认要删除的内容。DELNEW3ASP用来提示新闻删除完成。数据表文件NEWS用来存储新闻数据的ACCESS类型数据库文件。“栏目频道”的流程图如图10所示点击频道显示频道新闻内容进入频道新闻管理界面增加或修改新闻内容显示频道新闻内容图10323数据库结构设计数据库文件“HZSJYSFXMDB”中的数据表“NEWS”的栏目设置，如表2所示表2字段名称数据类型说明NEWSID自动新闻IDBIGCLASSNAME文本大类名字SMALLCLASSNAME文本小类名字TITLE文本标题AUTHOR文本作者ORIGINAL文本原出处IMAGE数字新闻图片UPDATETIME日前时间更新时间CONTENT备注新闻内容SPELIALID数字专题编号HOT数字1为热点新闻，0为普通新闻ENCODE文本CLICK数字324界面设计在首页点击某某频道，然后连接到新闻显示页面，点击观看新闻。新闻显示网页界面设计如图11所示LOGO首页新闻频道教师频道学生频道家长频道新课程频道大队部频道搜索资料当前位置相关小类信息专题内容图11新闻显示网页界面完成效果如图12所示图12通过管理登陆进入后台管理系统，点击增加新闻连接到增加新闻管理界面，然后进行增加新闻数据的处理。增加新闻数据内容处理ASP程序界面设计如图13所示增加新闻所属大类所属小类所属专题新闻标题作者原出处文章内容添加清楚图13增加新闻数据内容处理界面完成效果如图14所示图14点击删除新闻连接到删除新闻管理界面，然后进行删除新闻数据的处理。删除新闻数据内容处理ASP程序界面设计如图15所示删除新闻直接输入新闻ID其他页当前第X页ID号标题日期编码执行删除删除删除删除删除其他页当前第X页图15删除新闻数据内容处理界面完成效果如图16所示图16频道新闻的内容数据全部储存在数据库中，要在网页中显示增加或修改的频道新闻数据，还需要先进行数据库的链接与打开。此网站由两人共同制作完成，所以网站的剩余栏目功能的设计制作由另一人完成。4说明制作过程中网站的网页界面，网页与网页之间的连接，数据库表与网页的连接，文字、图片和动画的插入等具体制作都是通过DREAMWEAVER软件来完成。网站中图片的处理