网站毕业设计论文.doc

.

毕 业 设 计 [论 文]

题 目：郸城第一高级中学网站设计
系 别：计算机科学与工程系
专 业：数字媒体技术
姓 名：王红山
学 号：062408236
指导教师：陈秋红

河南城建学院
2012年5月25日
精选文档
.
郸城第一高级中学网站设计
摘要:在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。
学校是教育的重要组成部分，其在我们的成长的过程之中起着至关重要的作用。学校网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站建设是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设方案目的是促进师生与学校共同发展，
郸城一高，是周口市唯一一所全省教学先进单位，为了进一步扩大宣传效果，提高学校的知名度，我利用所学过的软件工程设计思想，数据库等知识设计制作了一个校园网站。
本文探讨网站设计制作的理论基础和设计思想，介绍了网站中的每一个功能，以软件工程理论作为系统开发的理论基础，设计并实现了对新闻、动态信息的管理，其主要内容包括如下：在主要功能实现方面和建立模块方面使用Dreamweaver设计开发；后台数据库的设计是通过Access2003完成。

关键词：信息管理,Access2003数据库,Dreamweaver
精选文档
.
Dancheng First Senior High School Website Design
Abstract：With the rapid development of Internet, the Internet became fast access, publish and disseminate information important channel, it in the political, economic, and other aspects of life play an important role. Internet information is mainly achieved through the website, access to information is in the Internet" ocean" according to certain retrieval way information needed can be downloaded from the website.
The school is an important part of education, in our growth process plays a crucial role in. The school website construction is the school educational informatization construction, is to adapt to the modern educational technology and the development of information technology, to increase the school exchanges and propaganda, improve teaching, scientific research, management efficiency of the important ways; the school website construction is the window of the school's external publicity, but also show the school teachers and students ability, strengthen the out-of-school, each other learning, common development positions, school construction site plan aims to promote the common development of teachers and students and the school,
Dancheng high, is the only one in Zhoukou province teaching advanced units, in order to further expand the publicity, improve the visibility of the school, I have learned from the use of the software engineering design ideas, knowledge database, design a campus website.
This paper discusses the web design the theoretical basis and the design thought, the site of each function, the software engineering theory as the theoretical foundation of system development, design and Realization of news, dynamic information management, this paper mainly includes the following content: the main function realization and establishing module uses the Dreamweaver design development; the backstage database design is done through Access2003.

Key words：Information management,Access2003 database,Dreamwea
精选文档
.
目 录
摘要 I
ABSTRACT II
引 言 1
1 校园网站建设分析 3
1.1 系统开发的重点与难点 4
1.2 技术可行性分析 4
1.3 经济可行性分析 5
1.4 法律可行性分析 5
2 开发环境 6
2.1 硬件环境 6
2.2 开发工具 6
2.2.1 前台开发工具 6
2.2.2 后台数据库工具—Access数据库 7
2.2.3系统开发所用技术准备 7
3 总体设计 9
3.1 网站的总体设计 9
3.2 项目立项 10
3.3 整体规划 10
4 数据库设计 12
4.1 数据库需求分析 12
4.2 数据库表格设计 12
5 网站的具体设计与实现 16
5.1首页制作 16
5.2 新闻列表的制作 18
5.3 合理建议页面制作 19
5.4 后台管理页面制作 20
6 连接数据库 23
6.1 创建数据库 23
6.2 连接数据库 23
7 系统测试 26
7.1 测试的目的和原则 26
7.2 系统测试 26
7.2.1 页面链接测试 26
7.2.2 配置和兼容性测试 26
7.2.3 数据库测试 27
7.3 测试总结 27
总结 29
参考文献 30
附录 31
致谢 42

