计算机个人网站设计论文.docx

计算机个人网站设计论文.docx

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

计算机个人网站设计论文

目录

前言1

第一章网页的基础知识1

1.1什么是Internet1

1.2什么是网站1

1.3WWW的简介1

1.4什么是静态网页2

1.5网络基本构成元素2

1.6网页版面布局设计2

第二章网页的制作3

2.1创建站点3

2.2创建站点内容3

2.3制作网页3

2.3.1首页3

2.3.2相册4

2.3.3作品5

2.3.4心情6

2.3.5留言板7

2.3.6个人档8

第三章超级链接10

3.1超级链接的基本概念10

3.2创建链接的方法10

结论11

后记12

参考文献13

附录14

个人网站设计与制作

内容摘要

摘要：

这篇论文是关于我的一个个人网站的设计、主要是对个人网站的建立进行探讨和研究、网站的主要技术指标包括：

1、制作出一个具有静态技术的“个人网站”2、在制作过程中加强和深化以前所学的关于网页设计的方法、同时更好的理解参考资料上的方法、理解和更好的利用Photoshop、Flash制作网站需要的一些图片和影片。

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

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

本论文详细的介绍了整个网站设计的全过程、本论文的每一章都是网站建设的一个要点、理论和实践相结合。

即有理论又有实践、把每一章的实例放在一起就是一个大实例。

当然、一个好的网站整个设计过程不能用短短的几十张纸就能说得清楚，所以在我的这篇论文中，我详细的介绍了整个网站中最重要的部分、其中包括主页的设计和一部分链接页面的设计。

关键词：

网站设计技术指标

Abstract:

Thisarticleisaboutoneofmypersonalwebsitedesign,primarilyfortheindividualwebsiteestablishmentcarriesonthediscussionandtheresearch,siteofthemaintechnicalindicatorsinclude:

1,makeastatictechnology"website"2,intheproductionprocesstostrengthenanddeepenthepreviousstudyonthewebpagethedesignmethod,atthesametime,abetterunderstandingofreferencedatamethod,tounderstandandmakebetteruseofPhotoshop,Flashproductionsitesinneedofsomepicturesandvideo.

Thethemeofthesiteistobeincludedinthemaincontents,asitemusthaveacleartheme.Especiallyforpersonalwebsite,maynotbeasseparatewebpagedoinglesscontentandsingle,soithastofindsomemostinterestedintheirowncontent,sodeep,sothoroughly,dotheirowncharacteristics,soastogivetheleftadeepimpression.

Thispaperdescribesindetailtheentiresitedesignprocess,everychapterofthisthesisistheconstructionsiteofapoint,thecombinationoftheoryandpractice.Thatisthetheoryandpractice,theinstanceofeverychapterputtogetherisagreatexampleof.Ofcourse,agoodsitefortheentiredesignprocesscannotbejustafewsheetsofpapercansayclearly,sointhispaper,Iintroducedtheentiresiteisoneofthemostimportantparts,whichincludeshomedesignandpartofthelinktothepagedesign.

Keywords:

webdesignindex

前言

随着人类生活的需要、网络技术日益成熟、如今的交流与交往不再像从前那么单调、看如今不曾再有五百里加急的文件传送、们很少出现书信、寄信等交流方式。

人正在运用现代世纪高科技的网络来增加自己的交际圈、来发展自己的人脉关系。

那么我便利用我学习的专业这一优势更好的展现自己、我做这个网站是为了我毕业后能找个好工作而做的准备、因为通过这个网站用人单位能更好的了解我、从而给自己增加了一个很重的砝码。

在这个网站的制作中、我做了一个大体的规划、网站的布局是最重要的、它起着一个网站的成功与否决定性的作用、因为布局的好与坏、带来的是网站整体上的美观效果及应用、其次、我选择了记录我大专三年来的生活资料、因为不必刻意收集资料、所以相对来说做起来会更加顺手。

我相信通过这个网站大家能更深的了解我、同时我也锻炼了我的实践能力、也更加巩固了我的学习知识、弥补我在学习中的不足。

第一章网页的基础知识

1.1什么是Internet

Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，它是采用开放系统协议的计算机通讯网络，然而，Internet不仅仅是计算机的互联网，它还是全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变得更小了。

1.2什么是网站

网站是因特网上的一个信息集中点，可以通过域名进行访问。

网站要存储在独立服务器或者服务器的虚拟主机上才能接受访问

网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多的网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。

网站就是在互联网上的一块固定的面向全世界发布消息的地方，它由域名和网站空间构成。

衡量一个网站的性能通常从网站空间的大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。

1.3WWW的简介

