推荐个人网站的建设及实现设计精品.docx

推荐个人网站的建设及实现设计精品.docx

《推荐个人网站的建设及实现设计精品.docx》由会员分享，可在线阅读，更多相关《推荐个人网站的建设及实现设计精品.docx（23页珍藏版）》请在冰豆网上搜索。

推荐个人网站的建设及实现设计精品

编号：

_______________

商丘工学院

毕业（设计）

题目：

个人网站的建设及实现

院别：

信息与电子工程学院

专业：

计算机网络技术

摘要

随着网络的发展，很多企事业单位和广大普通网民对建立自己的网站的需求越来越强烈。

网站是互联网上交流的平台，建立网站已经成为很多单位和网民的必修课。

20世纪末，随着计算机科学的发展，数据库技术在Internet中的应用越来越广泛，为广大网络用户提供了更加周到和人性化的服务。

个性化已逐渐成为当今Web应用的潮流。

个人网站是当今网上比较流行的站点。

本文以个人网站为目标,运用ASP技术实现.对网站的和策划和布局进行了实质考察。

我所做的个人网站主要是学习型网站，重点内容是与这次的有关——网站的制作。

关键词：

个人网站；ASP；Web

前言

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。

互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。

他们钻研并且努力进入到这一个新的空间，新的领域。

以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。

计算机网络作为一种先进的信息传输媒体，其特点就是信息传送速度快、信息覆盖面广而且成本低。

因此许多企业都开始利用网站开展商务活动，比如在互联网上发布企业信息、为商品做广告、利用电子邮件进行信息交流等。

在互联网上不仅可以进行商务活动，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

我们也可以把自己的个人网站发布到互联网上，以供大家欣赏。

个人网站也成为了一种时尚。

本中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。

在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。

第一章个人网站开发分析

1.1任务概述

随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。

个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。

它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。

以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。

来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。

个人网站用户界面要好，简明实用，既要有自己的特点又要有接近大众化。

主页的设计应以醒目优先，应该令人一目了然，不堆砌太多不必要的细节，或使画面过于复杂。

要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。

这样制作出来的主页才会清晰、明了、内容充实。

在进行动态网页制作的时候，通常都是使用ASP来完成。

由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。

ASP集成在和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。

同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。

1.2网站开发背景及目的

目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。

网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置网站已成为最吸引人的也最有效的信息传递手段和方式。

随着网络技术的发展，各类网站纷纷出现。

中国互联网在近几年发展迅猛。

一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低。

目前中国网站总数已经近百万。

在这里面出现了大量的个人网站。

并且个人网站存在着巨大的商业价值。

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。

任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。

这里就以我做的这个学生网站为实例给大家简述这个问题，作为一个学生网站，我的服务群体及访问者都定位在在校学生，为学生服务就是我的这个网站的目的和方向。

从整个页面上可以看出，我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。

整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。

其实任何网站都一样：

企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。

如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。

本设计简单易用，可以提高个人网站的知名度和形象；直接面对浏览所提供的信息化服务，改善服务水准。

1.3网站运行环境及相关术语

软件平台需要服务器上的操作系统为microsoftwindowsxpserver。

因为ASP的开发平台首选是WindowsNTServer（Windows2000Server）上的IIS，然后是WindowsNTWorkstation（Windows2000Profession）或Windows95/98的PersonalWeb，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的officeaccess数据库，因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。

一、ASP的运行环境

1.Windows2000+IIs5.0（Internet信息管理器5.0）。

2.WindowsXP+Iis5.0（Intetnet信息管理器5.0）。

3.Windows98+PWS4.0（personalWebServer4.0,个人Web服务管理器）。

4.WindowsNT4.0+WindowsNTOptionpack。

二、ISS5.0的安装与设置

IIS是InternetInformationServer的缩写，它是微软公司主推的Web服务器，最新的版本是Windows2000里面包含的IIS5.0，IIS与WindowNTServer完全集成在一起，因而用户能够利用WindowsNTServer和NTFS（NTFileSystem，NT的文件系统）内置的安全特性，建立强大、灵活而安全的Internet和Intranet站点。

IIS的一个重要特性是支持ASP。

IIS3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。

下面就简单介绍一下在我设计过程中在Windows2000Professional上安装IIS5.0的过程。

步骤1首先，我选择“开始”—“设置”—“控制面板”，在“控制面板”中选择“添加或删除程序”后，弹出“添加/删除程序”对话框。

步骤2在左边4个可选择的导航栏中选择“添加/删除Windows组建”按扭，弹出一个新的对话框。

步骤3在显示的组建里面，选中“Internet信息服务（IIS）”组建的复选框，单击“下一步”按钮，就进入了IIS5.0的安装过程，如图所示。

图1-1iis安装界面图

步骤4等到安装完成以后，在“控制面板”里面选择“管理工具”，在打开的管理工具里面如果有“Internet服务管理器”，说明IIS5.0已经安装好。

打开IE浏览器，然后在地址栏输入“127.0.0.1”（或者localhost），就可以看到所链节的界面。

完成安装以后，对iis进行适当的配置，用于发布网页。

创造了网站编辑的环境，让我们进一步的设计如何让一个网站跟假的绚丽、夺目。

接下来让我们先来了解一下与编辑相关的基本术语。

1.ODBC：

开放式数据库互连

2.PersonalPortal：

个人网页

3.DataProcessing:

数据处理

4.Transactionprocessing:

事务处理