精选文档
.
引 言
近十年来，随着社会科技，文化和经济的发展，特别是计算机网络技术和通信技术的大发展，随着人类社会从工业社会向信息社会过渡的趋势越来越明显，人们对信息的意识，对开发和使用信息资源的重视越来越加强，这些都强烈刺激了计算机网络应用的发展，通过互联网了解信息的用户数目急剧增加。
今天的Internet已不再是计算机人员和军事部门进行科研的领域，而是变成了一个开发和使用信息资源的覆盖全球的信息海洋。在Internet 上，按从事的业务分类包括了广告公司，航空公司，农业生产公司，艺术，导航设备，书店，化工，通信，计算机，咨询，娱乐，财贸，各类商店，旅馆等等100多类，覆盖了社会生活的方方面面，构成了一个信息社会的缩影。在Internet飞速发展的今天,互联网成为人们快速获取､发布和传递信息的重要渠道,它在人们政治､经济､生活等各个方面发挥着重要的作用.因此网站建设在互联网应用上的地位显而易见,它已成为企事业单位信息化建设中的重要组成部分,从而倍受人们的重视｡随着Internet国际互联网的发展，越来越多的企事业单位开始建造自己的网站。基于Internet的信息服务，商务服务已成为现代单位一项不可缺少的内容。很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。
在互联网络高速发展的今天，网站正成为学校、公司、企业、政府及团体进行形象展示、信息发布、业务拓展、客户服务、内部沟通的重要阵地，她不但具有快捷、无距离及随时随地均可更新的特性，更能提供一些互动性的功能，如留言板、会员制、讨论区等等，使得网站充满生气，让人倍感亲切。学校网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站建设是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设方案目的是促进师生与学校共同发展，因此，需要全校师生共同参与，同心合力把学校网站建设好。传统媒体就这一点是无法与之相比拟的，可以说网站的快捷、无距离及互动性是其在媒体中脱颖而出的主要因素。
这次我所设计的课题正是互联网与社会生活之间的紧密关系的体现,现今的社会,人们已经离不开了网络,网络已经成为人与人之间交流的一种形式,他能够把事情的复杂化转为简单化｡郸城第一高级中学网站设计的建设不仅能够使该单位的工作方式有所改变
精选文档
.
,也大大地提高了该单位工作人员的办事效率,也增加了该单位的知名度｡
通过该网站展示了学校概括、机构设置､规章制度､校园风采､校园新闻､学习园地､留言板等系列内容的介绍｡同时您也可以利用电子信箱经济而又快捷地与外界进行各种信息沟通｡通过网站首页和其它栏目相关内容，展现本校优秀教师、先进班级、三好学生、优秀班干、著名校友等方面的风采，从而激励教职工和学生奋发学习、努力工作。通过网站各个栏目，充分体现和展示学校一般教职工和学生网络应用水平。
精选文档
.
1 校园网站建设分析
校园网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；校园网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，校园网站建设的目的是促进师生与学校共同发展，因此，需要全校师生共同参与，同心合力把校园网站建设好。
　　学校网站要得到社会的认可，资源建设是一个永恒的主题。以我校网站建设为例，首先做好学校自身资源(试题资源、课件资源、课件素材、论文等)的收集整理，将这些资源上网并不断更新，其次，努力做好与国内优秀网站的合作工作，目前我校网站已经与国内的优秀教育网站如天空教育网、方正教育网等签订合作合同，并努力争取与更多优秀教育网站的合作，以交换资源等形式获取他们的各类教学资源供网站使用(标明来源)。到现在为止，我站已经收集各类试题资料、课件等数千套、教学论文上千篇、图片资料近万幅，这些全免费资源吸引了每天数以千计的网络用户，得到了广大网友的一致好评，提高了学校的知名度，合作网站也因此获得更多利益，一举多得。 
　　在学校网站建设过程中，校园快讯以及校园风采图库的建设非常的重要，它们在一定程度上可以反映学校的办学思想、教学观念以及师生在校园的学习生活情况，经常查看这些栏目的除了在校师生外我想主要还有以下一些群体：一是已经毕业校友，他们关心学校的发展，所以会经常“回来”看看，试想，如果一位已经工作几十年的老校友再“回到”母校能看到自己当初的照片依然还放在学校网站上，那种心情是何等的激动，毕竟母校还没有忘记他们；二是，各级教育部门和学生家长，他们需要及时了解一些学校的教育教学工作情况，并及时的向学校有关部门反馈他们的意见或建议。基于以上原因，可以这么说吧，现在学校各类活动，只要不是拍得太差的图片我都会分类的把它们放在网站的校园风采图库内，因为我相信一点，“今天的新闻或图片”将是明天的“历史”，为此我也很自豪，因为我在记录着学校的历史！
　　　许多人一谈到学校网站建设，便想到“专业”二字，难！如果网页做得漂亮，即使没有真正的内涵，那这网站的评分也绝不会低，如果再稍有点内容，便极有可能得到“高分”；相比较而言，那些内容丰富而且相当实用的网站，如果缺少漂亮的外表，甚至无缘“入围”。记得我从开始上网到现在也已经好多年了，像国外的联合早报，国内的新浪、网易、搜狐等网站，他们的界面几乎没有怎么变化和刻意的美工，但这些网站却依然得到了大家的认可，在世界网站排名中名列前茅，这些网站的成功，我想最根本的一点还是其丰富的内涵与实用性。所以我个人认为学校网站建设不要太多的考虑技术问题，而应该更多的考虑不断增加网站内涵，让人能从学校网站获取丰富的知识与信息，这才是学校网站建设成功的关键所在，“最漂亮的网站不一定是优秀的网站，有内涵的网站才更具有生命力
精选文档
.
!”
1.1 系统开发的重点与难点
①建立表结构:
各表通过特定字段实现不同表的数据连接，避免数据冗余，需要设计简洁高效的表结构。
admin:管理员信息表
article:文章信息表
indextj:网站广告信息表
jianyi:合理建议表
type:模块类别表
wzxx:网站信息表
yqlj:友情链接表
②系统安全性:
登录用户身份的验证机制的设计、操作页面的权限保护。
③数据表操作机制:
同一表有可能在多个模块中被修改，所以严密的数据表操作机制的建立十分比较困难的，但也是必须的。除了设计时必须有相当程度的考虑，在编制时更应加强程序逻辑的可靠性和程序调试的全面性。
1.2 技术可行性分析
学校的计算机配置较高，不仅可以安装Windows和UNIX的运行环境，而且有足够的空间可以安装运行平台各类编程工具例如ECLIPSE NETBEANS，在编程环境上提供了可靠的支持；我们编程人员方面，可以运用以前所学的各种开发软件的计算机知识和管理知识，加上不断的学习，为系统的开发提供了必要的技术保障。
精选文档
.
1.3 经济可行性分析
对本项目的成本进行系统分析，尽量的降低成本，使最初成本最低。
本系统开发所需的费用较低，Dreamweaver是开源软件在网上都可以免费下载，Access数据库需要一些费用但基本都能负担的起，利用现有的设备和装置，不需要其它费用。
1.4 法律可行性分析
法律上可行整个系统由于是自行开发，自行使用，所以系统本身不存在法律上的版权争议。在服务器软件方面，应该使用正版软件，因为整个系统尽管是开发给内部使用，但它毕竟很多部分还是要依靠Internet的，一旦服务器连接到Internet上，它的操作系统可能会被Microsoft跟踪，如果不是正版软件，将不得不面临民事诉讼的风险。

