毕业设计论文 个人网站设计.docx

毕业设计论文 个人网站设计.docx

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

毕业设计论文个人网站设计

个人网站设计毕业论文

摘要

网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。

特别是对于个人网站，不可能像单独的网页那样做得内容少而单一。

所以必须要找准一些自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。

本论文主要是对个人网站的建立进行研究和探讨。

作品的主要技术指标包括：

1、制作出一个具有静态和动态技术的“个人网站”；

2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论。

本设计的主要内容包括：

1、个人网站的设计思想；

2、网页设计工具的介绍及选用；

3、个人网站的设计及效果图；

关键词：

网站　ASP　风格　创意

Abstract

Pageplanincludesagreatmanythings,suchasthepagestructure,andcolumnsettings,webstyle,colorcombinations,layout,text,imagesandotheruseof,andonlythiswebsiteinordertohaveproducedpersonalitycharacteristics,attractive.

Webthemeistobeincludedinthemaincontentsofawebpagemusthaveacleartheme.Especiallyforpersonalwebpages,itisimpossibletodo,asanintegratedWebsitecontentaslargeandcomprehensive,all-inclusive.Mustbenecessarytoidentifyonemostinterestedintheirowncontent,sodeep,bethorough,todoitsowncharacteristics,soastogivetheleftadeepimpression.

Thiswillbewebpagedesignandproductionofresearchanddiscussion.Worksofthemaintechnicalindicatorsinclude:

Toproduceastaticanddynamictechnology"companypages";Intheprocessofstrengtheninganddeepeningofpreviouslylearnedaboutwebdesignmethods,whileabetterunderstandingofReferenceInformationonthemethodsandtheories;Finally,thepursuitofstabilityofthebackgroundoperation.

 Thedesignofthemaincontentsinclude:

companywebpagedesignideas,theoverallplanningandrelevantbasicknowledge;companywebpagesfrontdesignandeffectdiagram;Personalwebpagesdebugging.

Keywords:

WebsiteASPStyleOriginality

前言

个人网站是指因特网上一块固定的面向全世界发布消息的地方，个人网站由域名（也就是网站地址）、程序和网站空间构成，通常包括主页和其他具有超链接文件的页面。

网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。

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

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

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

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

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

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

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

越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。

简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。

人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务

目录

第一章Web页概述及工具选用1

1.1Web概述1

1.1.1认识Web1

1.1.2Web技术综述1

1.2开发工具的介绍及选择2

1.2.1Dreamweaver8.02

1.2.2ASP3

第二章个人网站设计分析5

2.1相关术语及解释5

2.1.1Internet5

2.1.2站点5

2.1.3超链接5

2.1.4URL5

2.2个人网站的由来和发展5

2.3个人网站建立的步骤6

2.3.2确定网站界面6

2.4个人网站的设计与规划7

2.4.1明确架设网站的目的7

2.4.2我的个人网站概貌7

第三章个人网站页面设计8

3.1首页设计8

3.1.2界面设计8

3.2相册页面设计11

3.3留言板页面设计13

3.4诗歌欣赏页面设计15

3.5维护16

参考文献17

总结18

致谢19

Web页概述及工具选用

1.1Web概述

1.1.1认识Web

Web（WorldWideWeb，简称WWW，又称万维网）是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。

Web采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：

请求→处理→应答。

Web以超文本标记语言HTML（HyperTextMarkupLanguage）与超文本传输协议HTTP（HyperTextTransferProtocol）为基础，通过浏览器为用户提供方便友好的信息浏览界面。

Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。

在Web服务方式中，信息以页面（或称Web页）的形式存储在Web服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。

这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。

页面到页面的链接信息由统一资源定位器URL（UniformResourceLocator）维持。

用户通过客户端应用程序（即浏览器）向Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。

Web服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如New、FTP、Telnet、Gopher及Mail等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。

1.1.2Web技术综述

在信息技术领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。

Web界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。

只要你愿意或是你能想到的服务，Web几乎都能实现。

Web技术涉及诸多技术领域：

1、网络硬件技术

从两台或多台机器组成的对等网，到主机控制的以太网，再到生动活泼的因特网，每一处都需要有特定的硬件支持。

1968年，当“LOGIN”的“LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网的成功！

