个人网站设计.docx

个人网站设计.docx

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

个人网站设计

个人网站设计论文

专业：

信息管理与信息系统

班级：

信管121

姓名：

卓晓凤

学号：

2012215012

个人网站设计

摘要

随着经济社会的发展，计算机已被应用到社会生活的各个领域。

与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息的主要表现形式而且还是互联网信息的主要承载者。

Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。

论文论述了系统的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。

在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开发留言板信息管理系统是可行的。

在需求分析结果的基础上，对系统的功能模块进行划分。

接着对系统中的数据库进行模型设计，包括数据流图、实体联系图及数据表结构。

本文以个人网站建设为例，系统介绍网站的需求、系统分析及设计方案，最终并给出ASP技术实现网站的过程。

关键词：

互联网；网站建设；留言板

ThePersonalwebsitedesign

Abstract

Withthedevelopmentofsocietyandeconomy,computerhasbeenappliedtovariousfieldsofsociallife.Atthesametime,theInternetasaninformationcommunicationBridgesconnectedtotheworldofcomputertechnology,thewebsiteasthemainformofnetworkinformationandisthemaincarrierforInternetinformation.IncreasinglyriseoftheInternetandasaWebpageasthecarrierofthespreadandapplicationofnetworkinformation,makesthewebsiteconstructionandWebpagecreationdevelopmentspace,toalargeenterpriseproductssalesandafter-salesserviceandsolutions,andapersonalWebpagedevelopment,various,colourful,websiteconstructionandWebpagecreationhasbecomethehottesttopicinthefieldofcomputernetworks.

Paperdiscussesthesystemdevelopmentbackgroundanddesigntarget,andthesystemdevelopmenttechnologyadoptedbythecorrespondingsimpleintroduction.Insystemanalysis,simpleanalysisofthesystemmodel,makecleartheoperationprocessofsystem,andthesystemfeasibilityanalysis,todetermineinthepresentconditions,developmentboardinformationmanagementsystemisfeasible.Onthebasisofdemandanalysisresults,thesystemfunctionmoduledivision.Thenthedatabaseofthesystemmodeldesign,includingdataflowdiagrams,entityrelationshipdiagramsanddatatablestructure.Withpersonalwebsiteconstructionasanexample,thispapersystematicallyintroducestheessenceofthesiterequirements,systemanalysisanddesign,finallyandASPtechnologytorealizetheprocessofwebsiteisgiven.

Keywords:

Internet;Websiteconstruction;Messageboard

总页数：

16页

1引言

1.1课题起源

随着互联网的迅速发展，网站作为其信息的主要承载者也迅速发展起来，并且种类繁多，包括大型门户网站，行业网站，娱乐网站，企业网站，政府网站，营利性网站，以及个人网站等，每类网站都包含了强大的功能。

个人网站是指网站内容是介绍自己的或是以自己的信息为中心的网站，不一定是自己做的网站，但强调的是以个人信息为中心。

它是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间的网站。

同时，个人网站不仅凭借个人喜好而产生，它也可以发展多种不同的盈利模式，比如广告，网上零售，特殊信息收费等。

这样的网站与大型网站的实在的力量不可以同日而语，不过却具备相当强的活力和生气，由于他们领有更加细化的市场需要，领有分类更细服务更精细周密的优势，是网络的大发展趋势。

1.2课题目的

设计完成一个多模块划分，能实现网友互动的完善的属于我自己的网站。

1.3课题研究的意义

就我个人而言，初次接触网站，我希望从建设自己的网站开始，在互联网上拥有自己的一席之地，从而真正参与到网络中去，更加深入地了解网站，为之后的发展奠定基础。

同时也将自己喜爱和收藏的一些东西与网友们分享。

2系统实现的技术支持

网站页面设计，代码编写，留言系统的成功运行及网页测试等网站设计及功能实现背后都需要强大的软件支持。

2.1Fireworks简介

AdobeFireworks是Adobe推出的一款网页作图软件，软件可以加速Web设计与开发，是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。

它不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库。

在Fireworks中将设计迅速转变为模型，或利用来自Illustrator、Photoshop和Flash的其它资源。

然后直接置入Dreamweaver中轻松地进行网站开发与部署。

在网站设计之初，除功能与模块分析之外，首要任务就是进行页面布局，利用Fireworks的切图工具可轻松地切割出理想的布局样式，并可根据需要交互利用多种工具也能制作出精美的图片，最为便捷的是，利用Fireworks工具制作页面可以直接导出为html网页运用到网页设计。

2.2Dreamveaver简介

AdobeDreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver功能非常强大，利用其自带工具可节省大量编写代码的时间，它会自动生成代码，并且不易出错，制作一个静态页面，完全靠Dreamweaver就能实现。

2.3ASP简介

Active Server Pages（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。

使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序。

由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。

所以不必担心浏览器能否处理脚本：

Web 服务器已经完成了所有脚本的处理，并将标准的 HTML 页面传输到浏览器。

由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。

