人个网站建立.docx
《人个网站建立.docx》由会员分享，可在线阅读，更多相关《人个网站建立.docx（42页珍藏版）》请在冰豆网上搜索。
人个网站建立
个人网站设计与实现
摘要
要研究了个人网站的设计开发。
在研究开发过程中，本系统采用浏览器/服务器（B/S）网络技术模式，使用VisualStudio2005作为界面设计软件，结合后台数据库运行和管理的载体SQLServer2005，以IIS作为Web服务器，通过浏览器进行客服端访问。
本设计主要利用ASP.NET技术，实现了网页各种功能。
本文就个人网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。
本文的主要工作集中在：
1.对Web页进行概述，主要是对Internet的历史和发展作了回顾，并对Web页的定义和特性进行阐述。
并对网站开发过程中使用的开发工具和技术作了简要的介绍。
2.对网站建设中提及到的术语进行了解释，并对个人网站的由来和发展进行了讨论。
3.对自己的个人网站从规划到建设进行了详细的分析。
全文共分六部份，第一部份概述了网页设计与实现的背景和意义所在和所要研究的内容与目标；第二部份介绍网页设计的基本原理包括网页制作使用的相关工具；第三部份对网站系统的技术可行性分析、可行性分析，和个人网站的需求分析；第四部份介绍了网站的总体设计与模块实现；第五部分是论文设计，第六部分为测试网站。
关键词：
网页设计；超文本标记语言；JSP技术；JS语言；ASP技术
Websitedesigncompany
Abstract
ThisWebdesignmainlystudiestheexploitationofalumnirecord,andachievesasetofanalumnirecordsystembasedonWebwhichfacedtotheconsumer.Inthecourseoftheresearchanddevelopment,thissystemusestheBrowser/Server（B/S）networktechniquemode;usestheVisualStudio2005softwaretodesigntheinterface,andcombineswiththeSQLServer2005databasestomanagethesystem;andusestheIISastheWebserver.Customerscanvisitthesystembyabrowser.ThisWebdesignusestheASP.NETtechnique,overcometheproblemsinASPaboutthesafety,confusioncodeanduneasydebugging.
groundworkofthistextisconcentratedon:
1.Goonbecauseitsumup,whosenameismainlyactasandreviewatdevelopmentsofhistoryagainstInternets,forWebthedefinitionsofpagesgoonandexplainatcharacteristics.AndhasdonebriefintroductiontothedevelopinginstrumentandtechnologythatareusedinthecourseofdeveloppingofWebsite.
2.ThegettingundermoreconstructionaboutWebsitementiongoonandexplainforpersonaltheoriginsoftheWebsitegoonanddiscussatdevelopmentsattermthatget.
3.ThegettingWebsitepersonalplanningtobuildingdetailedmoreanalysisabouttheoneone'sown.
Contentandobjectives;secondpartdescribesthebasicprinciplesofwebdesignincludingwebproductiontoolsused;thirdpartofthesystemonthecorporatewebsiteofthetechnicalfeasibility,economicfeasibilityanalysis,needsanalysisandbusinesssites;IVwereintroducedtheoverallsitedesignandmodule;fifthpartisthethesissummary.
Keywords:
Pagedesign，Html，JSP，JS，Dreamweaver，ASP
目录
第1章绪论1
1.1分布式Web应用系统的发展1
1.2个人网站开发与背景2
1.3课题研究现状分析3
1.4选题的目的及意义3
1.5课题研究的主要内容4
第2章网页设计的基本原理5
2.1.网页运行环境的开发5
2.2ASP和ADO简介5
2.2.1ASP产生的历史环境5
2.2.2ADO对象7
2.3网页设计工具介绍8
2.3.1Dreamweaver网页制作工具8
2.3.2Photoshop图片处理软件8
2.3.3Flash动画制作工具9
第3章．网页需求分析10
3.1可行性分析10
3.1.1网页的界面设计10
3.2.1主页的制作10
3.2.2其它网页的制作10
3.2.网站需求分析11
3.2.1.建站目的11
3.2.2.网站实现功能11
第4章网站的总体规划12
4.1制作网页的一般步骤12
4.2网页包括的元素12
4.3.网页层次结构（附结构图）13
第5章网站总体设计14
5.1主界面的设计与实现14
5.2主要模块的设计与实现14
第6章网页测试16
6.1主界面的运行截图与说明16
6.1.1首页16
6.1.2访客统计17
6.1.3时间18
6.1.4音乐播放18
6.1.5相册19
6.1.6留言20
6.2网站测试与系统分析21
6.2.2IIS配置21
6.2.2数据源（ODBC）配置22
总结23
参考文献24
致谢25
附录126
附录237
第1章绪论
1.1分布式Web应用系统的发展
Internet的出现是本世纪内计算机通信领域最重要的一次革命。
利用这种媒体，人们可以建立一个虚拟的电子世界，从而给人们提供了一个方便的与世界上各个角落的其他人实时交流的手段和机会。
借助于WWW动态的交互式信息发布，诸如网上购物、网上银行、网上书店等一系列在线电子商务服务系统得以盛行。
这些系统都离不开分布式的数据库、与用户及后台数据库交互的动态WEB应用程序等技术。
在Internet技术还没有流行的前些年，Client/Server（客户机/服务机）二层结构是一种主流开发模式“如图1-1所示”，所谓的C/S模式实际上是一种“逻辑”概念，即将整个系统在逻辑上划分成前端客户进程和后台服务器进程，两者通过Intranet网络链接。
前端的客户应用程序主要是显示界面、与用户进行交互，而后台的服务器进程主要是负责进行数据处理，将处理后的结果返回给用户。
该模式有速度快、交互性好的优点，使用于系统中大量数据的输入输出操作。
而且其良好的开发性和易扩充性，客户端及其功能的添加、删除和更新都不会对系统产生影响。
而随着Internet的渗透，Web正在改变应用系统的开发及实施的方法。
Client/Server体系结构由单一的两个层次扩展到由客户、应用服务器、数据库服务器组成的三层结构，这就是Browse/Server（浏览器/服务器）模式，是C/S模式发展到一定阶段的产物。
该模式的出现是计算机应用的体系结构从封闭的集中式主机向开放的与平台无关的环境过渡，此时的服务器端可以不只是一台主机，而可以采用主机的群集技术构成。
这种以服务器为中心的结构体系使应用单位摆脱了以往密集人才资源、高成本的操作管理方式，对用户的最大好处是客户端不需要安装什么设备和软件，只需一个Web浏览器。
对开发者来说，这已不是简单的二层结构，而是以Web技术为基础，将传统C/S模式中的服务器部分细分为数据库服务器和Web服务器，从而变成三层结构5。
其优点主要有：
（1）用户的操作使用简单。
B/S只需安装一个提供友好界面的通用浏览器，如InternetExplorer等，不需要对客户进行而外培训；
图1-1Browse/Server模式结构图
（2）B/S结构具有可伸缩性，在网络环境允许的条件下，可以尽可能多地增加浏览器和服务器，不受原有网络资源的影响；2
（3）易于开发、安装和维护。
B/S结构只需对服务器端的应用平台进行开发和集成，减少了开发、安装和维护费用。
与C/S比较，B/S还具有以下优点：
首先，它简化了客户端。
它无需像C/S模式那样在不同的客户机上安装不同的客户应用程序，而只需安装通用的浏览器软件。
其次，它简化了系统的开发和维护。
系统的开发者无须再为不同级别的用户设计开发不同的客户应用程序了，只需把所有的功能都实现在Web服务器上，并就不同的功能为各个组别的用户设置权限就可以了。
最后，它使用户的操作变成得更简单。
对于C/S模式，客户应用程序有自己特定的规格，使用者需要接受专门培训。
而采用B/S模式时，客户端只要一个简单易用的浏览器软件。
无论是决策层还是操作层的人员都无需培训，就可以直接使用7
根据以上分析比较，传统的B/S结构系统都是采用ASP实现的，在技术上已渐现淘汰的趋势，Internet的飞速发展使得B/S模式已成为当前热门的系统架构方式。
微软新近提出的.NET架构是新一代互联网应用软件和服务战略，它使微软现有的软件在网络时代不仅使用于传统的个人计算机，而且能够满足各种新设备的要求。
ASP.NET作为.NET架构的一部分，不是ASP的简单升级，其全新的技术架构会让人们的编程工作变得更加简单。
基于技术的创新，利用ASP.NET开发一个基于B/S结构的班级同学录系统很有现实意义。
3
1.2个人网站开发与背景
（1）学习网页设计和网站制作知识
现在人人都体会到了网络时代的强烈冲击，学习网络知识、学习网页设计和网站建设成为新时代的一个热点。
学习包括书本学习和实践学习，网络作为一门实践性很强的技术，没有实践往往是半生不熟。
所以，相当一批网民开始利用建设个人网站学习实践网页设计和网站建设的知识和技术。
（2）展示自我
人是社会性的动物，具有多方面的欲望和追求，被人理解、被社会承认是人的高级欲望中的一种。
现在畅行的个人形象设计已成为一种庞大市场就说明了这个问题。
传统的个人形象展示依靠照相、录像、演讲、交谈或文字说明等形式，而个人网站是所有形式中最新颖、最直观、最有效、最综合、最高级的形式。
（3）个人资料库
互联网的信息浩若烟海，对于自己喜爱的文字、图像、视听资料，可以放在个人网站中，随时随地调用。
（4）作品展示
对于从事文学、艺术、设计等行业的人来说，个人的作品需要别人的认同和沟通，建设个人网站，挥洒自己的爱好，展示自己的作品，无疑是个最佳选择。
（5）交友
人的社会性决定了人对交友交流的渴望和追求，现实中的交友具有很多的局限性。
建设个人网站，能够让全球的人认识你，理解你，可以在你的网站上交流。
同时，利用个人网站可以组建朋友社区，有利于在天南海北的朋友共聚一堂，开怀畅谈。
（6）求职推介
市场经济社会的竞争，本质上是人才的竞争。
目前大学生、研究生求职时使用了图文材料、VCD光盘、多媒体光盘等自我推介的媒体，而建个个人网站，在自己的求职材料上搭上个人网址，无疑可以全面地向聘用单位推介自己，在价格和互动性上具有无可替代的优势。
（7）娱乐娱性
富裕了的人有多种兴趣和爱好，养鸟种花、逛街购物、寻朋访友等等等等，现在兴起的娱乐形式又出现了建个人网站的形式，打上个人资料、上传个人照片、回复朋友留言、交流共同爱好，成为一种新型的时尚娱乐方式。
这种个人网站没有其他目的，他们把网站作为个人宠物，每天细心照料，倾注个人的热情。
（8）个人商务
当前出现的SOHO一族，就是在家办公、从事个人商务的一族。
他们利用个人网站推销商品，搜集供求信息，把个人网站作为商务名片，在网上进行传递。
1.3课题研究现状分析
伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。
随着互联网的飞速发展，有关网络的技术也层出不穷。
如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。
每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。
在hao123神话以后，网站大全类网站又再一次达到顶峰。
4然而这个模式拷贝成功的网站却寥寥无几。
而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。
但是由于搜索的异军突起，网址类网站似乎变得可有可无。
网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。
网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
文字与图片是构成一个网页的两个最基本的元素。
可以简单的理解为：
文字，就是网页的内容，图片，就是网页的美观。
除此之外，网页的元素还包括动画、音乐、程序等等。
网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面。
（1）理论研究基础
个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。
个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。
它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。
以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。
来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。
（2）技术层面的支持
随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。
网页制作更是日新月异，层出不穷。
涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。
在进行动态网页制作的时候，通常都是使用ASP来完成。
由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。
ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。
同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。
1.4选题的目的及意义
随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。
5
1.5课题研究的主要内容
互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。
他们钻研并且努力进入到这一个新的空间，新的领域。
其中包括你和我。
在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。
就这个课题的研究，因为是个人网站，所以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。
第2章网页设计的基本原理
2.1.网页运行环境的开发
使用MicorsoftInternetInformationServer（IIS），运行WindowsNTServer的计算机便成为大容量、功能强大的Web服务器，它可以将信息发布给办公大楼或整个世界的用户。
对于在基于WindowsNT的计算机上联网，InternetInformationServer是很理想的，因为它可以在现存硬件上设置功能强大的Web服务器。
InternetInformationServer集成在WindowsNTServer操作系统中，并利用了其安全特征和性能优势。
2.2ASP和ADO简介
2.2.1ASP产生的历史环境
从本节开始，将进入本书的重点内容----使用ASP（activeseverpages）技术设计最流行的远程教育平台。
在目前飞速发展的IT行业中，网站一旦建立起来，就一如既往的保持"静态"，不加更改？
如果是这样，就无形中落后时代的步伐。
所谓静态指的是网站的页面内容固定不变，当用户浏览器通过互联网的HTTP协议向Web服务器请求提供页面内容时，服务器仅仅是将原来已经设计好的静态HTML代码，最多加上流行的GIF89A格式的动态图片。
6若网站维护者要更新网页的内容，就必须手动的来更新所有的HTML文档。
这种网长的致命弱点就是不容易维护，为了不断更新网页的内容，就必须不断的重复HTML文档，随着网站内容和信息量的日益扩增，使得工作量大得出人想象。
ASP正是解决这个尴尬局面出现了。
因此ASP迅速的得到了无数网络开发者的垂青。
（1）什么是ASP
ASP的全称是ActiveSeverPages,目前没有正式的中文名，可以理解为动态服务器页面技术。
ASP是目前最流行的开发动态网站的程序开发之一，它的特点是将脚本，超文本和强大的数据访问功能结合在一起，并提供了众多的服务器组件来扩张功能，能够很方便的创建分布式和基于Web的商业化应用程序。
如果要更简单的描述ASP，可以说ASP就是运行在Web服务器上的动态网页。
ASP程序文件也是一个标准的网页，一般HTML标记和ASP脚本代码混杂在一起组成。
ASP网页程序必须想竟Web服务器的ASP解释器解释执行，产生HEML代码后才传送给用户的浏览器执行显示。
（2）ASP的特点为：
1）任何开发工具皆可发展ASP
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。
当然，其他网页发展工具，例如，FrontPageExpress、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
2）语言相容性高
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
3）隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ASP程序代码是看不到的！
这是应届ＡＳＰ程序先于网站服务（WebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。
7
4）易于操控数据库
ASP可以轻易地通ODBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：
Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是“Excel”文件当成数据库用。
5）面向对象学习容易
ASP具备有面向对象（object-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：
Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
6）对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被
（3）ASP模型对象
ASP提供了六个功能强大的内置对象供用户使用，利用这六个对象，可以设计变化多端的Web应用程序，在ASP开发Web应用程序时，通过调用对象的方法，不但能实现提高编程效率，而且编程更优化。
下面列出ASP包括的六个内置对象：
Response：
将信息送主客户端
Request：
从客户端取得信息
Server：
提供一些WebSever方法
Session：
记录连接着的信息，每一个连接者的信息有独立的Session对象来记录
Apptication：
记录共用消息，让不同的可户端共享信息
Objectlontent：
配合MTS进行分布式事务处理
（4）ASP的运行
ASP页面与一般的HTML页面的真正不同之处，在于ASP页面需要经过Web服务器的解释执行而HTML网页不需要。
因此如果要运行和发布式ASP网页，就需要有Web服务器的支持。
任何一个Web服务器，只有内嵌有ASP的解释程序，就可以运行ASP编写的动态网页。
8
整个过程主要有如下5个步骤（HTML页面的处理没有第三步）
1）用户将ASP文件的网址输入到浏览器的地址栏，请求一个ASP网页。
2）浏览器向Web服务器发送ASP文件请求，成为Request
3）服务器找到并解释执行该ASP文件，生成标准的HTML文件
4）服务器将HTML文件传送给用户浏览器，称为Response
5）用户的浏览器解释HTML文件，结果在浏览器窗口显示
2.2.2ADO对象
ADO原名为ActiveXDataObject。
通过与ASP的结合，可以在网页里执行SQL的指令，用户可以轻松且快速的存取、增加或是删除数据库的数据。
9
ADO包含三个主要的对象：
Recordset、Connection以及Cmmand。
通过这些对象的了解与应用，再利用ASP对象，就可以很容易地制作出一个方便快捷、功能多样的网站。
快速、容易和节省磁盘空间，是ADO的特性，这使得ADO成为十分热门的技巧。
ADO通过与ODBC的链接，可以链接许多各种类型的数据库，因为ODBC本身就支持许多类型的数据库。
ADO通过VBScript和JavaScript语言的技巧，不但可以控制存取数据库，还可以达到一些特殊技巧的变化。
ADO提供Connection对象
可以使用该对象建立和管理应用程序和ODBC数据库之间的连接。
Connec
升级会员 