组网技术经过几十年的锤炼，而今已经相当成熟了。

网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来，实施网络通信和达到共享网络资源的目的。

2、Web管理技术

网络管理技术是一个永久的话题。

网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻的考验。

一个合格的网管人员，除了管好网络，还得和黑客做技术上的较量。

网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。

网络管理由网管员通过驾输驭网络操作系统和网络管理软件来实现。

Web管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。

诸如架设Web服务器、文件传服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。

1.2开发工具的介绍及选择

1.2.1Dreamweaver8.0

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

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

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

Dreamweaver可以为用户做到：

使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。

它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。

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

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

至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。

常用的Dreamweaver工作区组件有以下若干种：

1、文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。

2、装载器中包含一些打开和关闭常用检查器和模板的按钮。

3、对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。

4、属性检查器显示选定对象的属性。

5、快捷菜单可以使用户对当前选择或区域快速执行某些命令。

6、可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。

1.2.2ASP　　

ActiveServerPages：

“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端若使用Netscape浏览器就无法显示VBScript的执行结果。

ＡＳＰ的特点：

1、任何开发工具皆可发展ＡＳＰ

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。

当然，其他网页发展工具，例如，FrontPageExpress也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。

通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

2、语言相容性高

ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScriptActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。

3、隐密安全性高

如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！

这是因杰ＡＳＰ程序先于网站服务（WebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。

4、易于操控数据库

ＡＳＰ可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：

Access、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel”文件当成数据库用。

5、面向对象学习容易

ＡＳＰ具备有面向对象（object-oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：

Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。

6、ASP的六大内部对象

对象名称功能描述

RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个

Session内的用户信息，该信息仅可被该用户访问在一个

ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理

所以我选择了ASP结合Dreamweaver架构个人站点。

个人网站设计分析

2.1相关术语及解释

2.1.1Internet

Internet（英特网）诞生于上世纪60年代，发展非常慢，到90年代才开始迅速发展。

现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。

上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。

2.1.2站点

所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。

站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。

2.1.3超链接

我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。

采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。

人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。

超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。

2.1.4URL

URL（UniformResourceLocator的缩写），统一资源定位器。

互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。

对于Web来说，可以简单并通俗把URL理解为网址。

每个Web网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。

例如，

2.2个人网站的由来和发展

互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。

这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理想的个人主页存放地。

个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。

同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

2.3个人网站建立的步骤

2.3.1确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。

可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。

兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。

对于内容主题的选择，要做到小而精，主题定位要小，内容要精。

不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。

2.3.2确定网站界面

界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：

1、栏目与板块编排

构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。

网站建设初学者，最容易犯的错误就是：

确定题材后立刻开始制作，没有进行合理规划。

从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。

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

所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。

2、确定网站风格

“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。

这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。

不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：

是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。

总之，有风格的网站与普通网站的区别在于：

在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等；在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。

在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。

并以它作为网站的特色加以重点强化、宣传。

总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

2.4个人网站的设计与规划

2.4.1明确架设网站的目的

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

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

2.4.2我的个人网站概貌

因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。

1、留言板

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

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

和大家进行沟通。

2、相册

在其中展示漂亮的图片，让大家一起来欣赏人物、风景风采。

3、文学欣赏

在其中展示了我喜欢的文学作品，和大家分享经典的诗歌作品。

4、页面组织

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

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

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

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

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

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

因此我将自己的个人网站分为四个栏目，分别是关于主页、相册、诗歌欣赏、留言。

个人网站页面设计

3.1首页设计

3.1.2界面设计

我的个人网站大体上包括一下内容：

首页，相册，诗歌欣赏，在线留言，五大模块。

这五大模块简介如下：

首页是网站的主体，别人进入个人网站第一眼看见的就是首页，所以首页的设计关乎能否吸引住游客继续浏览。

为了使我的的首页美观生动、吸引人，打开我的首页首先映入你眼帘的是FLASH动画，这样会使网页具有动态美的感觉，加上动听的背景音乐，无论是从视觉，听觉还是感觉上都是一个不错的网站。

在首页中使用文字滚动效果，使页面上方的欢迎文字左右移动，页面中部的歌词从下至上滚动播放。

实现首页效果的部分参考代码如下：

留言板