网站毕业设计(论文)-个人网站的建设及实现

个人网站的建设及实现

摘要

21世纪科学技术突飞猛进。特别是信息技术得到高速发展并且信息技术越来越融入到每一个人的生活当中。

个人网站建设首先可以让自己学习到的网络知识得以实践这能在很大程度上提高我们对网络的理解和加强应用能力。同时也积累了实际设计经验对于我们以后在网络方面发展来说是一个很好的锻炼机会。其次个人网站是网络时代个人的网络名片。这个名片可以使不认识的我的人认识我了解我。有了个人网站的平台我们也可以更好的推广自己。让自己的信息得到更多企业以及用人公司的了解。从而也提高了自己的就业面。提高了自己的社会渠道。个人网站还可以让丰富自己的业余生活。让自己认识更多有相同爱好的朋、认识更多不在同一个地方的人有了个人网站在Internet这个信息海洋当中就有了自己的一席之地。

本论文详细的叙述了我的个人网站在建设过程中所用到的工具其实包括Flash网页设计Access数据库以及Photoshop对素材的编辑。说明了建设过程中的软、硬件环境。并且介绍了网站功能是如何实现的。 以及网站的维护和推广。

[关键字]  Flash、场景、矢量、Access

- i -

个人网站的建设及实现

Abstract

21 centuries science and technology advances by leaps and bounds. IT is developedat top speed especially, IT Yue Lai Yue melts moreover to enter the life to everyindividuals middle.

First of all building personal website,allowing the network to learn their knowledgeto practice,which can largely improve our understanding of the network andenhancing the use of capacity.At the same time have accumulated experience in theactual design,for us in the future network development is a good training opportunity.Second, the personal Web site is the era of personal business card.This card can notknow the people I know me,know me.With personal website of the platform,we canbetter promote itself. Let their own information and enterprises employing moreunderstanding of the company.Thereby also improve their employment face. Improvetheir social channels.Personal website can also enrich themselves to the amateur life.More awareness of their own to have the same love of friends,not more awareness ofpeople with a place, a personal website, the information in the Internet Ocean,willhave their own place.

This paper describes the details of my personal website in the process of buildingthe tools used, in fact, including Flash Web Design Access database and Photoshop toedit the material.That the process of building the hardware and software environment.And on the website is how to achieve the function.And Web site maintenance andpromotion

[Keywords]:Flash 、 Scene 、Vector Graphics 、ACCESS

- ii -

个人网站的建设及实现

目录

第一章 绪论……. .…………………. . .………………………………………. .……

1

1.1个人网站的背景分析………………………………………………………1

1.2开发个人网站的必要性……………………………………………………2

1.3个人网站的需求分析…………………………………. . .…………………. .2

第 二 章 关 键 技 术 及 运 行 环 境 的 需 求 分析……………………. .……………………3

2.1矢量图简介………………………………………………………………. .3

2.2 Flash简介…………………………………………………………………3

2.2.1 Flash开发环…………………………………………………….3

2.3 Flash基本原理………………………………………………………….…3

2.3.1 Flash动画的生成……………………………………………………3

2.3.2时间轴………………………………………………………………. .4

2.3.3 Flash中的帧…………………………………………………………4

2.4 ASP技术简介………………………………………………………………. .5

2.5 ACCESS 2003技术简介……………………………………….………5

2.6 IIS服务简介…………………………………………………………….…5

2.6.1 IIS的安装………………………………………………………….…. .5

2.6.2 IIS虚拟目录的创建. .…………………………………………………6

2.7运行环境………. .………………………….………………………. .………7

第 三 章 网 站 的 总 体 设计…………………………. .…………. . .………………….…7

3.1网站的结构…………………………………………………. .……………. .7

3.2网页的设计………………………………………………………………….9

第四章网站数据库设计…………………………………………………. .…. .11

4.1数据库的需求分析…………………………………………………….…. .11

4.2数据表的设计……………………………………………………………. .11

4.3数据库的接连. .…………………………………………………………. .14

第 五 章 网 站 功 能 的 实 现 和 调试…………….……………………….………. .……15

5.1网站功能介绍……………………………………………………………. . .15

5.2主页动画效果的实现…….……………………………………………. . .15

5.3子界面的功能实现………. . .……………………………………………17

5.4 Flash网页的设置与发布……………………………………………. .21

5.5在代码调试过程中经常出现的问题……………………………………. . .22

第 六 章 网 站 发 布 与 推广……. .………………………………….………………. . . . .23

总结……………………………………………………………. .………………. .24

参考文献………………………………………………………………. .………. .25

谢辞…………. .…………………………………………………………………. .26

- iii -

个人网站的建设及实现

第一章 绪论

