网站个人网站的建立毕业设计论文

安徽中澳科技职业学院计算机系201 1届毕业生

毕业论文设计

论文题目个人网站建立

指导教师 吴晓虹

姓 名杨丽娟

完成时间 2010-1 1-8

摘要

本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括 1、制作出一个具有静态和动态技术的“个人网站” 2、在制作的过程中加强和深化以前所学的关于网页设计的方法 同时更好的理解参考资料上的方法和理论。

本设计的主要内容包括 1、个人网站的设计思想整体规划及相关基础知识 2、个人网站的前台设计包括汇编HTML语言程序及效果图 3、个人网站的调试。

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

网站主题就是所要包含的主要内容一个网站必须要有一个明确的主题。特别是对于个人网站不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最感兴趣内容做深、做透办出自己的特色这样才能给人留下深刻的印象。

关键词技术指标 基设计内容 网站规划 网站主题

Abstract

This will be web page design and production of research and discussion.Works of themain technical indicators include: To produce a static and dynamic technology " companypages"; In the process of strengthening and deepening of previously learned about web designmethods,while a better understanding of Reference Information on the methods and theories;Finally, the pursuit o f stab ility o f the background operation.

The design of the main contents include:company web page design ideas, the overallplanning and relevant basic knowledge; company web pages front design, including thecompilation of HTML language program and effect diagram;Personal web pages debugging.

Page plan includes a great many things, such as the page structure, and column settings,web style, color combinations, layout, text, images and other use of, and only this website inorder to have produced personality characteristic s,attractive.

Web theme is to be included in the main contents of a web page must have a clear theme.

Especially for personal web pages, it is impossible to do, as an integrated Web site content aslarge and comprehensive, all-inclusive.Must be necessary to identify one most interested intheir own content, so deep,be thorough, to do its own characteristics, so as to give the left adeep impression.

Key words:Company Homepage GroundRules Process Web Theme

目 录

前言. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1

第一章个人网站设计系统分析. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2

1. 1相关术语及解释. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2

2.2个人网站的由来与发展. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5

第二章个人网站建立的步骤. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6

2. 1确定网站主题. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6

2.2选择好域名. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6

2.3掌握建网工具. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6

2.4确定网站界面. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7

2.5确定网站风格. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10

2.6有创意的内容选择. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10

2.7推广自己的网站. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10

第三章 网站开发工具的选用及介绍. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11

3. 1 DREAMWEAVER简介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11

3.2网站图片制作工具PH OTO SHO P简介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11

3.3 FLASH简介. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12

第四章个人网站——舞动青春设计介绍. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13

4. 1我的个人网站概貌. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13

参考文献. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

总结. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16

致 谢. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17

前言

在21世纪的今天人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大 目前我国上网的人口已近一亿成立世界上网民最多的国家许多人在需要查询信息首先想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动画和视频的信息和内容具有丰富的多媒体表现与互动特点毋庸置疑网站已成为最吸引人的也是最有效的信息传递手段和法按时。随着网络技术的发展各类网站纷纷出现个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站开辟网络世界的一片天地展示自己的才华和风格。

所谓网站(Website) 就是指在网际网路因特网上根据一定的规则使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说网站是一种通讯工具就像布告栏一样人们可以通过网站来发布自己想要公开的资讯信息或者利用网站来提供相关的网路服务网络服务。人们可以通过网页浏览器来访问网站获取自己需要的资讯信息或者享受网路服务

个人网站是指因特网上一块固定的面向全世界发布消息的地方个人网站由域名(也就是网站地址) 、程序和网站空间构成通常包括主页和其他具有超链接文件的页面。 网站是一种通讯工具就像布告栏一样人们可以通过网站来发布自己想要公开的资讯或者利用网站来提供相关的网络服务。个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓的个人网站就是指网站内容是介绍自己的或是以自己的信息为中心的网站不一定是自己做的网站但强调的是以个人信息为中心。

第一章个人网站设计系统分析

1. 1相关术语及解释

Inte rnet

Internet中文正式译名为因特网又叫做国际互联网。它是由那些使用公用语言互相通信的计算机连接而成的全球网络。一旦你连接到它的任何一个节点上就意味着您的计算机已经连入Internet网上了。 Internet目前的用户已经遍及全球有超过几亿人在使用Internet并且它的用户数还在以等比级数上升。