www的全称为WorldWideWeb,含义是“环球网”，又称“万维网“、3W、Web，WWW是一个基于超文本（Hypertext）方式的信息检索服务工具，我们上网浏览到的网页就是这样的超文本，也就是HTML.（HypertextMark-upLanguage,超文本标记语言）文件, 这些网页档被放置到WWW服务器上,并且都有一定的地址.当我们想浏览某个网站时,首先要在计算机上安装流览器,如InternetExplorer或Netscape,然后在流览器中输入网站的地址（网址）,就可以进入网站进行浏览.在这些网页中,都有超链接,当将鼠标指针移动到某个地方（如文本或图象）时,鼠标指针就会变成一个小手形形状,单击它就可以链接到另一个网页中,从而使的浏览者能在不同的信息之间动作和声音等信息.通跳转,我们之所以能在Internet的海洋中穿梭自如,正是超链接的功劳.

1.4什么是静态网页

网页又称Html文件，是一种可以在WWW上传输，能被浏览认识和翻译成页面并显示出来的文件。

静态网页是网站建设初期经常采用的一种形式。

网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。

静态网页的特点如下：

网页内容不会发生变化，除非网页设计修改了网页的内容。

不能实现与浏览网页的用户之间的交互。

信息流向是单向的，即从服务器到浏览器。

服务器不能根据用户的选择调整返回给用户的内容。

1.5网络基本构成元素

要学会制作网页,首先需要了解网页都是由什么元素构成的.文学:

文本是构

成网页的基本元素.一个最简单的网页可以只有几行文本.图片:

正是有各种美丽的图片.网页才变得多姿多彩.动画:

如今,网页上的动画越来越多,最常用的有GIF动画、Flash动画等。

超链接：

如上所述，超链接几乎是必不可少的。

一个没有超链接的网页，就如同汪洋大海中的一座孤岛，失去了与外界的一切联系，其它元素：

还可以在网页中添加声音、视频等元素。

1.6网页版面布局设计

网页设计要讲究编排和布局，虽然网页设计不同于平面设计，但它们有许多相近之处，应加以利用和借鉴。

为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。

在一个页面上，必须考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。

因此，一些重要的文章和图像一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到了主次分明。

考虑到大多数人的使用256色显示模式，因此一个页面显示的颜色不易过多，应当控制在256色以内。

主题颜色通常只需要2-3种，并采用一种标准色。

第二章网页的制作

2.1创建站点

在做网页之前我们要先建个站点。

要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，这里创建站点的方法有两种、我这里是使用向导建立站点的具体操作步骤如下。

选择菜单中“站点”“管理站点”命令，打开“管理站点”对话框“新建”按钮，再弹出的菜单中选择“站点”选项，打开“站点定义为”对话框中如果显示是“高级”选项卡，则切换到“基本”选项卡，在“您打算为站点起什么名字”文本框中输入“myweb”单击“下一步”按钮，询问是否使用服务器技术，选择“否”，因为本站点是一个静态站点，单击“下一步”按钮，单击“您将把文件储存在计算机的什么位置？

”文本框右边的按钮，选择文件夹目录，单击“下一步”按钮，询问“您如何连接到远程服务器”在其中下拉列表中选择“无”选项，单击“下一步”按钮，列出创建站点的一些详细信息，单击“完成”按钮，返回到“管理站点”对话框，在对话框中可显示创建的站点。

2.2创建站点内容

站点创建完成后，就可以创建web页来填充站点了，在“右侧浮动面板族”中选择“文件”面板，在弹出的菜单中选择“新建文件”，新建一个文件后将其命名为“index”.htm,它就是我的网站首页。

2.3制作网页

2.3.1首页

每个网站都会有一个首页，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，首页是打开网站后在浏览器中显示的第一个页面。

它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。

当然，后缀名为html也是正确的。

具体设置方法是：

右键单击文件浮动面板中的index.htm,在弹出的菜单中选择“设成首页”

我制作的网站主要是以暗色调为主、它是凸现一种梦幻的感觉、最中心的图片就如我们现在的心情、它好似一个渴望梦、渴望飞翔的孩子。

图2-1

2.3.2相册

相册是记录生活中与朋友一起相处的时光、它能让我感觉特别的真实、能将我的生活展现得淋漓尽致。

图2-2

2.3.3作品

在这些作品中见证我三年来的学习成果、有我的刻苦学习、虽然它并不是那么的优秀、但是它至少证明我一直在努力。

图2-3

2.3.4心情

生活总是由很多开心的实和一些不开心的事而组成的、而对于一个喜欢文字的人来说、我更愿意将它一一记录下来。

图2-4

2.3.5留言板

有话想对我说的时候就点这里、这里是我与朋友之间的互动、可以通过我的留言板看出我在别人心中的印象、我的人品、人脉关系。

图2-5

2.3.6个人档

需要了借我的人能从这里了解我、我是一个活泼热情的女声、白羊座、爱好听音乐、、、等，那么、欢迎来到我的小窝。

再长的路，一步步也能走完，再短的路，不迈开双脚也无法到达。

图2-6

第三章超级链接

3.1超级链接的基本概念

网站都是由很多个网页组成，网页之间通常是通过超级链接的方式联系到一起的，在网站中，超链接的应用范围很广泛，利用它不仅可以进行网页间的相互链接，还可以使网页链接到相关的图像文件、多媒体文件及下载程序等。