1.1个人网站的背景分析

众所周知互联网最早于1969年起源于美国可以说互联网是20世纪最伟大的发明之

一。时至今日信息化浪潮正席卷全球方兴未艾。互联网已成为信息化的重要平台、信息化的重要工具和信息化的重要组成部分互联网已经与信息化分不开而且相互促进。 中国正式接入互联网是在1994年。显然中国互联网的起步晚了许多。但正应了“后来者居上”的话 中国这个后起之秀经过了13年多的发展 已经走过了导入期走上了快速发展的道路。可以说中国互联网的发展创造了一个互联网神话其发展速度在全球同等GDP国家中应该是首屈一指的。 中国互联网在快速经历了跟随、参与之后 即将迎来主导阶段。 10多年来 由于政策得当措施得力抢抓机遇互联网事业得到跨越式的发展仅国际出口带宽总量就从最初的64K增长为现在的82617M。在互联网技术方面 目前我国也站在了世界的前列成为全球下一代互联网主要的研究和应用中心。

2007年中国互联网基础资源的发展与网民的发展势头相似同样处于快速发展的阶段。 IP地址和域名是互联网的基础地址资源年增长率分别达到了38%和190.4%保证了互联网发展的平稳进行。 CN域名数则2007年一年增加了4倍。网站数、网页数和网页字节数超过60%的增长速度反映了网上信息资源的增加速度很快网民可以享用的信息资源越来越丰富。中国互联网的国际出口带宽数的年增长率达到43.7% 中国与国际互联网连接的能力进一步增强。

到目前为止互联网的应用和普及已经对我国政治、经济、文化的发展产生了重大的影响这种影响也深入到百姓生活的方方面面。此次发布的报告显示我国网上购物大军达到2000万人网上购物者半年内累计购物金额达到100亿元。

随便网络在国内的发展我国的网站也越越多了。据权威数据表明工国约有

69.4万个网站其中个人网站已经占到两成多。全国域名数约为259.2万个其实网民的数量也得到了很大的提升越来越多的网民以经不满足只是在网上浏览网友找资料发电子邮件的传统的需求。很多人想要自己的个人网站据资料显示,国内94、 95、 96这三年个人网站在国内慢慢出现。 3年的萌芽期过后个人主页在国内得到了很大的发展。 97年正是中国个人主页发展历史中最值得纪念的时期。因为一个很重要的原因网易公司的成立。使得很多网民们抱着玩玩的态度相继制作了个人主页。直到98年真正意义上的个人网站取代了之前的个人主页。在个人网站当中也出现了商业化的风格。网络也成为了商界的战场。转眼到了2000年 网络开始真正进入了寻常百姓家不管是内容还是技术上也得到了很大的提高。直至今天大部分网站都是以营利为目的的了。当然这也推动了网络技术的成长例如 ASP、 PHP、 JSP、 CSS等网站技术也被越来越多的人所掌握。近期.net技术的出现又对成熟的网络技术注入了新的动力。相信在将来个人网站将更加普及每一个上网的人都可以属于创建自己的个人网站。

- 1 -

个人网站的建设及实现

1.2开发个人网站的必要性

当代是信息技术高速发展的代并且融入我们的生活。作为计算机网络专业的大学生更应该掌握良好的网络知识。

个人网站建设首先可心让自己学习到的网络知识得以实践这能在很大程度上提高我们对网络的理解和应用能力。同时也积累了实际设计经验对于我们以后在网络方面发展来说是一个很好的锻炼机会。其次个人网站是网络时代个人的网络名片。这个名片可以使不认识的我的人认识我 了解我。无论是万千山有了个人网站我们可以更好的推广自己。让自己的信息得到更多企业以及用人公司的了解。从而也提高也自己的就业面。提高了自己的社会渠道。

最后个人网站还可以让自己认识更多有相同爱好的朋、认识更多不在同一个地方的人有了个人网站在Internet这个信息海洋当中就有了自己的一席之地在网站中。不管是否是相同专业的人群以及别的专业的朋友都可以畅所欲言特别是对于学习网络专业的以及从事相关专业的人来说更是提供了一个非常好的交流平台。这样就跨越了地域的限制性让自己真正也全世界名地的人共同交流共同学习。使自己的交友圈更大。让自己可以和网络上更多的人交流了解业界的动态使自己也IT行业一起成长。

1.3个人网站的需求分析

我的个人网站主要是展示自己和推广自己主要是通过向网友提供和展示一些信息从而让大家了解我认识我具体的主要是通过一些作品的展示资源的提供以及使用一些图片和文字让大家能够轻松的浏览本网站这其实包括展示区、心情日记、网站留言、资源下载、 自我介绍和相册等功能。虽然功能不是很强大但是浏览者进入之后就会感到我的网站的特别之后。整个网站是通过全Flash界面构成的给人不同于普通表格框架结构所建的网站。

