浅析个人网站的制作

1、摘 要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，倍受人们的重视。为了树立个人在网络上的形象，通过设计一个个人网站，以达到个人推荐、展现自我的一个平台，个人网站为交流提供综合的网络环境，同时也为个人的宣传，发展，提供了一个平台。在已跨入21世世纪的今天，人人类使用和学学习信息的方方式以及信息息的包装方式式正在进行着着不可阻挡的的革命，这次次革命将比印印刷术的出现现所产生的影影响以及对社社会发展的推推动远为复杂杂而巨大。目目前，我国上上网的人口已已近一个

2、亿，成成立世界上网网民最多的国国家，许多人人在需要查询询信息，首先先想到的就是是上网。网站站的迷人之处处在于综合使使用文本、图图象、声音、动动画和视频的的信息和内容容，具有丰富富的多媒体表表现与互动特特点，无可置置疑， 网站站已成为最吸吸引人的也最最有效的信息息传递手段和和方式。随着着网络技术的的发展，各类类网站纷纷出出现。个人网网站也成为了了一种时尚。越越来越多的人人希望拥有自自己的网站，开开辟网络世界界的一片天地地，展示自己己的才华和风风格。关键词： 网站站建设；ASSP； 互联联网目 录TOC o 1-3 h z u HYPERLINK l _Toc230971882 摘 要 PAGER

3、EF _Toc230971882 h I HYPERLINK l _Toc230971883 目 录 PAGEREF _Toc230971883 h II HYPERLINK l _Toc230971885 前言 PAGEREF _Toc230971885 h 1 HYPERLINK l _Toc230971886 1概述 PAGEREF _Toc230971886 h 11.1系统说明明2 HYPERLINK l _Toc230971888 1.2 系统特特点 PAGEREF _Toc230971888 h 2 HYPERLINK l _Toc230971889 1.3 系统统功能简介 PA

4、GEREF _Toc230971889 h 2 HYPERLINK l _Toc230971890 2 开发环境介介绍 PAGEREF _Toc230971890 h 2 HYPERLINK l _Toc230971891 2.1 常用aasp开发工工具 PAGEREF _Toc230971891 h 22.2常用IIIS的安装3 HYPERLINK l _Toc230971893 2.3 Miccrosofft Accesss概述 PAGEREF _Toc230971893 h 3 HYPERLINK l _Toc230971894 2.3.1概述述 PAGEREF _Toc23097189

5、4 h 3 HYPERLINK l _Toc230971895 2.3.2用途途 PAGEREF _Toc230971895 h 33系统分析与总总体设计43.1系统功能能描述43.1.1系统统结构设计53.2数据库设设计与实现93.2.1数据据库逻辑分析析114页面设置1114.1首页设计计154.2相册图库库184.3美文共享享 204.4资源下载载214.5给我留言言244.6后台管理理模块设计与与功能现25致谢26参考文献277个人网站的制作作前言随着Interrnet国际际互联网的发发展，越来越越多的个人开始建造造自己的网站站。基于Innterneet的信息服服务，商务服服务已经成为

6、为现代企业一一项不可缺少少的内容。很很多个人都已不满满足于建立一一个简单的仅仅仅能够发布布信息的静态态网站。现代代个人需要的是是一个功能强强大的，能提提供完善的商商务服务的动动态个人网站。ASP是Miccrosofft提出的一一种网络服务务器端编程环环境。ASPP已经成为开开发动态网站站的重要而快快速、有效的的工具。ASSP强大的功功能使之成为为一种优秀的的服务器技术术。随着网络络技术的日益益成熟，ASSP技术在网网络编程中也也变得越来越越重要。所以以，在我们的的毕业设计中中，我们采用用了ASP作作为开发工具具，构建了一一个能实现简简单的小型动动态网站个人网站，我我做的是展示个个人风采的个个人

7、网站。该该系统能实现现文章搜索；能能够美文共享享；资源下载载等功能。该该系统基本上上具备一个个个人网站应该该具备的功能能，该设计项项目基本上体体现了构建一一个动态个人人网站所需要要的技术，可可以说，目前前的大型网站站也就是我们们这个小型网网站在内容上上的扩充和重重复。通过这次的毕业业设计，我了了解了目前流流行的动态网网站的构成和和运作原理，掌掌握了用ASSP构建动态态网站的相关关知识和技术术原理，锻炼炼了自己的动动手实践能力力。更重要的的是，通过这这次的毕业设设计，我培养养出了刻苦钻钻研的学习精精神和严肃认认真的学习态态度，这对我我以后的学习习和工作有很很大的益处。1概述1.1 系统说说明本系