网络中的一个个网页是通过超链接的形式关联在一起的。

可以说超链接是网页中最重要、最根本的元素之一。

超链接的作用是在因特网上建立从一个位置到另一个位置的链接。

超链接由源地址文件和目标地址文件构成，当访问者单击超链接时，浏览会从相应地目标地址检索网页并显示在浏览中，如果目标地址不是网页而是其它类型的文件，浏览器会自动调用本机上的相关程序打开所访问的文件。

在网页中的链接按照链接路径的不同可以分为３种形式：

绝对路径、相对路径和基于根目录路径。

z

这些路径都是网页中的统一资源定位，只不过后两种路径将URL的通信协议和主机名省略了。

后两种路径必须有参照物，一种是以文档为参照物，另一种是以站点的根目录为参照物。

而第一种路径就不需要又参照物，它是最完整地路径，也是标准的URL。

`+

在我的这个网站中需要将我的主页、相册、作品、心情、留言板、个人档等六个网页相互连接。

3.2创建链接的方法

我用的是使用“属性”面板创建链接。

利用“属性”面板创建的方法很简单，选中要创建链接的对象，选择菜单中的“窗口”“属性”命令，打开“属性”面板。

在面板中的“链接”文本框中输入要链接的路径，即可创建链接。

结论

经过这两个多星期的努力、我的小型网站终于进入了尾声、在整个网站的设计开发过程中，我虚心的向同学请教，听取他们的意见和建议，然后把他们的这些好的合理的建议和意见都在我的个人网站中体现出来。

例如、在网站的色调上我就参考了寝室同学的意见，从而使我确定了我的这个网站的风格。

当然，在整个网站的设计过程中，困难才是我最头疼的事。

以前虽然也动手做过小型网站，但动手的次数并不多，这样就造成了我现在真的动起手来却感到陌生的原因之一。

不过还好，在我遇到困难的时候，我就向同学请教，去网上查资料，也拿别人的作品过来作参考，当然，最重要的是有老师的指导，在许多问题上，如果不是李老师的指导，我想我是不会那么轻易做好我这个个人网站，所以，我是非常感谢李老师的。

总之、经过了这么长时间的努力，我的个人网站算是完成了。

我的这个个人网站可以说是我在这个学校里的最后一次作品了，所以在设计的过程中，我倾注了我大量的心血，在月假期间，我通常为了设计好某一个页面，拿出休息的时间去查资料、一心一意的扑在网站的设计上来。

还好，皇天不负有心人，我终于设计好了我的这个个人网站。

后记

在做毕业设计的近几周时间是我本学期学习生涯中最有价值的一段时光。

这里有治学严谨而又不失亲切的老师，又有相互帮助的同学，更有向上、融洽的学习生活气氛。

借此论文之际，我想向所有人表示我的谢意。

首先感谢老师。

本论文是在老师的指导下修改完成的。

再次，要多谢他们的细心帮助和指导表示由衷的感谢。

在这段时间里，我从他的身上不仅学到了许多的专业知识，更感受到了他在生活中的平易近人。

此外，他的严谨治学的态度和忘我的工作精神值得我去学习。

还要感谢给予我帮助的同学们，他们在我的毕业设计中经常给我提出许多关键性的问题，使我受益匪浅。

最后我要感谢我的家人对我的学业上的主持和鼓励，更要感谢在这三年的学习和生活中给予我关怀和照顾的每一位可敬的系领导和老师，感谢你们的无私奉献！

感谢你们的悉心教导！

感谢你们的点点滴滴！

感谢母校对我的培养！

是你们，教会了我为人民服务的本领，是你们，让我懂得了做人的道理，无论以后我走到哪里，我都会记得你们给予我的关怀和帮助。

无论何时，我都会以我曾经是你们的学生而感到骄傲，我在这即将毕业离校的时候，我衷心的祝愿各位老师工作顺利，一生幸福。

同时，我也祝愿我的同学可以找到自己满意的好工作，都有一个好的前程。

参考文献

[1]弘博软件工程师研修计划Dreamweaver网页设计2011教材

[2]岳鸿．计算机应用基础．长沙：

图防科技大学出版社，2006年

[3]

[4]

[5]

[6]

附录

网站策划书

网站名称：

浅念、

网站目标：

进一步的研究与探讨且更好的展现和认识自己。

网站执行构架图：

首页作品

相册

心情

留言板

个人档

文件规划表：

表①－1

根目录

文件和文件名称

使用栏目及说明

D\index

Images

所有图片文件夹

Index.html

首页

Zuopin.html

作品

Xiangce.html

相册

Xinqing.html

心情

Liuyanban.html

留言板

gerendang.html

个人档

网站标准色：

黑色、

网站分辨率：

　1024*748　　

网站风格：

　低调

首页结构草图：

banner

图片

导航栏

版权信息

图①－1