精选文档
.
2 开发环境
2.1 硬件环境
操作系统 Windows 7 旗舰版 32位 SP1 ( DirectX 11 )
处理器 AMD Athlon(速龙) II X2 245 双核
内存 2 GB ( 金士顿 DDR2 800MHz )
主硬盘 希捷 ST3500418AS
显卡 ATI Radeon HD 4650 ( 512 MB )
显示器 华硕 ACI19D5 ASUS VW193D ( 19.1 英寸 )
2.2 开发工具
2.2.1 前台开发工具
网页编辑工具—Dreamweaver
Dreamweaver由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
图形图像制作工具—Photoshop
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。
网页动画制作工具—Flash
Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash也是存储芯片的一种，通过特定的程序可以修改里面的数据。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。
精选文档
.
2.2.2 后台数据库工具—Access数据库
Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS，即Relational Database Management System），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。
Access能够存取 Access/Jet、Microsoft SQL Server、Oracle(甲骨文软件公司)，或者任何 ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的"进阶用户"则能使用它来开发简单的应用软件。虽然它支援部分面向对象（OOP）技术，但是未能成为一种完整的面向对象开发工具。
2.2.3系统开发所用技术准备
1.IIS
IIS是Internet Information Services的缩写，是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有 IIS7全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。
2.HTML语言
HTML一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。HTML只是标示语言，基本上你只要明白了各种标记的用法便算学懂了 html，html 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ascii 纯文字格式即可，当然 以专业的网页编辑软件为佳。
精选文档
.
3. ASP . NET
ASP.NET的前身ASP技术，是在IIS 2.0上首次推出(Windows NT 3.51)，当时与 ADO 1.0 一起推出，在IIS 3.0 (Windows NT 4.0)发扬光大，成为服务器端应用程序的热门开发工具，微软还特别为它量身打造VisualInterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一，数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能力，也是它能迅速崛起的原因之一。
4.ADO.NET(数据库访问技术)
ADO.NET是一组用于和数据源进行交互的面向对象类库。通常情况下,数据源是数据库，但它同样也能够是文本文件、Excel表格或者XML文件。
ADO.NET允许和不同类型的数据源以及数据库进行交互。然而并没有与此相关的一系列类来完成这样的工作。因为不同的数据源采用不同的协议，所以对于不同的数据源必须采用相应的协议。一些老式的数据源使用ODBC协议，许多新的数据源使用OleDb协议，并且现在还不断出现更多的数据源，这些数据源都可以通过。NET的ADO .NET类库来进行连接。
ADO.NET提供与数据源进行交互的相关的公共方法，但是对于不同的数据源采用一组不同的类库。这些类库称为Data Providers，并且通常是以与之交互的协议和数据源的类型来命名的。