Internet计算机存储的信息则汇成了信息资源的大海洋。信息内容无所不包有学科技术的各种专业信息也有与大众日常工作与生活息息相关的信息有严肃主题的信息也有体育、娱乐、旅游、消遣和奇闻逸事一类的信息有历史档案信息也有现实世界的信息有知识性和教育性的信息也有消息和新闻的传媒信息有学术、教育、产业和文化方面的信息也有经济、金融和商业信息等等。信息的载体涉及几乎所有媒体如文档、表格、图形、影象、声音以及它们的合成。信息容量小到几行字符大到一个图书馆。信息分布在世界各地的计算机上以各种可能的形式存在如文件、数据库、公告牌、 目录文档和超文本文档等。而且这些信息还在不断的更新和变化中。可以说这里是一个取之不尽用之不竭的大宝库。

Internet的另一种资源是计算机系统资源包括连接在Internet的各种网络上的计算机的处理能力、存储空间硬件资源以及软件工具和软件环境软件资源。一般地说要求使用计算机系统的Internet用户如科学家、工程师、设计师、教师、学生或每一个普通用户都可以通过远程登录到达某台目标计算机只要这台计算机允许你使用并建立了你的登录帐号。你可以象使用自己的计算机一样使用它们当你进入Internet后就可以利用其中各个网络和各种计算机上无穷无尽的资源同世界各地的人们自由通信和交换信息 以及去做通过计算机能做的各种各样的事情享受Internet为我们提供的各种服务。

超链接

超链接在本质上属于一个网页的一部分它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置还可以是一个图片一个电子邮件地址一个文件甚至是一个应用程序。而在一个网页中用来超链接的对象可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上并且根据目标的类型来打开或运行。

按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。 如果按照使用对象的不同 网页中的链接又可以分为文本超链接 图像超

链接 E-mai l链接锚点链接多媒体文件链接空链接等。

超链接是一种对象它以特殊编码的文本或图形的形式来实现链接如果单击该链接则相当于指示浏览器移至同一网页内的某个位置或打开一个新的网页或打开某一个新的WWW网站中的网页。 网页上的超链接一般分为三种一种是绝对U RL的超链接。 U RL

Uniform Resource Locator就是统一资源定位符简单地讲就是网络上的一个站点、网页的完整路径如http://www.bai du.com第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去还有一种称为同一网页的超链接这种超链接又叫做书签。超链接还可以分为动态超连接和静态超连接。动态超连接指的是可以通过改变HTML代码来实现动态变化的超链接例如我们可以实现将鼠标移动到某个文字链接上文字就会象动画一样动起来或改变颜色的效果也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态超链接顾名思义就是没有动态效果的超链接。 在网页中一般文字上的超链接都是蓝色当然用户也可以自己设置成其他颜色文字下面有一条下划线。当移动鼠标指针到该超链接上时 鼠标指针就会变成一只手的形状这时候用鼠标左键单击就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接这个超链接的文本颜色就会发生改变默认为紫色。只有图像的超链接访问后颜色不会发生变化。

Web

Web是图形化的和易于导航的navigate Web非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。在Web之前Internet上的信息只有文本形式。 Web可以提供将图形、音频、视频信息集合于一体的特性。 同时 Web是非常易于导航的只需要从一个连接跳到另一个连接就可以在各页各站点之间进行浏览了。

无论你的系统平台是什么你都可以通过I n t e r n e t访问WWW。浏览WWW对你的系统平台没有什么限制。无论从Windows平台、 UNIX平台、Macintosh还是别的什么平台我们都可以访问WWW。对WWW的访问是通过一种叫做浏览器b row s e r的软件实现的。如Netscape的Navigator、 NCSA的Mosaic、 Microsoft的Explorer等。

Web是分布式的。大量的图形、音频和视频信息会占用相当大的磁盘空间我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起信息可以放在不同的站点上。只需要在浏览器中指明这个站点就可以了。使在物理上并不一定在一个站点的信息在逻辑上一体化从用户来看这些信息是一体的。

