学校网站规划与设计.doc

学校网站的规划与设计 校全购大学生自己的购物网 【摘 要】 本文首先介绍了建立本网站的意义。具体阐述了本网站的整体规划与设计情况，其中主要包括用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 主页设计 网站主页采用静态的方式，体现学校的