精选文档
.
3 总体设计
3.1 网站的总体设计
在总体设计这个阶段，应划分组成该网站的一些物理元素一一程序、文件、数据库、人工过程和文档等等。同时，总体设计阶段另一项重要任务是设计软件的结构，确定系统中每个程序由哪些模块组成，以及这些模块间的关系。
对于该系统，其本质上是信息发布系统，因此，在软件系统的整个开发过程中都必须考虑“数据”及对数据的“处理”这两个方面的问题。为了把在工作过程中的对所处理的数据清晰明确地表达出来，通常需要建立一个概念性的数据模型。概念性数据模型是一种面向问题的数据模型，是对数据和信息建模。
该网站主要包括十个模块：学校介绍、学校领导、机构设置、规章制度、校园动态、校园风采、网站公告、教学管理及后台管理模块。该网站的主要功能如下：
网站结构图如图3.1：

首
页
学
校
介
绍

学
校
领
导
机
构
设
置
规
章
制
度
校
园
动
态
校
园
风
采
网
站
公
告
教
学
管
理
后
台
管
理
党
委
书
记
副
校
长
校
园
活
动
图
片
新
闻
校
园
风
景
硬
件
设
施
学
海
导
航
经
验
交
流
副
书
记

图3.1 网站结构图
精选文档
.
学校介绍：介绍学校的发展历史和现状。
学校领导：介绍学校的领导班子组成。
机构设置：介绍学校的机构设置。
规章制度：介绍学校的各种规章制度。
校园动态：展示近期学校动态。
校园风采：展示学校风景及硬件设施。
网站公告：滚动展示校园头条。
教学管理：展示学校教学管理。
后台管理：管理网站的基本信息及内容。
3.2 项目立项
学校网站开发是一项很复杂的工作，可以将它看做一个项目来进行。软件工程的管理方法和规范与网站建设项目最接近，因此我们在仔细研究软件工程后，借鉴软件工程的管理方法和规范，针对学校网站建设的特点和重点，整理出一套适合学校网站建设管理和控制的方法。我们可将其称为网站工程，简单地说就是网站项目的管理和控制方法，是一种特殊的、标准的操作程序，目的在于保证网站建设的高效率、高质量、低风险。
要想使自己的网站与众不同，就必须先对整个站点，做好统筹安排和规划。也就是说，网站建设是一项复杂的系统工程，一个成功的网站在创建之前，需要一个缜密思考和周密策划的过程。
接到网站制作的任务，经过不断的了解，并通过基本的可行性分析后，初步完成制作步骤，这时就准备将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：学校领导、学校网络管理员、美术教师、各处室人员、微机教师等6～7人组成。由网络管理员作为项目负责人负责对该项目的统一调度和安排。
3.3 整体规划
在确定网站的需求之后，并不是直接开始制作，而是需要对项目进行总体设计和详细设计。制作出一份网站建设方案。
①总体设计
总体设计是整个网站建设中非常关键的一步。主要有如下几个方面：
网站需要实现哪些功能，反映到程序里面就是划分为多少模块。
精选文档
.
网站开发使用什么软件，在什么样的硬件环境下开发。
整个项目有多少工作量，可以量化为多长时间。
需要遵循的规则和标准有哪些。
②规划说明书
在进行总体设计的同时，还需要写一份总体规划说明书。包括：
网站的栏目和版块。
网站的功能和相应的程序。
网站的连接结构。
如果有数据库，就要对其进行概念分析。
网站的交互性和用户友好设计。
③网站建设方案
网站建设方案包括以下几个部分：
客户情况分析。
网站需要实现的目的和目标。
网站形象说明。
网站的栏目版块和结构。
网站内容的安排，相互连接关系。
使用软、硬件和技术分析说明。
开发时间进度表。
④详细设计
在进行详细设计的同时，网管和美术教师开始设计网站的整体形象和首页。
整体形象设计包括标准字、Logo、标准色彩、广告语等。 首页设计包括版面、色彩、图像、动态效果、图标等风格设计，也包括banner、菜单、标题、版权等模块设计。首页一般可设计1～3个不同风格，完成后，供学校领导网站制作组进行选择。
网站的制作需要大量的图片，音乐和文字资料等，所以在制作网站之前进行资料的搜集必不可少。资料的搜集大致包括以下几个方面：
跟主题相关的文字、图片、字体文件等资料;
网上非常优秀的站点;
各种风格的交互页面;
功能强大、性能优异的开放源代码;
同类型或同行业的网站，以便日后进行友情链接。
学校网站的中心任务是为师生的教育教学行为提供必要的服务，因此，在进行网站设计时要对主题有所突出，具体可将整个校园网划分成学校介绍、校园动态
精选文档
.
、师资力量、校园风采、规章制度等几个板块。
精选文档
.
4 数据库设计
4.1 数据库需求分析
针对学校网站系统，分别对网站的各个模块进行详细的分析，总结出如下的需求信息：
栏目按类管理，所以需要有一个模块类型表。栏目必须属于一个模块类型。
合理建议收集，需要一个类似于留言板的信息表。
需要记录网站发表的文章信息。
管理友情链接及网站信息。
记录后台管理上传图片信息。
经上述系统功能分析和需求总结，考虑到将来功能的扩展，设计的数据库表项如图4.1：

