浅析个人网站的制作chop.docx

《浅析个人网站的制作chop.docx》由会员分享，可在线阅读，更多相关《浅析个人网站的制作chop.docx（25页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

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

2、在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。关键词： 网站建设；ASP； 互联网目 录摘 要I目 录II前言11概述11.1系统说明21.2 系统特点21.3 系统功能简介22 开发环境介绍22.1 常用asp开发工具22.2常用IIS的安装32.3 Microsoft Access概述32.3.1概述

3、32.3.2用途33系统分析与总体设计43.1系统功能描述43.1.1系统结构设计53.2数据库设计与实现93.2.1数据库逻辑分析114页面设置114.1首页设计154.2相册图库184.3美文共享 204.4资源下载214.5给我留言244.6后台管理模块设计与功能现25致谢26参考文献27个人网站的制作前言随着Internet国际互联网的发展，越来越多的个人开始建造自己的网站。基于Internet的信息服务，商务服务已经成为现代企业一项不可缺少的内容。很多个人都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代个人需要的是一个功能强大的，能提供完善的商务服务的动态个人网站。ASP是

4、Microsoft提出的一种网络服务器端编程环境。ASP已经成为开发动态网站的重要而快速、有效的工具。ASP强大的功能使之成为一种优秀的服务器技术。随着网络技术的日益成熟，ASP技术在网络编程中也变得越来越重要。所以，在我们的毕业设计中，我们采用了ASP作为开发工具，构建了一个能实现简单的小型动态网站个人网站，我做的是展示个人风采的个人网站。该系统能实现文章搜索；能够美文共享；资源下载等功能。该系统基本上具备一个个人网站应该具备的功能，该设计项目基本上体现了构建一个动态个人网站所需要的技术，可以说，目前的大型网站也就是我们这个小型网站在内容上的扩充和重复。通过这次的毕业设计，我了解了目前流行的

5、动态网站的构成和运作原理，掌握了用ASP构建动态网站的相关知识和技术原理，锻炼了自己的动手实践能力。更重要的是，通过这次的毕业设计，我培养出了刻苦钻研的学习精神和严肃认真的学习态度，这对我以后的学习和工作有很大的益处。1概述1.1 系统说明本系统是一个能实现简单的小型动态网站个人网站，我做的是展示个人风采的个人网站。该系统能实现文章搜索；能够美文共享；资源下载等功能。 网站的组成有以下几个子系统组成：(1)主页，显示个人基本信息。(2)美文共享。(3)个人日记。(4) 资源下载。(5) 相册图库。(6)推荐酷站(7)通讯录1.2 系统特点(1) 本系统完全基于Web技术，只要能连接Intern

6、et，就能访问本系统。(2) 采用ASP+Access开发，具有管理方便，代码简单易懂，体积小巧的特点。(3) 具有清新简洁方便的界面，操作简单。(4) 支持所有的Windows系列操作系统。1.3 系统功能简介(1)游客可以浏览网站。(2)用户能够浏览网站。(3)用户下载资源。(4) 用户搜索文章。(5)用户查找通讯录。(6) 游客留言2 开发环境介绍2.1 常用ASP开发工具由于ASP文件本身就是普通的文本文件而不用经过编译，所以我们可以使用任意中文本编辑器，例如，记事本,EditPlus软件等等,但是就具体开发而言，各种工具在编码便捷方面又有所不同。我认为，对于同时兼任网站页面设计美工的

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

8、己安装了，首先我们先把系统盘放进光驱，然后进入“控制面板”，依次选“添加/删除程序添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。用这种方法添加的IIS组件中将包括Web、FTP、NNTP和SMTP等全部四项服务。当IIS添加成功之后，再进入“开始程序管理工具Internet服务管理器”以打开IIS管理器。2.3 Microsoft Access概述 2.3.1概述Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、

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

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

11、己。而是通过网络，通过在网上发布自己的信息、树立自己良好的个人形象。个人网站发展的特点：更广阔的环境：人们不受时间的限制，不受空间的限制，不受传统登门拜访的诸多限制，可以随时随地在网上交流。更广阔的交流空间呢：在网上这个世界将会变得很小，一个人可以面对全球的同胞，也可以和全球的任何一个有个人网站的人进行交流互相了解。在网上交流可以节省大家的时间，更符合时代的要求。个人网站主要是建立网上的个人信息发布及管理平台，主要功能有以下几点：(1)游客可以浏览网站。(2)用户能够浏览网站。(3)用户下载资源。(4) 用户搜索文章。(5)用户查找通讯录。(6) 游客留言一般个人网站系统都具有上述功能。3.1