8、统是一个能能实现简单的的小型动态网网站个人人网站，我做的的是展示个人人风采的个人人网站。该系系统能实现文文章搜索；能能够美文共享享；资源下载载等功能。 网站的组成有以以下几个子系系统组成：(1)主页，显显示个人基本本信息。(2)美文共享享。(3)个人日记记。(4) 资源下下载。(5) 相册图图库。(6)推荐酷站站(7)通讯录1.2 系统特特点(1) 本系统统完全基于WWeb技术，只只要能连接IInternnet，就能能访问本系统统。(2) 采用AASP+Acccess开发发，具有管理理方便，代码码简单易懂，体体积小巧的特特点。(3) 具有清清新简洁方便便的界面，操操作简单。(4) 支持所所有的

9、Winndows系系列操作系统统。1.3 系统统功能简介(1)游客可可以浏览网站站。(2)用户能能够浏览网站站。(3)用户下下载资源。(4) 用户搜搜索文章。(5)用户查查找通讯录。(6) 游客留留言2 开发环境介介绍2.1 常用AASP开发工工具由于ASP文件件本身就是普普通的文本文文件而不用经经过编译，所所以我们可以以使用任意中中文本编辑器器，例如，记记事本,EdditPluus软件等等等,但是就具具体开发而言言，各种工具具在编码便捷捷方面又有所所不同。我认认为，对于同同时兼任网站站页面设计美美工的，我们们最好使用DDreamwweaverr，这样可以以快速的在页页面的设计基基础上添加动动

10、态的代码，Dreamweaver是Macromedia公司的气质产品，网页制作软件三剑客之一，使用Dreamweaver不仅可以进行强大的网页设计，还可以进行非常方便的 ASP编码。2.2 IISS的安装 在开发前我们需需要解析一下下运行环境，Microsoft的windows系列都包含了可选安装的IIS组件，Windows2003和windows2000服务器版操作系统在安装时就已经默认安装了IIS，我们可以打开”我的电脑”控制面板”管理工具”即可以看到Internet信息服务的IIS管理器，如果系统没有安装那么我们就要自己安装了，首先我们先把系统盘放进光驱，然后进入“控制面板”，依次选“添

11、加/删除程序添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。用这种方法添加的IIS组件中将包括Web、FTP、NNTP和SMTP等全部四项服务。当IIS添加成功之后，再进入“开始程序管理工具Internet服务管理器”以打开IIS管理器。2.3 Miccrosofft Accesss概述 2.3.1概述述Access 是微软公司司推出的基于于Windoows的桌面面关系数据库库管理系统（RRDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对

12、象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。2.3.2用途途Microsooft Acccess在在很多地方得得到广泛使用用，例如小型型企业，大公公司的部门，和和喜爱编程的的开发人员专专门利用它来来制作处理数数据的桌面系系统。它也常常被用来开发发简单的WEEB应用程序序这些应用用程序都利用用ASP技术在在Interrnet IInformmationn Serviices运行行比较复杂杂的WEB应用程序序则使用PHHP/MySSQL或者ASP/Mic

13、roosoft SQL SServerr它的使用方便程程度和强大的的设计工具为为初级程序员员提供许多功功能。不过，这这种便于使用用可能使人误误解。这类开开发者都是没没有在应用或或者数据设计计方面训练的的办公室从业业人员。因此此许多人以为为这样的开发发者能够创造造可用的系统统，但也有很很多人认为工工具本身的局局限性产生了了这样的误导导。介绍了开发环境境，下面我们们就来开始做做个人网站。通通过这个网站站，人们可以以通过网络相相互了解，不不用见面，非非常方便。3系统分析与总总体设计3.1系统功能能描述在做之前，我们们先来说一下下什么是个人人网站，所谓谓个人网站就就是是利用计计算机技术、网网络技术和远

14、远程通信技术术，实现整个个传播个人信信息过程中的的电子化、数数字化和网络络化。人们不不再是面对面面的进行交流流向别人展示示自己。而是是通过网络，通通过在网上发布自己己的信息、树立自自己良好的个个人形象。个人网站发展展的特点：更更广阔的环境境：人们不受受时间的限制制，不受空间间的限制，不不受传统登门门拜访的诸多多限制，可以以随时随地在在网上交流。更广阔阔的交流空间间呢：在网上上这个世界将将会变得很小小，一个人可以面对全全球的同胞，也可以和全球的任何何一个有个人人网站的人进进行交流互相相了解。在网上交流流可以节省大大家的时间，更符合时代的要求。个人网站主要是是建立网上的的个人信息发发布及管理平平台