图4.1 数据库表项
4.2 数据库表格设计
管理员信息表，包括的数据有：管理员ID、密码等。如表4.1：
文章信息表：包括的内容有：编号、标题、内容、时间日期以及浏览次数等。
精选文档
.
如表4.2：
表4.1 管理员表

表4.2 文章新闻列表

建议信息：包括的内容有：编号，标题，留言人名称，留言内容、时间等。如表4.3：
表4.3 合理建议表

模块类型：包括内容有：类型编号、类型名称、CS表类型等。表格如表4.4：
精选文档
.

表4.4 模块类型表

上传图片信息表：记录上传图片路径位置、上传者以及时间等各种信息。如表4.5所示：
网站信息：包括网站名称、网址、地址、电话号码等网站信息。如表4.6所示：
友情链接：管理网页的友情链接。如表4.7：

精选文档
.

表4.5 图片信息表

表4.6 网站信息

表4.7 友情链接

精选文档
.
5 网站的具体设计与实现
一般情况下，网页都由页眉区、主内容区和版权区组成，当然也可以采用别的方法来将页面划分成更小的版块，不过这里为了照顾所有的页面共性，因为站点内的所有网页一般都具有相同的页眉和版权声明，不同的只是主内容区。
对于每个页面都相同的页眉和页脚来说，如果在每个页面里都分别包含，这样每个页面里都包含一样的代码，如果需要进行某一部分的更新，则需要更新所有的页面，这样的工作不仅容易出错，而且效率极低，所以一个折中的方法就是将页眉和页脚分别制作成一个独立的页面，然后在每个页面里都包含，这样制作的页面不仅结构清晰，而且有利于维护。
5.1首页制作
①页眉区制作
其中，LOGO部分主要用于显示学校的标识，建议搜索部分用来显示搜索输入框，导航部分用来显示链接菜单，最下面的图片展示，用来展示滚动图片。
页眉区的最后效果图，如图5.1所示：