12、.1系统结构设计刚才我们分析了功能，现在我们把系统功能模块结构画出来，如下图3.1所示。 游客浏览游客留言个人网站 用户浏览 下载资源 搜索文章 查找通讯录 美文共享图3.1系统功能模块结构图3.2 数据库设计与实现从上面的流程，我们可以看出该系统中我们需要用到一下几个表：（1）用户密码登记表admin用于存储系统用户和普通用户的信息，包括：姓名、口令、验证码、名称，它的设计视图如图3.2所示。 图3.2用户密码登记表(2)留言基本档案表Book用于存储用户的档案包括：ID，留言者名字、留言者QQ、留言者Email、留言内容、留言者主页、留言时间、回复留言、留言头像、留言表情、留言者IP、留言

13、者地址、留言者主题、其中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 数据库逻辑分析用户表作为一个基本信息,存储用

14、户的重要信息,其中某些字段会被其他表所调用,定单的时候会取出这些字段,所以我们要填写这些字段,首先我们先新建一个数据库，起名为md，然在数据库里建一张表，表结构如31所示。表3-1 user表结构字段名称数据类型userid自动编号username文本useremail文本userpassword文本logins数字lastlogin日期时间userzhenshiname文本shouname文本shengshi文本shouhuodizhi文本如表 32所示。表3-2 action表结构字段名称数据类型actionid自动编号username文本actiondate日期时间bookid数字boo

15、kcount数字dingdan文本zhuangtai数字shouhuoname文本shouhuodizhi文本youbian数字liuyan备注shousex数字zonger数字userzhenshiname文本useremail文本usertel文本userid数字表3-3 nclass表结构字段名称数据类型nclassid自动编号nclass文本nclassdorder数字anclassid数字changyong数字表3-4 books表结构 字段名称数据类型bookid自动编号bookname文本Shichangjia 数字huiyuanjia数字bestbook数字chengjiaos

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

17、素，按照这些要求我们在大脑已经有了雏形，本系统的首页如图4-1所示。图4.1 个人网站首页首先，我们可以很醒目的看到主页、相册图库、美文共享，在左边是分类，我们一看就会明白，然后就知道你要想要了解这个人哪方面的资料，当然了，首页可以显示所有的个人资料，这个时候就需要分页，如果你要浏览具体哪方面的资料，你既可以点分类，可以在首页点具体的子系统，分页如图4.2所示。 图4.2 分页图分页片段代码如下：%End Sub Function showpage(totalnumber,maxperpage,filename) Dim n If totalnumber Mod maxperpage=0 Th

18、en n= totalnumber maxperpage Elsen= totalnumber maxperpage+1 End IfResponse.Write Response.Write If CurrentPage2 Then Response.Write 首页 上一页 Else Response.Write 首页 Response.Write 上一页 End IfIf n-currentpage1 Then Response.Write 下一页 尾页 Else Response.Write Response.Write 下一页 尾页 End If Response.Write 页次：

19、&CurrentPage&/&n&页 Response.Write 共有&totalnumber&种商品 Response.Write 转到： Response.Write   End Function %这就是分页，几乎在所有的网站里我们都能看到，他的存在大大提高了我们的可读性。4.2 相册图库如图4.3所示。图4.3 相册图库这个就是相册图库的式样图，我们打开dreameaver，输入如下代码：这是一个动态态的html代码， 当我们进入网站首页首会看到一组动态的图片如图4.44.10所示图4.4相册图库图4.5相册图库图4.6相册图库图4.7相册图库图4.8相册图库图4.9 相册

20、图库4.3 美文共享，如图4.10所示图4.10美文共享这个就是美文共享的式样图，我们打开dreameaver，输入如下代码：这是一组动态加静态的代码，进入以后你可以根据你自己的需要阅读文章4.4资源下载，如图4.11所示图4.11资源下载这个就是资源下载的式样图，我们打开dreameaver，输入如下代码：   这是一组动态加静态的代码，进入以后你可以根据你自己的需要下载资料4.5给我留言，如图4.12所示图4.12给我留言网站页面中的留言板模块主要作用就是让浏览者可以写下自己想说的话，写下对网站，对产品的满意度，写下自己的建议及意见，以便后台的进一步管理。这个就是资源下载的式样图

