浅析个人网站的制作.docx

浅析个人网站的制作.docx

《浅析个人网站的制作.docx》由会员分享，可在线阅读，更多相关《浅析个人网站的制作.docx（20页珍藏版）》请在冰点文库上搜索。

浅析个人网站的制作

摘要

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

因此网站建设在Internet应用上的地位显而易见，倍受人们的重视。

为了树立个人在网络上的形象，通过设计一个个人网站，以达到个人推荐、展现自我的一个平台，个人网站为交流提供综合的网络环境，同时也为个人的宣传，发展，提供了一个平台。

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。

目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。

网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。

随着网络技术的发展，各类网站纷纷出现。

个人网站也成为了一种时尚。

越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

关键词：

网站建设；ASP；互联网

1.1系统说明2

2.2常用IIS的安装3

3系统分析与总体设计4

3.1系统功能描述4

3.1.1系统结构设计5

3.2数据库设计与实现9

3.2.1数据库逻辑分析11

4页面设置11

4.1首页设计15

4.2相册图库18

4.3美文共享20

4.4资源下载…………………………………………………………………………………21

4.5给我留言…………………………………………………………………………………24

4.6后台管理模块设计与功能现……………………………………………………………25

致谢26

参考文献27

个人网站的制作

前言

随着Internet国际互联网的发展，越来越多的个人开始建造自己的网站。

基于Internet的信息服务，商务服务已经成为现代企业一项不可缺少的内容。

很多个人都已不满足于建立一个简单的仅仅能够发布信息的静态网站。

现代个人需要的是一个功能强大的，能提供完善的商务服务的动态个人网站。

ASP是Microsoft提出的一种网络服务器端编程环境。

ASP已经成为开发动态网站的重要而快速、有效的工具。

ASP强大的功能使之成为一种优秀的服务器技术。

随着网络技术的日益成熟，ASP技术在网络编程中也变得越来越重要。

所以，在我们的毕业设计中，我们采用了ASP作为开发工具，构建了一个能实现简单的小型动态网站——个人网站，我做的是展示个人风采的个人网站。

该系统能实现文章搜索；能够美文共享；资源下载等功能。

该系统基本上具备一个个人网站应该具备的功能，该设计项目基本上体现了构建一个动态个人网站所需要的技术，可以说，目前的大型网站也就是我们这个小型网站在内容上的扩充和重复。

通过这次的毕业设计，我了解了目前流行的动态网站的构成和运作原理，掌握了用ASP构建动态网站的相关知识和技术原理，锻炼了自己的动手实践能力。

更重要的是，通过这次的毕业设计，我培养出了刻苦钻研的学习精神和严肃认真的学习态度，这对我以后的学习和工作有很大的益处。

1概述

1.1系统说明

本系统是一个能实现简单的小型动态网站——个人网站，我做的是展示个人风采的个人网站。

该系统能实现文章搜索；能够美文共享；资源下载等功能。

网站的组成有以下几个子系统组成：

（1）主页，显示个人基本信息。

（2）美文共享。

（3）个人日记。

（4）资源下载。

（5）相册图库。

（6）推荐酷站

（7）通讯录

1.2系统特点

（1）本系统完全基于Web技术，只要能连接Internet，就能访问本系统。

（2）采用ASP+Access开发，具有管理方便，代码简单易懂，体积小巧的特点。

（3）具有清新简洁方便的界面，操作简单。

（4）支持所有的Windows系列操作系统。

1.3 系统功能简介

（1） 游客可以浏览网站。

（2） 用户能够浏览网站。

（3） 用户下载资源。

（4）用户搜索文章 。

（5） 用户查找通讯录。

（6）游客留言

2开发环境介绍 

2.1常用ASP开发工具

由于ASP文件本身就是普通的文本文件而不用经过编译，所以我们可以使用任意中文本编辑器，例如，记事本,EditPlus软件等等,但是就具体开发而言，各种工具在编码便捷方面又有所不同。

我认为，对于同时兼任网站页面设计美工的，我们最好使用Dreamweaver，这样可以快速的在页面的设计基础上添加动态的代码，Dreamweaver是Macromedia公司的气质产品，网页制作软件三剑客之一，使用Dreamweaver不仅可以进行强大的网页设计，还可以进行非常方便的ASP编码。

2.2IIS的安装

在开发前我们需要解析一下运行环境，Microsoft的windows系列都包含了可选安装的IIS组件，Windows2003和windows2000服务器版操作系统在安装时就已经默认安装了IIS，我们可以打开”我的电脑”—〉”控制面板”—〉”管理工具”即可以看到Internet信息服务的IIS管理器，如果系统没有安装那么我们就要自己安装了，首先我们先把系统盘放进光驱，然后进入“控制面板”，依次选“添加/删除程序→添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。