由于我的网站并不同于一般的商业网站那样需要具有高性能的空间和服务器当然购买服务器对于目前来说也是不现实的所以只能租用服务器空间在我的网站中。我选择的是效为便宜的入门型服务器它的空间是100M、支持ACCESS数据库、 FTP的上传和下载、ASP和ASP.net技术。

-2-

个人网站的建设及实现

第二章关键技术及运行环境的需求分析

2.1矢量图简介

矢量图也称为面向对象的图像或绘图图像繁体版本上称之为向量图是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形最大的优点是无论放、缩小或旋转等不会失真最大的缺点是难以表现色彩层次丰富的逼真图像效果。

2.2 Flash简介

2.2.1 Flash开发环境

Flash是一种交互式矢量多媒体技术他的前身是Futureplash早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为Flash2到现在最新的flash8.0。 目前网上已经有成千上万个Flash站点著名的如Macromedia专门站点“闪客帝国”全部采用了Flash和Director。可以说Flash已经渐渐成为交互式知量的标准未来网页的一大主流。 由于其独特的时间片段分割TimeLine和重组MC嵌套技术结合ActionScitp的对象和流程控制使得在灵活的界面设计和动画设计成为可能同时它也是最为小巧的前台。 Flash被称为是“最为灵活的前台” Flash具有跨平台的特性所以无论你处于处于何种平台只要你安装了支持的Flash Player就可以保证它们的最终显示效果的一致同Java一样它有很强的可移植性。现在的Flash还具有的手机支持功能可以让用户为自已的手机设计喜爱的功能。

2.3 Flash基本原理

所谓动画就是将静止的画面变为动态的艺术实现由静止到动态主要是靠人眼的视觉残留效应利用人的这种视觉生理特性可制作出具有丰富想象力和表现力的动画影片。Flash动画制作也是通过这个原理来得到我们想要的动画。在Flash当中每一个静止的画面被称为“帧”将这些帧也就是画面快速的播放出来就成的动画。

2.3.1 Flash动画的生成

在Flash中提供了两种生成动画补间 即“动作”和“形状”。这样以来就面临了一个问题怎样的情况下生成动作补间又在怎样的情况下生成形状补间这个问题比较深入也绝对不是凭空能猜想出来的只有经过自己的反复尝试才能真正弄清楚、弄明白。在制作的过程中我不断的尝试着这两种动画所表现出来的效果。也明白了什么时候需要“动作”补间什么时候需要“形状”补间。也总结出了它们的区别。

-3-

个人网站的建设及实现

动作动画主要是制作元件移动方面的动画元件要组合组合快捷键 ctrl+G

形状动画主要制作元件的形状和颜色方面的渐变元件必须要打散打散快捷键 ctrl+B

2.3.2时间轴

时间轴是Flash的一大特点也是Flash进行动画创作和编辑的主要工具通常它位于舞台和常工具栏之间用鼠标拉动时间轴也可以改变它的位置。

时间轴就好像导演的剧本它决定了各个场景的切换以及演员的出场、表演的

时间顺序。位于时间轴前面的动画出场就早于位于时间轴后面的动画对象。

图2.1时间轴

2.3.3 Flash中的帧

帧其实就是动画播放的基本单位每一个动画都是由多个帧组成的,每个帧代表一个动作。普通帧是对关键帧时候的形态的时间延长让物体保持刚才帧状态更长时间。关键帧就是当需要物体运动或变化的时候需要用到的在设计的过程中往往第一个关键帧是物体的开始状态而第二个关键帧就是物体的结束状态而在这两个关键帧中间的补间的帧就是物体有第一个关键帧到第二个关键帧的变化过程补间的帧常常可能通过Flash自己生产。所以空白关键帧和关键帧的区别就在于关键帧上是有具体内容的而空白关键帧而是通过删除关键帧而得到的。

FLASH中的帧按表现方式的不同分为普通帧,关键帧和白色关键帧3种

普通帧指动画时间轴中的每一个小格子。

关键帧动画播放过程中的呈现关键作用或内容变化的帧。

空白关键帧无任何内容的关键帧。

-4-

个人网站的建设及实现

2.4 ASP技术简介

Microsoft Active Server Pages即我们所称的ASP 意为“活动服务器网页”。其实是一套微软开发的服务器端脚本环境。Microsoft Active Server Pages是创建动态网页的一个很好的工具通过ASP可能编写出动态的网页可以产生HTML的程序代码。因此只要用户浏览网站并请求一个WE B网页WE B服务器就可以处理相应的ASP代码。它一般以VBScript作为服务器端的脚本语言 由安装在服务器上的应用程序扩展软件负责解释并执行这些脚本。