最后由于各Web站点的信息包含站点本身的信息信息的提供者可以经常对站上的信息进行更新。如某个协议的发展状况公司的广告等等。一般各信息站点都尽量保证信息的时间性。所以Web站点上的信息是动态的。经常更新的。这一点是由信息的提供者保证的。

Web的交互性首先表现在它的超连接上用户的浏览顺序和所到站点完全由他自己决

定。另外通过FORM的形式可以从服务器方获得动态的信息。用户通过填写FORM可以向服务器提交请求服务器可以根据用户的请求返回相应信息。

HTM L

HTML HyperText Mark-up Language即超文本标记语言或超文本链接标示语言是目前网络上应用最为广泛的语言也是构成网页文档的主要语言。 HTML文本是由HTML命令组成的描述性文本 HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部Head、主体Body两大部分其中头部描述浏览器所需的信息而主体则包含所要说明的具体内容。

设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起形成有机的整体人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标 Internet就会马上转到与此图标相关的内容上去而这些信息可能存放在网络的另一台电脑中。

另外 HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面这些页面可以被网上任何其他人浏览到无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面 HTML标签通常是英文词汇的全称如块引用:blockquote或缩略语如“p”代表Paragraph但它们的与一般文本有区别 因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化例如开始一个新段落其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。关于标签需要记住的是它们是成双出现的。每当使用一个标签如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如 <input>标签就不需要。基本HTML页面以DOCTYPE开始它声明文档的类型且它之前不能有任何内容包括换行符和空格否则将使文档声明无效接着是<html>标签以</html>结束。在它们之间整个页面有两部分标题和正文。标题词夹在<head>和</head>标签之间这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧非常容易的。第一步当然是要建立一个新的文本文件记住如果你在使用比较复杂的文字处理器就应该用“纯文本”或“普通文本”来保存将它命名为“xxxx.html”。 (随便你起一个什么名字,扩展名也可是HTM) 。然后你可以用浏览器将它打开你会看见最简单的自己做的页面。

CSS样式

CSS Cascading Style Sheet可译为“层叠样式表”或“级联样式表”是一组格式设置规则用于控制Web页面的外观。通过使用CSS样式设置页面的格式可将页面的内容与表现形式分离。页面内容存放在HTML文档中而用于定义表现形式的CSS规则则

存放在另一个文件中或HTML文档的某一部分通常为文件头部分。将内容与表现形式分离不仅可使维护站点的外观更加容易而且还可以使HTML文档代码更加简练缩短浏览器的加载时间。

2.2个人网站的由来与发展

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

个人网站是指因特网上一块固定的面向全世界发布消息的地方个人网站由域名(也就是网站地址) 、程序和网站空间构成通常包括主页和其他具有超链接文件的页面。 网站是一种通讯工具就像布告栏一样人们可以通过网站来发布自己想要公开的资讯或者利用网站来提供相关的网络服务。个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓的个人网站就是指网站内容是介绍自己的或是以自己的信息为中心的网站不一定是自己做的网站但强调的是以个人信息为中心。

个人网站包括博客个人论坛个人主页等等网络的大发展趋势就是向个人网站发展

所谓网站(Website) 就是指在网际网路因特网上根据一定的规则使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说网站是一种通讯工具就像布告栏一样人们可以通过网站来发布自己想要公开的资讯信息或者利用网站来提供相关的网路服务网络服务。人们可以通过网页浏览器来访问网站获取自己需要的资讯信息或者享受网路服务

网页是网站中的一「页」 通常是HTML格式文件扩展名为.html或.htm或.asp或.aspx或.php或. jsp等。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。网页是构成网站的基本元素是承载各种网站应用的平台。通俗的说您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话您的客户仍旧无法访问您的网站。

在网站设计中纯粹HTML格式的网页通常被称为“静态网页”早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为也就是以.htm、 .html、 . shtml、 .xml等为后后缀的。在HTML格式的网页上也可以出现各种动态的效果如.GIF格式的动画、FLASH、滚动字母等这些“动态效果”只是视觉上的与下面将要介绍的动态网页是不同的概念。我们将静态网页的特点简要归纳如下 1静态网页每个网页都有一个固定的URL且网页URL以.htm、 .html、 . shtml等常见形式为后缀而不含有“ ” 2网页内容一经发布到网站服务器上无论是否有用户访问每个静态网页的内容都是保存在