21、，我们打开dreameaver，输入如下代码document.write();document.write(相关网友评论a href=./././newspl.asp?id= target=_blank发表/查看所有评论);%b=0while not rs.eofusername=rs(username)addtime=rs(addtime)content=rs(content)content=replace(content,)content=replace(content,chr(10),)content=replace(content,chr(13),)if b=1 thenbbb=sty

22、le=background-color: #F8F3F3b=0elseb=b+1bbb=end if%document.write(tr );document.write(评论说：);document.write();%rs.movenextwendif rs.recordcount=0 thenResponse.Write document.write(暂时无评论);end ifrs.closeset rs=nothing%document.write();document.write(form method=POST action=./././NewsPL_save.asp?id=&act

23、ion=js onsubmit=return FrontPage_Form1_Validator(this) language=JavaScript name=FrontPage_Form1231);document.write();document.write(姓名);document.write();document.write(评论);document.write();document.write();document.write(    );这是一组动态动态代码，进入以后可以对我的网站进行评价也可以给我留言4.6后台管理模块设计与功能实现，如图4.13、4

24、.14所示图4.13后台登陆1图4.14后台管理本网站的后台管理模块实现了：个人信息管理，新闻发布管理，站内信息管理，站内操作管理4大模块的功能。个人信息管理主要是个人所在目录管理；新闻管理实现了网站新闻的更新；信息管理主要管理游客的在线留言；操作管理是实现对整个网站内容的维护和更新致 谢 在本毕业设计论文即将完成之际，我要对所有给过我帮助和支持的人表示衷心的感谢。首先要感谢的是我的父母，感谢他们对我二十多年来辛勤的养育,并让我获取了一定的知识并最终走向社会,为社会贡献自己的一分力量。 本论文是在*老师悉心指导下完成的。老师渊博的专业知识，严谨的治学态度，精益求精的工作作风，诲人不倦的高尚师德

25、，严以律己、宽以待人的崇高风范，朴实无华、平易近人的人格魅力对我影响深远。不仅使我树立了远大的学术目标、掌握了基本的研究方法，还使我明白了许多待人接物与为人处世的道理。本论文从选题到完成，每一步都是在老师的指导下完成的，倾注了老师大量的心血。在此，谨向老师表示崇高的敬意和衷心的感谢！感谢老师对我的教育培养。他们细心指导我的学习与研究，在此，我要向诸位老师深深地鞠上一躬。感谢我的同学们，从遥远的家来到这个陌生的城市里，是你们和我共同维系着彼此之间兄弟般的感情，维系着寝室那份家的融洽。三年了，仿佛就在昨天。三年里，我们没有红过脸，没有吵过嘴，没有发生上大学前所担心的任何不开心的事情。只是今后大家就

26、难得再聚在一起学习了，没关系，各奔前程，大家珍重。我们在一起的日子，我会记一辈子的。 感谢我的爸爸妈妈，焉得谖草，言树之背，养育之恩，无以回报，你们永远健康快乐是我最大的心愿。 在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意！参考文献1 徐亚. 浅谈网页设计中Flash与ASP技术的结合J. 电脑知识与技术, 2009.2 王宇翔. Flash软件结合专业课程的不同用法J. 湖北经济学院学报(人文社会科学版), 2009.8 3 赵燕燕. ASP技术在Web数据库开发中的使用J. 河南职工医学院学报,

27、 2009.74 赵祖荫.电子商务网站建设教材(第二版)M. 北京：清华大学出版社，2008.15 周耿. 网站设计与开发M.北京：复旦大学出版社，2008.36 伍云辉. ASP实例自学手册.通过322个例子掌握Web开发捷径M.北京：电子工业出版社，2008.17 李波，谭双.Dreamweaver CS3网页设计半月通M.北京:清华大学出版社，2008.98 程楠， 刘贤芬, 尉睿. 基于B/S模式的等级考试报名系统的设计与实现J. 电脑知识与技术, 2009.49 张华贵. 用ASP技术实现国际疾病编码(ICD10)网络查询系统J. 医疗卫生装备, 2009.910 盛伟翔，王昊. 浅谈利用ASP技术构建网络教学系统J. 科技广场, 2008.2