2.5 ACCESS 2003技术简介

Microsoft Office Access是由微软发布的关联式数据库管理系统。是MicrosoftOffice的成员之一。Access是一个在Windows环境下开发的关系数据库它还是一个功能强大的开发工具一般不需要进行复杂编程不用高级语言编程也可以开发出比较理想的数据库。 Access数据库使用标准SQL Structured QueryLanguage结构化查询语言作为它的数据库语言。

每一个Ac c e s s数据库包括它所有的对象都存储在经.mdb为扩展名的数据库文件当中。所以说打开一个数据库就是打开一个数据库文件。就Access

而言可以认识数据库和数据加文件含义相同。Access数据库不提包括各种对象而且还包括各种对象的操作。

Access数据库的优点在于它有使用数据表示图或自定义窗体收集信息数据表示图提供了一生种类似于Excel的电子表格可以使数据库一目了然。另外Access允许创建自定义报表用于打印或输出数据。Access也提供了数据存储库可以使用桌面数据库文件把数据库文件置于网络文件服务器与其他网络用共享数据库。如上所述Ac ces s作为关系数据库开发具备了许多优点提供了的关系数据库的强大功能。

2.6 IIS服务简介

IIS的全称是Internet Information Services Internet信息服务这是一个Micro soft的用于架构基于Windows系统的服务器的附件。这个软件可以在Windows 2000/XP的中安装。Windows 2000 Server在安装系统的时候就自动安装II S 5.0但是 Pro fe ssional版本的II S功能就大大精简于S erver以及Advanc edS erver版了。

2.6.1 IIS的安装

不同的系统内置的IIS版本是各不相同的Windows Server 2003为IIS6.0默认状态下是没有安装IIS服务的。必须手动安装下面就简单介绍一下如何在Windows2000 profession和Windows XP中安装IIS的过程。

步骤1在“控制面板”中选择“添加/删除程序”

步骤2在“添加/删除程序”中选择“添加/删除WINDOWS组件”就会弹出以下所示的WIND OWS组件向导对话框

-5-

个人网站的建设及实现

图2.2 IIS安装步骤

步骤3单击下一步进入安装过程。

2.6.2 IIS虚拟目录的创建

在启动Internet信息服务后在右侧选中“默认Web站点”单击鼠标右键在快捷菜单中选择“新建”选择“虚拟目录”命令输入虚拟目录的名字然后按照系统提示操作 即可完成对虚拟目录的创建。

图(2.3)创建虚拟目录

(1).启动站点停止、暂停、删除站点。

(2).主目录设置、文档管理、HTTP头、 目录安全性、 目录路径、 自定义错误、性能。

-6-

个人网站的建设及实现

2.7运行环境

为了确保系统运行效率和可靠性,服务器端具有较高的软件配置,客户端的要求不需要很高,此应该程序可广大运行于Internet平台上例如在普通的家用宽带中学习的机房宿命和各种终端也选用于内部的局域网,运行要求如下

硬件环境

服务器 CPU要求PIII800以上,内存256MB以上。

客户机 CPU要求200MMX以上,内存64MB以上。

软件环境

客户端Windows98,Internet Ecplorer4.0以上版本。

服务器端Windows2000,IIS5.0及以上版本。

数据库采用Access数据库运行于服务器。

-7-

个人网站的建设及实现

第三章网站的设计和内容规划

3.1网站的总体结构

该个人网站的建设是用Flash动画网而设计+Access数据库+ASP动态网页编程设计。系统是基于客户机/服务器模式的系统。在设计的过程。分为以下几个方面主页面的设计、子页面的设计。 网站的整体结构如下图所示

图(3.1 )网站结构

-8-

个人网站的建设及实现

3.2页面设计

(1).主页面的结构设计

在设计之前我收集了大量的Flash网站的资料信息特别是很多优秀Flash个人网站观察了他们的整体框架以及网站的表现形式。我发现优秀的Flash网站给人的感觉完全不同于普通的基于HTML页面的网站。都是以简洁的形式给人的视觉产生不同的效果所以我的主页设计整体思想也将延续简洁清爽的思路。除必要的导航以外界面上不另任何内容。以做到给人耳目一新的感觉。

下面是我设计的主页的结构

图(3.2)页面布局

-9-

个人网站的建设及实现

(2).子页的结构设计

一个网站的主页和子页往往具有相同的风格只有给人与相同的风格。让人感觉网络明确整体感强在我网站的子页中。我将延续主页面的简洁风格在除了必要的功能以外也将于简洁清爽为主色调。

图(3.3)子页面结构图