图5.1 页眉区
该页眉区相对比较简单，基本可以划分为一下几个部分，如表5.1所示：
②版权区制作
一般情况下，版权区必须包括友情链接、版权声明、联系方式等模块，最终界面如图5.2所示：

精选文档
.
表5.1 页眉结构
LOGO
建议、搜索
导航

图片展示

图5.2 页脚区
该页脚区基本可以划分为一下几个部分，如表5.2所示：
表5.2 页脚结构
友情链接区
版权声明、联系方式等信息
学校LOGO
友情链接用于显示网站的友情链接，可以自定义添加，版权声明部分用来显示网站的各种信息，包括网址，地址联系方式等。LOGO部分主要用于显示学校的标识。
③主页面制作
主页面主要展示网站公告，学校领导、教学管理、机构设置、规章制度、校园动态。最终界面如图5.3如下：
主页面是网页的主要显示内容，用来显示网站的各个模块，从网站众多模块中，选取比较有代表性的模块在首页进行展示。

精选文档
.

图5.3 主页面
5.2 新闻列表的制作
新闻列表页面，主要是用来显示本学校各方面的新闻列表，从内容来说，是一个导向性很强的模块，让浏览者能迅速浏览到本学校最近发生的事情。从功能方面来说，学校网站的新闻模块，其实同新浪网的新闻频道一致，不同的只是新闻源和针对的受众，新浪的新闻频道包括财经、娱乐、房产、游戏等板块，所以其频道下面除了首页之外，还具有二级页面，三级页面等，所以一个网上冲浪者在进入首页之后，想要查看一条科技新闻，就需要进入新闻首页，再进入科技首页，然后进入电信栏目，并在新闻列表中选择相关的新闻，最终在新闻查看页面查看详细内容。而对于一个学校的新闻栏目来说，让一个受众单机鼠标4次，并在海量的信息中寻找自己需要的信息，是一个很糟糕的设计。对于一般学校网站来说，最多具有二级页面就足够了。所以本网站就采用新闻列表和新闻显示两级页面来组成新闻栏目。
网站的新闻列表如图5.4所示：
精选文档
.

图5.4 新闻列表
新闻的详细内容页面，如图5.5所示：

图5.5 新闻内容
5.3 合理建议页面制作
合理建议页面，用于收集访问者对于本网站及学校的各种意见或建议，包括两个方面，一，提交意见或建议，二，查看所有建议，类似于网上的留言板。分为浏览建议、发表建议2个模块。浏览者发表的建议时，需要填写详细的个人信息，如姓名、邮箱等。如图5.6：
精选文档
.

图5.6 合理建议
5.4 后台管理页面制作
后台管理主要用于管理网站的各种信息修改、新闻文章的发表与修改、以及管理登陆用户，如图5.7所示：

图5.7 后台管理首页
①新建一个网页，admin-login.asp。
②在页面制作里面制作一个简单的系统登录表单，如图5.8所示：具体表单代码如下：
精选文档
.
<table width="45%" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#B1C3D9">
<tr>

<td height="90" align=center valign=bottom background="../sc/logo.gif" bgcolor="#00AAE0" >&nbsp;</td>
</tr>
<tr>
<td height="120" align=center valign=middle bordercolor="#FFFFFF" bgcolor="#F7FBFF" >
<form action=creak.asp method=post>
<p class="style3">用　户：
<input name=username type=text class="kou" size=15 maxlength=50 >
<br>
密　码：
<input name=password type=password class="kou" size=15 maxlength=50 >
<br>
　　验证码：
<input name="randm1" type="text" class='form' id="randm1" size="10" maxlength="20">
<input type="hidden" name="randm2" value=<%=randm%>>
<span class="style2"><span style="background-color: #000000">&nbsp;<%=randm%>&nbsp;</span></span></p>
<p class="style3">
<input type=submit value="登 录" name=send class=border>
<input type=reset value="重 填" class=border>
</p>
</form></td>
</tr>
</table>
精选文档
.

图5.8 后台管理登录表单
精选文档
.
6 连接数据库
6.1 创建数据库
在网站根目录下建立一个Data文件夹用于存放数据库文件。创建一个Access数据库，将其命名为yigao.mdb存放在Data文件夹中。
打开yigao.mdb数据库，双击“使用设计器创建表”，打开创建数据表窗口，在“字段名称”中输入id，在数据类型