15、，主要功功能有以下几几点：(1)游客可可以浏览网站站。(2)用户能能够浏览网站站。(3)用户下下载资源。(4) 用户搜搜索文章。(5)用户查查找通讯录。(6) 游客留留言一般个人网站系系统都具有上上述功能。3.1.1系统统结构设计刚才我们分析了了功能，现在在我们把系统统功能模块结结构画出来，如如下图3.11所示。 游客浏览游客留言个人网站 用户浏览 下下载资源 搜索文章 查找通讯录录 美文共享图3.1系统功功能模块结构构图3.2 数据库库设计与实现现从上面的流程，我我们可以看出出该系统中我我们需要用到到一下几个表表：（1）用户密码码登记表addmin用于存储系统用用户和普通用用户的信息，包包括

16、：姓名、口口令、验证码码、名称，它它的设计视图图如图3.22所示。 图3.2用户密密码登记表(2)留言基本本档案表Boook用于存储用户的的档案包括：ID，留言言者名字、留留言者QQ、留留言者Email、留留言内容、留留言者主页、留留言时间、回回复留言、留留言头像、留言表情、留留言者IP、留留言者地址、留留言者主题、其其中ID为该该表的关键字字。它的设计计视图如图33.3所示。图3.3留言基基本档案表(3)日记基本本信息表HNN_newss,如图3.4所示。图3.4日记基基本信息表（4）日记分类类表HN_cclnewssa，如图33.5所示。图3.5日记分分类表（5）图片基本本信息表HNN_p

17、ro，如如图3.6所所示。图3.6图片基基本信息表（6）相册分类类表HN_pproclaa，如图所示示3.7所示示。图3.7相册分分类表（7）网站基本本信息表WeebBasiicInfoo，如图3.8所示。 图3.8网站基基本信息表以上数据表为AAccesss类型的库文文件，将它定定名为：“data.mdb”。3.2.1 数数据库逻辑分分析用户表作为一个个基本信息,存储用户的的重要信息,其中某些字字段会被其他他表所调用,定单的时候候会取出这些些字段,所以以我们要填写写这些字段,首先我们先先新建一个数数据库，起名名为md，然然在数据库里里建一张表，表表结构如31所示。表3-1 uuser表结结构

18、字段名称数据类型userid自动编号usernamme文本useremaail文本userpassswordd文本logins数字lastloggin日期时间userzheenshinname文本shounamme文本shengshhi文本shouhuoodizhii文本如表 32所所示。表3-2 aactionn表结构字段名称数据类型actioniid自动编号usernamme文本actionddate日期时间bookid数字bookcouunt数字dingdann文本zhuangttai数字shouhuooname文本shouhuoodizhii文本youbiann数字liuyan备注sh

19、ousexx数字zonger数字userzheenshinname文本useremaail文本usertell文本userid数字表3-3 nnclasss表结构字段名称数据类型nclassiid自动编号nclass文本nclassddorderr数字anclasssid数字changyoong数字表3-4 bbooks表表结构 字段名称数据类型bookid自动编号booknamme文本Shichanngjia 数字huiyuannjia数字bestboook数字chengjiiaoshuu数字liuyansshu数字dazhe数字anclasssid数字bookpicc文本4 页面设置4.1

20、首页设计计网站的首页是个个人的门面，所所以首页设计计尤其重要，对对于网站页面面设计来说，难难点不仅仅有有使用的便利利性和一贯性性，而普通性性和创造性也也是需要考虑虑的内容。比比如，本网站站，不仅要兼兼顾浏览者的的便利，同时时也要把个人人优秀的风采采一起 展示出来。在网页设计中，对对于布局最基基本的要求就就是要考虑用用户的方便程程度并能明确确地传达信息息，要凸现网网页设计的这这个够成要素素，在开始设设计之前，首首先要明确这这个网站的目目的，目标是是什么，接着着就是要明确确制作的每个个网页页面所所要说明的是是什么。在布局时，我们们应该考虑醒醒目性，可读读性，明快性性。造型性创创造性等要素素，按照这

21、些些要求我们在在大脑已经有有了雏形，本本系统的首页页如图4-11所示。图4.1 个个人网站首页页首先，我们可以以很醒目的看看到主页、相相册图库、美美文共享，在在左边是分类类，我们一看看就会明白，然然后就知道你你要想要了解解这个人哪方方面的资料，当当然了，首页页可以显示所所有的个人资资料，这个时时候就需要分分页，如果你你要浏览具体体哪方面的资资料，你既可可以点分类，可可以在首页点点具体的子系系统，分页如如图4.2所所示。 图4.2 分分页图分页片段代码如如下：%Ennd Subb Funnctionn showwpage(totallnumbeer,maxxperpaage,fiilenamme

22、) DDim n If totallnumbeer Modd maxpperpagge=0 TThen n= totaalnumbber maxpeerpagee Elssen= totaalnumbber maxpeerpagee+1 Endd IfRessponsee.Writte Ressponsee.Writte If CurreentPagge2 TThen Reesponsse.Wriite 首页 上一页 Elsse Reesponsse.Wriite 首页 Reesponsse.Wriite 上一页页 Endd IfIf n-currrentppage11 Thenn Reesp