用这种方法添加的IIS组件中将包括Web、FTP、NNTP和SMTP等全部四项服务。

当IIS添加成功之后，再进入“开始→程序→管理工具→Internet服务管理器”以打开IIS管理器。

2.3MicrosoftAccess概述

2.3.1概述

Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。

它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。

2.3.2用途

MicrosoftAccess在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。

它也常被用来开发简单的WEB应用程序．这些应用程序都利用ASP技术在InternetInformationServices运行．比较复杂的WEB应用程序则使用PHP/MySQL或者ASP/MicrosoftSQLServer．

它的使用方便程度和强大的设计工具为初级程序员提供许多功能。

不过，这种便于使用可能使人误解。

这类开发者都是没有在应用或者数据设计方面训练的办公室从业人员。

因此许多人以为这样的开发者能够创造可用的系统，但也有很多人认为工具本身的局限性产生了这样的误导。

介绍了开发环境，下面我们就来开始做个人网站。

通过这个网站，人们可以通过网络相互了解，不用见面，非常方便。

3系统分析与总体设计

3.1系统功能描述

在做之前，我们先来说一下什么是个人网站，所谓个人网站就是是利用计算机技术、网络技术和远程通信技术，实现整个传播个人信息过程中的电子化、数字化和网络化。

人们不再是面对面的进行交流向别人展示自己。

而是通过网络，通过在网上发布自己的信息、树立自己良好的个人形象。

 个人网站发展的特点：

更广阔的环境：

人们不受时间的限制，不受空间的限制，不受传统登门拜访的诸多限制，可以随时随地在网上交流。

更广阔的交流空间呢：

在网上这个世界将会变得很小，一个人可以面对全球的同胞，也可以和全球的任何一个有个人网站的人进行交流互相了解。

在网上交流可以节省大家的时间，更符合时代的要求。

个人网站主要是建立网上的个人信息发布及管理平台，主要功能有以下几点：

（1） 游客可以浏览网站。

（2） 用户能够浏览网站。

（3） 用户下载资源。

（4）用户搜索文章 。

（5） 用户查找通讯录。

（6）游客留言

一般个人网站系统都具有上述功能。

3.1.1系统结构设计

刚才我们分析了功能，现在我们把系统功能模块结构画出来，如下图3.1所示。

游客浏览游客留言

个人网站

用户浏览下载资源

搜索文章

查找通讯录

美文共享

图3.1系统功能模块结构图

3.2数据库设计与实现

从上面的流程，我们可以看出该系统中我们需要用到一下几个表：

（1）用户密码登记表admin

用于存储系统用户和普通用户的信息，包括：

姓名、口令、验证码、名称，它的设计视图如图3.2所示。

图3.2用户密码登记表

（2）留言基本档案表Book

用于存储用户的档案包括：

ID，留言者名字、留言者QQ、留言者E—mail、留言内容、留言者主页、留言时间、回复留言、留言头像、留言表情、留言者IP、留言者地址、留言者主题、其中ID为该表的关键字。

它的设计视图如图3.3所示。

图3.3留言基本档案表

（3）日记基本信息表HN_news,如图3.4所示。

图3.4日记基本信息表

（4）日记分类表HN_clnewsa，如图3.5所示。

图3.5日记分类表

（5）图片基本信息表HN_pro，如图3.6所示。

图3.6图片基本信息表

（6）相册分类表HN_procla，如图所示3.7所示。

图3.7相册分类表

（7）网站基本信息表WebBasicInfo，如图3.8所示。

图3.8网站基本信息表

以上数据表为Access类型的库文件，将它定名为：

“data.mdb”。

3.2.1数据库逻辑分析

用户表作为一个基本信息,存储用户的重要信息,其中某些字段会被其他表所调用,定单的时候会取出这些字段,所以我们要填写这些字段,首先我们先新建一个数据库，起名为md，然在数据库里建一张表，表结构如3—1所示。

表3-1user表结构

字段名称

数据类型

userid

自动编号

username

文本

useremail

文本

userpassword

文本

logins

数字

lastlogin

日期／时间

userzhenshiname

文本

shouname

文本

shengshi

文本

shouhuodizhi

文本

如表3—2所示。

表3-2action表结构

字段名称

数据类型

actionid

自动编号

username

文本

actiondate

日期／时间

bookid

数字

bookcount

数字

dingdan

文本

zhuangtai

数字

shouhuoname

文本

shouhuodizhi

文本

youbian

数字

liuyan

备注

shousex

数字

zonger

数字

userzhenshiname

文本

useremail

文本

usertel

文本

userid

数字

表3-3nclass表结构

字段名称

数据类型

nclassid

自动编号

nclass

文本

nclassdorder