用户看不到创建他们正在浏览的页的脚本命令。

2.4SQLSever2000简介

SQLServer是微软公司开发的一个关系数据库管理系统，以Transact_SQL作为它的数据库查询和编程语言。

T－SQL是结构化查询语言SQL的一种，支持ANSISQL－92标准。

SQLServer采用二级安全验证、登录验证及数据库用户帐号和角色的许可验证。

SQLServer支持两种身份验证模式：

WindowsNT身份验证和SQLServer身份验证。

7.0版支持多种类型的角色，"角色"概念的引入方便了权限的管理，也使权限的分配更加灵活。

SQLServer为公共的管理功能提供了预定义的服务器和数据库角色，可以很容易为某一特定用户授予一组选择好的许可权限。

SQLServer可以在不同的操作平台上运行，支持多种不同类型的网络协议如TCP/IP、IPX/SPX、AppleTalk等。

SQLServer在服务器端的软件运行平台是WindowsNT、Windows9x，在客户端可以是Windows3.x、WindowsNT、Windows9x,也可以采用其它厂商开发的系统如Unix、AppleMacintosh等。

微软的SQLServer是一项完美的客户/服务器系统。

SQLServer需要安装在WindowsNT的平台上，而WindowsNT可以支持Intel386，PowerPC，MIPS，AlphaPC和RISC等平台，它使SQLServer具备足够的威力和功能。

通过SQLServer数据库与ASP的连接，网站管理员可以对数据库和网站交互地操作，数据表会及时保存网站中数据信息，实时更新数据。

2.5IIS简介

IIS是InternetInformationServices的缩写，是一个WorldWideWebserver。

Gopherserver和FTPserver全部包容在里面。

IIS意味着你能发布网页，并且有ASP（ActiveServerPages）、JAVA、VBscript产生页面，有着一些扩展功能。

IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEXSERVER）、有多媒体功能的（NETSHOW）其次,IIS是随windowsNTsever4.0一起提供的文件和应用程序服务器，是在WindowsNT

Server上建立Internet服务器的基本组件。

它与WindowsNTServer完全集成，允许使用WindowsNTServer内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。

IIS（InternetInformationServer，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。

3需求分析

“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。

”国内著名个人网站站长、手机之家站长高春辉说。

网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。

一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分。

因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。

3.1功能需求

通过需求分析可以明确网站设计的目的，包含的板块与内容以及实现的功能，根据这些需求分析可以更好地指导下一步的系统开发和设计，避免设计过程中的屡次出错和大量返工。

3.1.1一般功能需求

该个人网站主要分为我的家乡，我的大学，音乐天空，好书推荐，生活百科，友情链接等模块，内容丰富，便于网友查看各类内容，满足其需求。

3.1.2留言板功能需求

留言板模块主要实现与网友互动功能，也是本网站重点建设，网友通过填写留言信息并提交，信息便可以通过后台数据库进行保存，网站管理员也可通过登录对其进行查看、回复、删除等管理，其功能实现后数据库保存数据信息如下图3-1所示。

图3-1

3.2非功能需求

网站建设需美观大方，色彩搭配协调，图片匹配合适，模块内容完整，追求细节完美。

4网站设计

4.1模块设计

该个人网站系统是基于Internet/Intranet 及Web技术，建立以Browser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息平台，对资源进行科学的加工整序和管理维护，为用户提供个人信息保障和直接参预到互联网上而设计的系统。

包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用, 编写总系统总体功能分析及架构图。

包括以下几个模块：

●关于我：

该模块主要介绍个人相关基本信息，希望访客能对网站主人有一些基本认识。

●留言板：

该模块主要实现访客留言并进行查看，管理员查看、回复、删除显示等界面，所有访客都能在留言板留言。

其构架图如图4-1所示。

图4-1留言系统

●好书推荐：

该模块主要为访客推荐一些我喜欢的书籍，包含了书籍介绍，推荐理由以及购买网址。

●生活百科：

该模块是为访客推荐一些生活小常识，包括饮食健康等内容。

●友情链接：

该模块是一些网址链接，使访客能方便浏览其他网页，主要是为其提供方便。

●我的大学：

该模块主要为访客介绍了我的大学的相关信息。

●我的家乡：

该模块介绍我的家乡，包括总体介绍与一些景点的旅游指南。

●音乐天空：

该模块主要为网友推荐一些好听的歌曲，介绍的歌曲的基本信息，以及相关创作背景。

●给自己的一封信：

该模块是一封写给自己的信，时刻告诫自己人生应该怎样对待周围的事。

●旅行记忆：

该模块记录了近期旅行的经历。

●生活感悟：

该模块是自己从日常生活中领悟到的道理。

4.2数据库设计

该部分主要涉及到留言系统地数据库设计，记录了访客留言信息以及管理员登录信息。

4.2.1管理员登录数据库设计

如下表：

4-1数据库设计

4-2数据添加

4.2.1.1表说明