23、onsse.Wriite 下一页页 尾页 Elsse Reesponsse.Wriite Reesponsse.Wriite 下下一页 尾页页 Endd If Reesponsse.Wriite 页次次：&CuurrenttPage&/&nn&页 Reesponsse.Wriite 共有有&tottalnummber&种商品 Reesponsse.Wriite 转到： Reesponsse.Wriite &; Endd Funcction %这就是分页，几几乎在所有的的网站里我们们都能看到，他他的存在大大大提高了我们们的可读性。4.2 相册图图库如图4.3所示示。图4.3 相相册图库这个就是相

24、册图图库的式样图图，我们打开开dreammeaverr，输入如下下代码：这是一个动态态态的htmll代码， 当我们进入入网站首页首首会看到一组组动态的图片片如图4.444.10所所示图4.4相册图图库图4.5相册图图库图4.6相册图图库图4.7相册图图库图4.8相册图图库图4.9 相册册图库4.3 美文共共享，如图44.10所示示图4.10美文文共享这个就是美文共共享的式样图图，我们打开开dreammeaverr，输入如下下代码：这是一组动态加加静态的代码码，进入以后后你可以根据据你自己的需需要阅读文章章4.4资源下载载，如图4.11所示图4.11资源源下载这个就是资源下下载的式样图图，我们打

25、开开dreammeaverr，输入如下下代码： &; 这是一组动态加加静态的代码码，进入以后后你可以根据据你自己的需需要下载资料料4.5给我留言言，如图4.12所示图4.12给我我留言网站页面中的留留言板模块主主要作用就是是让浏览者可可以写下自己己想说的话，写写下对网站，对对产品的满意意度，写下自自己的建议及及意见，以便便后台的进一一步管理。这这个就是资源源下载的式样样图，我们打打开dreaameaveer，输入如如下代码documennt.wriite();documennt.wriite(相关关网友评论a hrref=./././newwspl.aasp?idd= ttargett=_bl

26、aank发表/查看所有评评论);%b=0while nnot rss.eofusernamme=rs(userrname)addtimee=rs(addtiime)contentt=rs(conteent)contentt=repllace(ccontennt,)contentt=repllace(ccontennt,chrr(10),)contentt=repllace(ccontennt,chrr(13),)if b=1 thenbbb=sstyle=backkgrounnd-collor: #F8F3FF3b=0elseb=b+1bbb=end if%documennt.wriite(t

27、r );documennt.wriite(评论论说：);documennt.wriite();%rs.moveenextwendif rs.rrecorddcountt=0 thhenResponnse.Wrrite documment.wwrite(暂时无评论论);end ifrs.closseset rs=nothiing%documennt.wriite();documeent.wrrite(formm methhod=PPOST actioon=./././NewwsPL_ssave.aasp?idd=&aactionn=js onsubbmit=returrn FroontPagge

28、_Forrm1_Vaalidattor(thhis) languuage=JavaSScriptt namme=FrrontPaage_Foorm12331);documeent.wrrite();documeent.wrrite(姓名);documeent.wrrite();documeent.wrrite(评论);documeent.wrrite();documeent.wrrite();documeent.wrrite(&nbbsp;&nnbsp;&; );这是一组动态动动态代码，进进入以后可以以对我的网站站进行评价也也可以给我留留言4.6后台管理理模块设计与与功能实现，如如图4.133

29、、4.144所示图4.13后台台登陆1图4.14后台台管理本网站的后台管管理模块实现现了：个人信信息管理，新新闻发布管理理，站内信息息管理，站内内操作管理44大模块的功功能。个人信信息管理主要要是个人所在在目录管理；新闻管理实实现了网站新新闻的更新；信息管理主主要管理游客客的在线留言言；操作管理理是实现对整整个网站内容容的维护和更更新致 谢 在本本毕业设计论论文即将完成成之际，我要要对所有给过过我帮助和支支持的人表示示衷心的感谢谢。首先要感感谢的是我的的父母，感谢谢他们对我二二十多年来辛辛勤的养育,并让我获取取了一定的知知识并最终走走向社会,为为社会贡献自自己的一分力力量。 本论文文是在*老师师悉心指导下下完成的。老老师渊博的专专业知识，严严谨的治学态态度，精益求求精的工作作作风，诲人不不倦的高尚师师德，严以律律己、宽以待待人的崇高风风范，朴实无无华、平易近近人的人格魅魅力对我影响响深远。不仅仅使我树立了了远大的学术术目标、掌握握了基本的研研究方法，还还使我明白了了许多待人接接物与为人处处世的道理。本本论文从选题题到完成，每每一步都是在在老师的指导导下完成的，