《个人网站的建设及实现_毕业论文设计.doc》由会员分享，可在线阅读，更多相关《个人网站的建设及实现_毕业论文设计.doc（25页珍藏版）》请在三一文库上搜索。
1、商丘工学院毕业论文（设计）编号：_商丘工学院毕业论文（设计）题 目： 个人网站的建设及实现 院 别： 信息与电子工程学院 专 业： 计算机网络技术 摘 要随着网络的发展，很多企事业单位和广大普通网民对建立自己的网站的需求越来越强烈。网站是互联网上交流的平台，建立网站已经成为很多单位和网民的必修课。20世纪末，随着计算机科学的发展，数据库技术在Internet中的应用越来越广泛，为广大网络用户提供了更加周到和人性化的服务。个性化已逐渐成为当今Web应用的潮流。个人网站是当今网上比较流行的站点。本文以个人网站为目标,运用ASP技术实现.对网站的和策划和布局进行了实质考察。我所做的个人网站主要是学习
2、型网站，重点内容是与这次的毕业设计有关网站的制作。关键词：个人网站；ASP；Web目 录前 言1第一章 个人网站开发分析11.1 任务概述11.2 网站开发背景及目的21.3 网站运行环境及相关术语3第二章 概要设计52.1 网站开发工具的选用及介绍52.2 个人网站的设计思想9第三章 个人网站的设计及实现103.1首页的设计103.2 个人简介板块113.3 留言板块123.4 聊天室板块153.5 新闻制作版块173.6 网站的测试19总 结 语20参考文献20商丘工学院毕业论文（设计）前 言在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革
3、命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。计算机网络作为一种先进的信息传输媒体，其特点就是信息传送速度快、信息覆盖面广而且成本低。因此许多企业都开始利用网站开展商务活动，比如在互联网上发布企业信息、为商品做广告、利用电子邮件进行信息交流等。在互联网上不仅可以进行商务活动，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和
4、风格。我们也可以把自己的个人网站发布到互联网上，以供大家欣赏。个人网站也成为了一种时尚。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。第一章 个人网站开发分析1.1 任务概述随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充
5、分体现自我风格和特色的个人网站已经成为互联网用户的新追求。个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。个人网站用户界面要好，简明实用，既要有自己的特点又要有接近大众化。主页的设计应以醒目优先，应该令人一目了然，不堆砌太多不必要的细节，或使画面过于
6、复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。1.2 网站开发背景及目的目前，我国上网的人口已近
7、一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案
8、、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。这里就以我做的这个学生网站为实例给大家简述这个问题，作为一个学生网站，我的服务群体及访问者都定位在在校学生，为学生服务就是我的这个网站的目的和方向。从整个页面上可以看出，我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用
9、户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。本设计简单易用，可以提高个人网站的知名度和形象；直接面对浏览所提供的信息化服务，改善服务水准。1.3 网站运行环境及相关术语软件平台需要服务器上的操作系统为microsoft windows xp server。因
10、为ASP的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的office access数据库，因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。一、 ASP的运行环境1. Windows 2000
11、+IIs 5.0(Internet信息管理器5.0)。2. Windows XP+Iis 5.0（Intetnet 信息管理器5.0）。3. Windows 98+PWS4.0(personal Web Server4.0,个人Web服务管理器)。4. Windows NT 4.0 + Windows NT Option pack。二、 ISS 5.0的安装与设置IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器， 最新的版本是Windows2000里面包含的IIS 5.0，IIS与WindowNT Server完全集成在一起， 因而用户能够利
12、用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性， 建立强大、灵活而安全的Internet和Intranet站点。 IIS的一个重要特性是支持ASP。IIS 3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。下面就简单介绍一下在我设计过程中在Windows 2000 Professional 上安装IIS 5.0的过程。步骤 1 首先，我选择“开始”“设置”“控制面板”，在“控制面板”中选择“添加或删除程序”后，弹出“添加/删除程序”对话框。步骤 2 在左边4个可选择的导航栏中选择“添加/删除Window
13、s组建”按扭，弹出一个新的对话框。步骤 3 在显示的组建里面，选中“Internet信息服务（IIS）”组建的复选框，单击“下一步”按钮，就进入了IIS 5.0的安装过程，如图所示。图1-1 iis安装界面图步骤 4 等到安装完成以后，在“控制面板”里面选择“管理工具”，在打开的管理工具里面如果有“Internet 服务管理器”，说明IIS 5.0已经安装好。打开IE浏览器，然后在地址栏输入“127.0.0.1”（或者localhost），就可以看到所链节的界面。完成安装以后，对iis进行适当的配置，用于发布网页。创造了网站编辑的环境，让我们进一步的设计如何让一个网站跟假的绚丽、夺目。接下来让
14、我们先来了解一下与编辑相关的基本术语。1. ODBC：开放式数据库互连 2. Personal Portal：个人网页3. Data Processing:数据处理 4. Transaction processing:事务处理5. Access 2000：数据库 6. ASP：活动服务器网页7. HTML：超文本标志语言第二章 概要设计“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。”国内著名个人网站站长、手机之家站长高春辉说。网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。
15、一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。2.1 网站开发工具的选用及介绍在网页的设计过程中，因人而宜，每个人使用的软件也许不同，如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里，我们主要说的是Macromedia公司出品的“三剑客”。一、梦幻网页的编织者-Dreamweaver8.
16、0Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。图2-1 Dreamweaver的操作界面二、网页动画的制作软件-Micromedia Flash 8.0Micromedia Flash 8.0用于web站点的交互式的矢量图形和动画的制作，
17、它可制作出，用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。图2-2 Flash的操作界面三、美丑工具- FireworksFireworks MX的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提
18、供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks MX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks MX中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。但随着科学技术的不断发展，美化工具我们通常使用的事神奇的photoshop。四、影像与动画的制作软件-Adobe Photoshop8.0Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。1
19、. 文字处理更加方便。2. 增加的图层集使图层管理更有序。3. 新增图像功能：图像的剪切和剪裁更加方便。4. 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参 数的设置。5. 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。图2-3 Photoshop的操作界面五、动态网站的脚本语言-ASPASP即Microsoft Active Server Pages，它其实是一套微软开发的服务器端脚本环境,下面列举了ASP的一些特点1. 使用VBScript、JavaScript等简单易懂的脚本语言并
20、结合HTML代码编写网站应 用程序简单、快速。2. 程序在服务器端直接执行，不用编译。3. 使用的编辑器简单，使用Windows的记事本这样的普通文本编辑器即可。4. 与浏览器无关，用户端只要使用可执行HTML码的浏览器就可阅读ASP所设计的网页内容。ASP所使用的脚本语言（VBScript、JavaScript）均在Web服务器端执行，用户端的浏览器不需要执行这些脚本语言。5. ASP能与任何ActiveX scripting 语言相兼容。除了使用VBScript或 JavaScript语言来设计外，还可通过piug-in的方式使用由第三方所提供的其他脚本语言，像REXX、Perl、Tcl等
21、。六、关系型数据库- access1. AccessAccess作为Microsoft的office套件产品之一,是世界上最流行的桌面数据库系统。Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。它能操作其它来源的资料，包括许多流行的PC数据库程序（如Paradox，Microsoft FoxPro）和服务器、大型机上的许多SQL数据库。Access完全支持Microsoft的对象的链接与嵌入（OLE）技术。本网站采用功能强大的Microsoft Access作为后台数据库，使用前面所述的网页三剑客作为前台开发工具，从而开发了一个小型的个人
22、网站。2. SQL ServerMicrosoft SQL Server是基于服务器端的中型的数据库，可以适合大容量数据的应用，在功能上管理上也要比Microsoft Access要强得多。在处理海量数据的效率，后台开发的灵活性，可扩展性等方面强大。因为现在数据库都使用标准的SQL语言对数据库进行管理，所以如果是标准SQL语言，两者基本上都可以通用的。Microsoft SQL Server还有更多的扩展，可以用存储过程，数据库大小无极限限制。本站属于个人站点采用Access数据库就行了。图2-4 access的基本操作界面2.2 个人网站的设计思想通常情况下，架设个人网站主要是为了通过互联网
23、表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记
24、、音乐、留言。一、个人简介 介绍版主的一些基本信息，希望各位访客能够认识版主。二、我的相册在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏木。让大家一起来欣赏人物、风景风采。三、给我留言是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。用户留言显示发表图2-5 留言流程图四、日记在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。五、发送邮件各位访客可以通过outlook
25、向版主或者其他人发送电子邮件。在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。后台认证：只允许浏览者进入页面浏览，在对回复留言和新闻的增加、删除这些管理时都需要对用户的身份进行认证，即需要管理员提供后台管理的用户名和密码，该用户名和密码保存在相对应的数据库中。留言板是每个网站都必须要有的，它是用户和管理都进行互动的一个模块。新闻动态模块：可以查看各方面有关的资料，但作为普通的浏览者在我的这个网站里只可以浏览新闻，并没有任何特权，对于新闻的编辑添加、删除只有管理员可以进行，这一点就利用了后台ASP有关的编程。基本设计如下个人简介个人专题链接百度我的相册网站说
26、明新闻动态网友文学欣赏给我留言发送邮件快乐音乐校园新闻社会最新报道我的照片我的班级美丽校园图2-6 网站的各个模块第三章 个人网站的设计及实现3.1首页的设计图3-1 个人主页基本界面制作网站Index.html的基本操作主要依靠Dreamweaver工具来完成的：主要代码为 个人简介 个人专题 连接百度 我的相册 新闻动态 给我留言 网站说明3.2 个人简介板块本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息，大致界面内容如图所示。图3-3 显示页面主要代码为： 姓 名： 郭武杰 出生年月： 1991.6/td 性 别： 女 政治面貌： 团员3.3
27、留言板块留言板是互联网上最常见的一种服务，也是典型的交互性网页，通常上网者可以在留言板上一些东西向管理者提出一些观点和意见。留言板也可以作为网友互通信息、相互交流的便捷渠道。图3-4 系统流程图1. 有关留言板的相关的表格字段名称数据类型字段大小允许空说明id自动编号长整型自动编号name文本50否留言姓名title文本50否留言标题body备注否留言内容图3-5 留言表2相关的界面显示图3-6 聊天主页面图3-7 工作界面3. 主要的代码显示a href=% End If end MM_offset 0 % % If MM_offset 0 Then % a href=% End If en
28、d MM_offset 0 % a href= a href= 这段代码实现了记录集导航条的功能。Dim cn Set cn=server.createobject(“adodb.connection”)Cn.connectionstring=”driver=Microsoft Access_ Driver(*.mdb);DBQ=&Server.Mappath”(lyb.mdb)”Cn.open这是数据库连接的代码。这个页面主要使用了数据库的连接，创建记录集，绑定数据，以及导航条的设置，显示区域与不显示区域的控制，和重复区域以及相关的文字链接等通过asp+access技术完成的留言板主页。3.
29、4 聊天室板块聊天室是当今广泛应用的一种网络服务，它为广大网民提供了一种方便快捷的沟通方式，在线聊天时上网的一项重要活动，聊天室是最早出现的网上聊天方式，并且操作简单，许多大型网站建立了聊天室，为大家提供了一个不受地域限制的实时交流的场所。1. 一般聊天室的设计流程图图3-8 流程图2. 所用到的数据库有chat和userb分别如图所示图3-9 chat表图3-10 user表3. 相关的界面显示图3-11 注册界面显示效果4. 设计中的关键代码set chat=server.CreateObject(adodb.connection)chat.connectionstring=driver=
30、mcrosoft access driver(*.mdb);& dbq=& server.mappath(chat.mdb)chat.opens=select*form userb where username=&username&set rs=chat.execute(s)if rs.eof or rs.bof thens1=insertintouserb(username,userpword,useremail,usersex)values(&username&,&userpword&,&usersex&,&useremail&)chat.execute s1response.Redire
31、ct(index.asp)实现了检查userb表中是否有此用户，如果用户不存在则将新注册的新用户相应的信息存入数据表userb，注册成功后转向ingdex.asp页面。设计中的关键代码% if i mod 5=0 then response.Write()%input type=radio name=userimg value=checkedimg src=width=60 height=60此代码使用文件访问组件完成了对你images文件夹的访问，通过循环在页面上实现以每行五个的形式一次显示文件夹内的图片，对应的每个图片有一个单选按钮。聊天室所涉及的网页都是由asp的内置对象来完成的，后台使
32、用access数据库，使用odbc进行数据库的连接。在此基础上一步步的完成聊天室的所有页面，进行运行和调试。3.5 新闻制作版块新闻发布系统是一个网站所必须的内容，新闻的随时更新使用动态网站的数据库功能，一方面可以快不发布信息，另一方面可以很容易的存储以前的信息，便于浏览。更重要的是保持了网站的稳定性。要想完成新闻版块的制作，我们首先安装ado组件中最常用的上传组件lyfupload完成新闻配置文件的上传。此组件支持单文件的上传、多文件的上传、限制文件大小上传、限制某一类型的文件上传等功能。组件的注册：选择“开始”运行命令，输入“regsvr32 e:lyfupload”后按回车键。Lyfup
33、load组件的创建：1. 在制作新闻系统时所用到的数据表格图3-12 News表2. 页面显示图3-13 Index页面显示3. 实现此效果的一些代码 建立并连接数据库代码。更多新闻.链接更多新闻代码。管理员登陆校对文件gl.inc 。管理员退出页面主要代码。3.6 网站的测试超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。网站的运行中整个系统是否运行正常，我主要采用将测试网站长时间运转进行测试，派生出执行程序所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个版块的每个页面都出现了
34、很多的链接，所以每个版块要先进行单独测试，单独测试完成后，根据个版块之间的连接结构再进行总体测试，从而达到网站的整体的运营能够顺利地进行。在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。总 结 语到此，我制作的个人网页已经完成。但由于毕业设计时间较短，能力有限，所以系统还有许多不尽人意的地方，功能不够全面等多方面问题。这些都有待于进一步改善。调试过程中，出现了太多的问题，暴露了语言编写能力缺陷。由于第一次进行制作网站的设计，许多的东西过于繁琐和不必要，存在着一些问题，特别是我的各个模块并没有让它们有机结合起来，而是各自以单独的模块存在，这样既烦琐又没有技术，这一点是我这
35、个网站存在的重大缺点。我知道以我现阶段的能力还难以解决，我会努力学习，提高自己，解决问题还有一点就是编程语言方面，我发现自己懂得的真是了了可数，就因为编程这一块不精，才导致于做各个模块时无法让它们正确的相联接，对于其中的许多代码我都是借鉴于别人的。通过这次设计，我学会了和别人配合工作，因为一个人所学的知识不可能面面俱到的，只有通过合作，发挥自己的优点，体现团队精神，才能使工作做得更为出色。通过这次设计，我学到了许多书本上学不到的知识，增强了自己的动手能力。即将毕业我十分珍惜这次锻炼的机会，我按部就班的完成了自己的设计任务，但由于自己的知识水平有限，仍然存在很多的不足之处，恳请老师多多指教！参考文献1吴涛主编，网站全程设计技术（修订本），北京交通大学出版社，2006.72龙马工作室编，ASP+access组建动态网站实例精讲，人民邮电出版社，2004.83 赵增敏编，ASP动态网页设计，电子工业出版社，2003.84刘华,程序设计,清华大学出版社,20045 刘春 编著,网页制作三剑客标准培训教程,上海科学普及出版社,2003.1 21