5.Access2000：

数据库

6.ASP：

活动服务器网页

7.：

超文本标志语言

第二章概要设计

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

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

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

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

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

2.1网站开发工具的选用及介绍

在网页的设计过程中，因人而宜，每个人使用的软件也许不同，如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage、还有国产的“东方网页王”等等。

在这里，我们主要说的是Macromedia公司出品的“三剑客”。

一、梦幻网页的编织者------Dreamweaver8.0

Dreamweaver是创建和管理网页的专业化可视编辑器。

使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。

Macromedia的Roundtrip技术允许用户随意导入文档而无需重新设置代码格式。

Dreamweaver还是一个可以完全自定义的应用程序。

用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。

图2-1Dreamweaver的操作界面

二、网页动画的制作软件----MicromediaFlash8.0

MicromediaFlash8.0用于web站点的交互式的矢量图形和动画的制作，它可制作出，用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。

Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。

Flash的交互性的大部分设置就在Action和Fsmand里，通过对Action和Fsmand的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。

图2-2Flash的操作界面

三、美丑工具-----Fireworks

FireworksMX的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。

它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。

FireworksMX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。

另外，FireworksMX中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。

但随着科学技术的不断发展，美化工具我们通常使用的事神奇的photoshop。

四、影像与动画的制作软件-----AdobePhotoshop8.0

Photoshop8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。

1.文字处理更加方便。

2.增加的图层集使图层管理更有序。

3.新增图像功能：

图像的剪切和剪裁更加方便。

4.将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。

5.为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。

图2-3Photoshop的操作界面

五、动态网站的脚本语言----ASP　　

ASP即MicrosoftActiveServerPages，它其实是一套微软开发的服务器端脚本环境,下面列举了ASP的一些特点

1.使用VBScript、JavaScript等简单易懂的脚本语言并结合代码编写网站应用程序简单、快速。

2.程序在服务器端直接执行，不用编译。

3.使用的编辑器简单，使用Windows的记事本这样的普通文本编辑器即可。

4.与浏览器无关，用户端只要使用可执行码的浏览器就可阅读ASP所设计的网页内容。

ASP所使用的脚本语言（VBScript、JavaScript）均在Web服务器端执行，用户端的浏览器不需要执行这些脚本语言。

5.ASP能与任何ActiveXscripting语言相兼容。

除了使用VBScript或JavaScript语言来设计外，还可通过piug-in的方式使用由第三方所提供的其他脚本语言，像REXX、Perl、Tcl等。

六、关系型数据库----access

1.Access

Access作为Microsoft的office套件产品之一,是世界上最流行的桌面数据库系统。

Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。

它能操作其它来源的资料，包括许多流行的PC数据库程序（如Paradox，MicrosoftFoxPro）和服务器、大型机上的许多SQL数据库。

Access完全支持Microsoft的对象的链接与嵌入（OLE）技术。

本网站采用功能强大的MicrosoftAccess作为后台数据库，使用前面所述的网页三剑客作为前台开发工具，从而开发了一个小型的个人网站。

2.SQLServer

MicrosoftSQLServer是基于服务器端的中型的数据库，可以适合大容量数据的应用，在功能上管理上也要比MicrosoftAccess要强得多。

在处理海量数据的效率，后台开发的灵活性，可扩展性等方面强大。

因为现在数据库都使用标准的SQL语言对数据库进行管理，所以如果是标准SQL语言，两者基本上都可以通用的。

MicrosoftSQLServer还有更多的扩展，可以用存储过程，数据库大小无极限限制。

本站属于个人站点采用Access数据库就行了。

图2-4access的基本操作界面

2.2个人网站的设计思想

通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：

为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。

如果网站结构不清晰，目录庞杂，内容东一块西一块。

结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。

网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？

栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。

因此我将自己的个人网站分为五个栏目，分别是关于我、相册、日记、音乐、留言。

一、个人简介

介绍版主的一些基本信息，希望各位访客能够认识版主。

二、我的相册

在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏木。

让大家一起来欣赏人物、风景风采。

三、给我留言

是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。

就我们感兴趣的话题展开讨论。

和大家进行沟通。

图2-5留言流程图

四、日记

在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。

奇文共欣赏，疑义相与析。

我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。

五、发送邮件

各位访客可以通过outlook向版主或者其他人发送电子邮件。

在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。

后台认证：

只允许浏览者进入页面浏览，在对回复留言和新闻的增加、删除这些管理时都需要对用户的身份进行认证，即需要管理员提供后台管理的用户名和密码，该用户名和密码保存在相对应的数据库中。

留言板是每个网站都必须要有的，它是用户和管理都进行互动的一个模块。

新闻动态模块：

可以查看各方面有关的资料，但作为普通的浏览者在我的这个网站里只可以浏览新闻，并没有任何特权，对于新闻的编辑——添加、删除只有管理员可以进行，这一点就利用了后台ASP有关的编程。

基本设计如下

图2-6网站的各个模块

第三章个人网站的设计及实现

3.1首页的设计

图3-1个人主页基本界面

制作网站Index.的基本操作主要依靠Dreamweaver工具来完成的：

主要代码为

个人简介

个人专题

连接XX

我的相册

新闻动态

给我留言

网站说明

3.2个人简介板块

本模块是个人简介部分，每个个人网站都会有作者介绍。

在这个模块访客会了解到作者的一些基本信息，大致界面内容如图所示。

图3-3显示页面

主要代码为：

姓名：