个人网站的设计与实现.

个人网站的设计与实现福建儿童发展职业学院

毕业论文（设计）

(个人网站的设计与实现)

姓名：

学号：

系别：人文科学系

专业：初等教育（信息技术方向）

年级： 2009级

指导教师：

2011年 10 月 30 日

个人网站的设计与实现目录

1.引言 (1)

2.系统构架 (1)

2.1 Adobe Dreamweaver CS5 简介 (1)

2.2 ASP技术 (2)

2.3 Access数据库软件 (2)

3. 系统概要设计 (3)

3.1 网站整体设计 (3)

3.2 留言板设计 (3)

3.3 数据库建立 (3)

4. 详细设计 (4)

4.1静态网页设计 (5)

4.2 动态页面的制作 (7)

4.3 链接页面的制作 (8)

4.4 其他页面的建立 (8)

5. 测试 ................................. 错误！未定义书签。

6. 结束语 (13)

1

个人网站的设计与实现

个人网站的设计与实现

摘要：随着国际互联网的普及，人们已经越来越不满足于在internet上浏览信息了。希望能够更深入的参与其中，拥有自己的网站。我们可以在网络这个平台上更好的展现自我。个人网页的设计与实现不仅能够让我们更好的与外界交流，沟通；还能够突出自己的个性与风格，增加个人魅力与自信。该研究课题主要研究现在人们的个人网站的实现。该课题主要是介绍了如何开发个人网站。

关键词：个人网站；ASP；web

1.引言

目前关于INTERNET是我们听到最多的部分就是万维网（world wide web）。Web实际上由数十亿单个页面组成，这非常类似于我们创建的WORD文档页面。这就是WEB——它就是一大堆页面。所谓的“页”，“页”中可能包括文字、图像、图形、声音、动画等。

这些单个页面会链接到其他页面。通常一家企业或个人会创建统一的一组页面，这些页面彼此相关。相关页面的集合就称为网站。

每个网站都有主页，这个页面就像一个目录。通常主页就是网站的第一个页面，不过有些网站还包含入口页面，这有些类似于书本的扉页，可以由这个入口页面进入主页。

这次的课题研究，我的网站设计与整个个性化页面生成系统主要由使用Dreamweaver开发的关联规则采掘系统和利用IIS+ASP技术实现的个性化Web页面生成器两部分组成。二者通过数据库服务器和Web服务器连接。

2.系统构架

网站，一个全新而又时髦的名词，正是有了无数的大小网站，才使互联网能蓬勃发展。很多人都想拥有一个属于自己的网站，因此，网站设计软件成为目前最为流行的软件之一。下面就介绍一下我开发个人网站所需的设计软件以及开发环境。

2.1 Adobe Dreamweaver CS5 简介

Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化

1

个人网站的设计与实现

网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2.2 ASP技术

ASP是Active Server Page的简写。Active Server Page 是创建动态网页的一个很好的工具，它起一种编程语言的作用，可以利用它编写动态产生HTML的程序代码。而且ASP也是服务器端脚本环境，可以用来创建交互式WEB页并建立强大的的Web应用程序。ASP技术能让Web开发员和网页设计员快速地开发容易维护的动态Web主页。用户端只要使用可执行HTML码的浏览器就可阅读ASP所设计的网页内容。ASP所使用的脚本语言均在Web服务器端执行，用户端的浏览器不需要执行这些脚本语言。

ASP不但功能强大，而且语法的编写规则很简单。ASP使用简单易懂的脚本语言和HTML语言作为基础语言，对脚本语言的类型没有限制，使用的编辑器简单，使用像Windows的记事本这样的普通文本编辑器即可。

2.3 Access数据库软件

Access是Office软件中用来管理数据库的应用软件，它操作简单、功能全面，其存储方式简单且便于管理和维护；既可以用来存放数据，也可以作为客户端开发工具进行数据库应用系统开发，即可以开发小型软件，也可以用来开发大型应用系统。它可运行于各种Microsoft Windows系统环境中，由于它继承了Windows 的特性，不仅易于使用，而且界面友好。它并不需要数据库管理者具有专业的程序设计水平，任何非专业的用户不必编写代码，就可以用它来创建功能强大的数据库管理系统。本网站采用功能强大的Microsoft Access作为后台数据库，开发了一个小型的个人网站。

图2-1 体统的结构图：

2

个人网站的设计与实现

3.系统概要设计

3.1 网站整体设计

表3-1 网站构架图

3.2 留言板设计表3-2 留言板构架图3.3 数据库建立 3

个人网站的设计与实现

图3-3 实体E-R图：

网站用到的后台文件：表3-4 后台文件部分图：

后台认证：只允许浏览者进入页面浏览，在对回复留言和新闻的增加、删除这些管理时都需要对用户的身份进行认证，即需要管理员提供后台管理的用户名和密码，该用户名和密码保存在相对应的数据库中。

4. 详细设计

首先网站的策划，因为我制作的是个人的网站，所以面对的对象是自己周围熟悉的同学朋友，主题和内容就是自己日常生活琐事，还有跟好朋友有个交流沟通的平台，互相了解的小天地。这样就没有什么特别高的创意要求，只要温馨，简洁大方就好了。当然，如果你要设计的是一个面向大众的个人展示平台，那就要求新颖的创意了。

针对我自己的个人网站，我主要从下面几点进行设计的：

4

个人网站的设计与实现

快乐世界：是一个体现个性的板块内容，放置一些我比较喜欢的优秀文章或者我觉得很有意义的小故事还有图片供大家欣赏。（其他几个页面也是类似的，只是介绍的方向不同）。

拥抱阳光：展示一些自己近期的生活照。

心情动态：让朋友可以对我当天的心情有一个直观快捷的了解方式。

留言板：设计一个留言板作为和朋友交流的纽带，这样可以随时促进朋友之间的情感，又因为是自己设计的，比较有保密性，分享快乐和秘密的地方。

4.1静态网页设计

现在整体的布局已经明确了，可以进行网页的设计了。

图4-1 网站首页效果图：