数字

anclassid

数字

changyong

数字

表3-4books表结构

字段名称

数据类型

bookid

自动编号

bookname

文本

Shichangjia

数字

huiyuanjia

数字

bestbook

数字

chengjiaoshu

数字

liuyanshu

数字

dazhe

数字

anclassid

数字

bookpic

文本

4页面设置

4.1首页设计

网站的首页是个人的门面，所以首页设计尤其重要，对于网站页面设计来说，难点不仅仅有使用的便利性和一贯性，而普通性和创造性也是需要考虑的内容。

比如，本网站，不仅要兼顾浏览者的便利，同时也要把个人优秀的风采一起展示出来。

在网页设计中，对于布局最基本的要求就是要考虑用户的方便程度并能明确地传达信息，要凸现网页设计的这个够成要素，在开始设计之前，首先要明确这个网站的目的，目标是什么，接着就是要明确制作的每个网页页面所要说明的是什么。

在布局时，我们应该考虑醒目性，可读性，明快性。

造型性创造性等要素，按照这些要求我们在大脑已经有了雏形，本系统的首页如图4-1所示。

图4.1个人网站首页

首先，我们可以很醒目的看到主页、相册图库、美文共享，在左边是分类，我们一看就会明白，然后就知道你要想要了解这个人哪方面的资料，当然了，首页可以显示所有的个人资料，这个时候就需要分页，如果你要浏览具体哪方面的资料，你既可以点分类，可以在首页点具体的子系统，分页如图4.2所示。

图4.2分页图

分页片段代码如下：

<%EndSub

Functionshowpage（totalnumber,maxperpage,filename）

Dimn

IftotalnumberModmaxperpage=0Then

n=totalnumber\maxperpage

Else

n=totalnumber\maxperpage+1

EndIf

Response.Write"

nid="&nclassid&">"

Response.Write""

IfCurrentPage<2Then

Response.Write"首页上一页"

Else

Response.Write"

page=1&nid="&nclassid&"class='contents'>首页"

Response.Write"

page="&CurrentPage-1&"&nid="&nclassid&"class='contents'>上一页"

EndIf

Ifn-currentpage<1Then

Response.Write"下一页尾页"

Else

Response.Write"

page="&（CurrentPage+1）&"&nid="&nclassid&"class='contents'>"

Response.Write"下一页

page="&n&"&nid="&nclassid&"class='contents'>尾页"

EndIf

Response.Write"页次：

"&CurrentPage&"/"&n&"页"

Response.Write"共有"&totalnumber&"种商品"

Response.Write"转到：

"

Response.Write" "

EndFunction

%>

这就是分页，几乎在所有的网站里我们都能看到，他的存在大大提高了我们的可读性。

4.2相册图库

如图4.3所示。

图4.3相册图库

这个就是相册图库的式样图，我们打开dreameaver，输入如下代码：

这是一个动态态的html代码，当我们进入网站首页首会看到一组动态的图片如图4.4—4.10所示

图4.4相册图库

图4.5相册图库

图4.6相册图库

图4.7相册图库

图4.8相册图库

图4.9相册图库

4.3美文共享，如图4.10所示

图4.10美文共享

这个就是美文共享的式样图，我们打开dreameaver，输入如下代码：

这是一组动态加静态的代码，进入以后你可以根据你自己的需要阅读文章

4.4资源下载，如图4.11所示

图4.11资源下载

这个就是资源下载的式样图，我们打开dreameaver，输入如下代码：

这是一组动态加静态的代码，进入以后你可以根据你自己的需要下载资料

4.5给我留言，如图4.12所示

图4.12给我留言

网站页面中的留言板模块主要作用就是让浏览者可以写下自己想说的话，写下对网站，对产品的满意度，写下自己的建议及意见，以便后台的进一步管理。

这个就是资源下载的式样图，我们打开dreameaver，输入如下代码

--#includefile=admin_conn.asp-->

--#includefile=titleb.asp-->

<%

id=chkhtm（trim（request（"id"）））

sql="selecttop5*fromnewsplwheresh=1andnewsid="&clng（id）&"orderbyiddesc"

Setrs=Server.CreateObject（"ADODB.RecordSet"）

rs.Opensql,conn,1,1

%>

document.write（"

collapse'bordercolor='#C0C0C0'>"）;

document.write（"

9pt'>相关网友评论　　　　

id=<%=id%>target=_blank>

9pt'>发表/查看所有评论"）;

<%

b=0

whilenotrs.eof

username=rs（"username"）

addtime=rs（"addtime"）

content=rs（"content"）

content=replace（content,"""","'"）

content=replace（content,chr（10）,""）

content=replace（content,chr（13）,"
"）

ifb=1then

bbb="style='background-color:

#F