该表记录管理员登录信息表是用来论坛管理员登录的，共分为三个字段，数据类型是自动编号，user和password字段分别用来存放管理员的登录名和密码，数据类型nvarchar。

4.2.1.2限制条件 

在留言板管理员登录时，只有正确输入此表中的用户名和密码才能够登录到管理界面，才有权对论坛里面的内容进行查看、回复和删除，否则只能通过访客身份发表留言。

4.2.2留言信息数据库设计

如下表：

4-3数据表设计

4-4数据信息保存

4.2.2.1表说明

此表是用来记录访客基本信息以及发表留言内容的，共有八个字段，数据类型是int，其余为nvarchar。

每个在留言板里发表留言的访客的基本信息和留言内容都可以保存在此表中，便于显示调用。

5留言板功能测试

5.1访客留言

1、访客点击“我要留言”进入留言编写界面。

2、访客进行留言编写。

3、留言成功，访客点击“返回查看”，查看留言。

5.2管理员管理留言

1、管理员输入已有的帐号密码，点击提交进入留言列表管理界面。

2、管理员点击查看、回复、删除分别进入留言显示、留言回复、留言删除界面。

3、回复与回复成功界面

4、删除与删除成功界面

6设计反思

6.1网站的风格是否统一

一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。

设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。

●一方面是纯网站本身的设计比如文字排版、图片制作、平面设计。

●另一方面是网站的延伸设计，包括网站的主题定位和浏览群定位、智能交互、制作策划、形象包装等。

这两方面相辅相成，做完网站后，首先需要测试的就是网站的整体风格和总体色调。

每个网站的风格都有特定的主题，我的网站主色调是绿色，但其中也不乏别的颜色予以搭配，使整个网站看起来有一种温文尔雅的感觉。

其次是看网页风格的测试，每个页面上的字体的风格、字体颜色、字体的特效、文本风格、文本颜色、以及表格属性、位置等都要有统一的设置。

如我的网站每个页面都有固定不变的布局。

6.2网站链接稳定性测试

超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。

网站能够正确运行首先要保证链接能够连贯运行。

站的运行中整个系统是否运行正常，我主要采用将测试网站长时间运转进行测试，派生出执行程序所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个版块的每个页面都出现了很多的链接，所以每个版块要先进行单独测试，单独测试完成后，根据个版块之间的连接结构再进行总体测试，

从而达到网站的整体的运营能够顺利地进行。

在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。

6.3数据库测试

数据库链接是一种危险的、昂贵的、有限的资源、特别是在多层web应用程序中。

必须正确管理链接，如果链接不当，整个网站的性能也会受到影响，我在测试这个环节的时候也是整个程序长时间运行，多向数据库提交数据，调用数据库里面的内容进行显示，以确保数据库成功保持连接状态。

总结

在本次设计的全过程中，我从一开始无从下手到设计了出一个完整的网站，从中学到了很多知识。

网站设计涉及了各方面的知识，大大扩展了我的知识面，同时是我学会了如何使用所学的知识去解决一些实际的问题。

在设计中我深知自己掌握的知识还远远不够，掌握的一些理论知识应用到实践中去，总会出现这样或那样的问题，不是理论没有掌握好，而是光知道书本上的知识是远远不够的，一定要把理论知识和实践结合起来。

把学到的知识应用到时间中去，多做多练，才可以把理论的精华发挥出来。

知识不是知道，了解就好，一定要去应用它，发展它，让它在现实生活中得到充分的应用，从而解决一些问题，这才是学习的根本目的。

而且知识又不是单一的，它是互相联系的，学科与学科之间都有着内在的联系。

计算机是一门非常复杂且庞大的学科，一项课题往往需要多项技术才可以完成的。

在设计阶段，通过对课题的深入分析与研究，迫使我对技术有了一定的了解。

在遇到问题时，通过自学和同学的悉心帮助，问题便顺利地克服了。

通过此次网站设计，我收获了一条人生道理：

不要还未尝试就觉得不可能，只要努力，一切都有可能。

参考文献

[1]刘华,程序设计[M].北京：

清华大学出版社.2004

[2]赵增敏,ASP动态网页设计[M].北京：

电子工业出版社，2003

[3]张翔，网页制作与网站建设技术大全（CS5版），北京：

清华大学出版社，2011

[4]蒙新.ASP编程技术与综合实例演练[M].北京：

清华大学出版社,2001

[5]高怡新，ASP网络应用程序设计教程（第2版），北京：

人民邮电出版社，2008

[6]XX百科

致谢

此次个人网站设计能顺利完成，首先我要感谢老师在上课过程中传授给我的知识；其次，我要感谢在设计过程中热心帮助我解决困难的同学，让我发现了同学之间互帮互助，互相学习的好氛围；最后，我还要感谢我自己，一开始我本来以为我根本不可以完成这个网站设计，但后来通过不断地自学，不断地努力，不断地坚持，我顺利地完成了，也收获了很多知识，并且也发现自己在制作网站这方面有极大的兴趣，希望在今后的学习中加强这方面的练习，能成为一名专业的网站设计师。