前 言
在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。
互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。计算机网络作为一种先进的信息传输媒体，其特点就是信息传送速度快、信息覆盖面广而且成本低。因此许多企业都开始利用网站开展商务活动，比如在互联网上发布企业信息、为商品做广告、利用电子邮件进行信息交流等。在互联网上不仅可以进行商务活动，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。我们也可以把自己的个人网站发布到互联网上，以供大家欣赏。个人网站也成为了一种时尚。
本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。
第一章 个人网站开发分析
1.1 任务概述
随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。
个人网站用户界面要好，简明实用，既要有自己的特点又要有接近大众化。主页的设计应以醒目优先，应该令人一目了然，不堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。
在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。
1.2 网站开发背景及目的
目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。
网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。这里就以我做的这个学生网站为实例给大家简述这个问题，作为一个学生网站，我的服务群体及访问者都定位在在校学生，为学生服务就是我的这个网站的目的和方向。从整个页面上可以看出，我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。
对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。
本设计简单易用，可以提高个人网站的知名度和形象；直接面对浏览所提供的信息化服务，改善服务水准。
1.3 网站运行环境及相关术语
软件平台需要服务器上的操作系统为microsoft windows xp server。因为ASP的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的office access数据库，因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。
一、 ASP的运行环境
1. Windows 2000+IIs 5.0(Internet信息管理器5.0)。
2. Windows XP+Iis 5.0（Intetnet 信息管理器5.0）。
3. Windows 98+PWS4.0(personal Web Server4.0,个人Web服务管理器)。
4. Windows NT 4.0 + Windows NT Option pack。
二、 ISS 5.0的安装与设置
IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器， 最新的版本是Windows2000里面包含的IIS 5.0，IIS与WindowNT Server完全集成在一起， 因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性， 建立强大、灵活而安全的Internet和Intranet站点。 IIS的一个重要特性是支持ASP。IIS 3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。
下面就简单介绍一下在我设计过程中在Windows 2000 Professional 上安装IIS 5.0的过程。
步骤 1 首先，我选择“开始”—“设置”—“控制面板”，在“控制面板”中选择“添加或删除程序”后，弹出“添加/删除程序”对话框。
步骤 2 在左边4个可选择的导航栏中选择“添加/删除Windows组建”按扭，弹出一个新的对话框。
步骤 3 在显示的组建里面，选中“Internet信息服务（IIS）”组建的复选框，单击“下一步”按钮，就进入了IIS 5.0的安装过程，如图所示。
图1-1 iis安装界面图
步骤 4 等到安装完成以后，在“控制面板”里面选择“管理工具”，在打开的管理工具里面如果有“Internet 服务管理器”，说明IIS 5.0已经安装好。打开IE浏览器，然后在地址栏输入“127.0.0.1”（或者localhost），就可以看到所链节的界面。
完成安装以后，对iis进行适当的配置，用于发布网页。创造了网站编辑的环境，让我们进一步的设计如何让一个网站跟假的绚丽、夺目。接下来让我们先来了解一下与编辑相关的基本术语。
1. ODBC：开放式数据库互连
2. Personal Portal：个人网页
3. Data Processing:数据处理
4. Transaction processing:事务处理
5. Access 2000：数据库
6. ASP：活动服务器网页
7. HTML：超文本标志语言
第二章 概要设计
“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。”国内著名个人网站站长、手机之家站长高春辉说。网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。
2.1 网站开发工具的选用及介绍
在网页的设计过程中，因人而宜，每个人使用的软件也许不同，如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里，我们主要说的是Macromedia公司出品的“三剑客”。
一、梦幻网页的编织者------Dreamweaver8.0
Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。
Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。
图2-1 Dreamweaver的操作界面
二、网页动画的制作软件----Micromedia Flash 8.0
Micromedia Flash 8.0用于web站点的交互式的矢量图形和动画的制作，它可制作出，用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。
Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。
图2-2 Flash的操作界面
三、美丑工具----- Fireworks
Fireworks MX的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks MX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks MX中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。但随着科学技术的不断发展，美化工具我们通常使用的事神奇的photoshop。
四、影像与动画的制作软件-----Adobe Photoshop8.0
Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。
1. 文字处理更加方便。
2. 增加的图层集使图层管理更有序。
3. 新增图像功能：图像的剪切和剪裁更加方便。
4. 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参 数的设置。
5. 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。
图2-3 Photoshop的操作界面
五、动态网站的脚本语言----ASP
ASP即Microsoft Active Server Pages，它其实是一套微软开发的服务器端脚本环境,下面列举了ASP的一些特点
1. 使用VBScript、JavaScript等简单易懂的脚本语言并结合HTML代码编写网站应 用程序简单、快速。
2. 程序在服务器端直接执行，不用编译。
3. 使用的编辑器简单，使用Windows的记事本这样的普通文本编辑器即可。
4. 与浏览器无关，用户端只要使用可执行HTML码的浏览器就可阅读ASP所设计的网页内容。ASP所使用的脚本语言（VBScript、JavaScript）均在Web服务器端执行，用户端的浏览器不需要执行这些脚本语言。
5. ASP能与任何ActiveX scripting 语言相兼容。除了使用VBScript或JavaScript语言来设计外，还可通过piug-in的方式使用由第三方所提供的其他脚本语言，像REXX、Perl、Tcl等。
六、关系型数据库---- access
1. Access