计算机个人网站设计论文Word文档下载推荐.docx

计算机个人网站设计论文Word文档下载推荐.docx

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

第六章结论13

参考文献14

后记15

附录16

个人网站策划书16

个人网站的设计与制作

内容摘要

摘要：

随着网站技术的日益成熟，给人们带来了诸多方便。

如今，网络正在各个领域发挥着巨大的作用，成为人们日常生活中不可缺的部分。

人们可以足不出户上网购物，随时查询股票信息。

在自己的博客上尽情发表言论．．．．以上这些都离不开最基本的网页设计、制作与维护。

其中网页的制作越来越显得重要，想做出理想的网页除了要有一定的网页基础以外，还要熟练的掌握相应的软件,通过相应的软件设计出我们想要的网页。

本次的毕业设计是设计个人网站，其中我的个人网站由一个首页和五个分页组成．分页包括“个人相册”“个人作品”“美好心情”“好听的音乐”和“我的座右铭”五个页面。

网页的制作是一种很好的表露自己情感的方式，可以通过网页交到更多的朋友和认识一些网页制作方面的能手，互相交流切磋。

在学校三年的学习,让我学会了很多的知识．学会了许多软件应用操作，如flash、dreamweaver、photoshop、IIIustrator等软件．但一直都没有好好地实际应用。

这次毕业设计，我将用我三年来所学的知识应用到个人网站设计中，制作出一个令人满意的网站．

关键字：

网页设计、个人网页、软件、flash、photoshop、

Abstract：

Alongwithwebtechnologyhasbecomemoresophisticated，broughtmanyconvenient，today，networkisplayinganenormousroleineachfield。

becameinthepeopledailylifeessentialpartofonlineshopping，peoplecanremainwithindoors，atanytimeforthestockinformation，inhisblogonyourspeech．．．．．Theseareinseparablefromthemostbasicwebpagedesign，productionandmaintenance。

Themakingofwebpageappearsmoreandmoreimportant，wanttomakeidealwebpageinadditiontoacertainwebpagebasedoutside，butalsomasterthecorrespondingsoftware，throughthecorrespondingsoftwaredesignwewantwebpage。

Thegraduationdesignisthedesignofapersonalwebsite，oneofmypersonalsiteconsistsofahomeandafivepage。

Pageincludesa“personalalbum”“works”“goodmood”and“music”and“mymotto”sixpage。

Webpagemakingisaverygoodshowtheiremotion，canpassthroughthewebpagetomakemorefriendsandmeetsomewebpagemakingexpertsmutualexchange。

Mythreeyearinschool，Ilearnedalotofknowledge。

Tolearnmanysoftwareapplications，suchasflash。

Dreamweaver，Photoshop，IIIustratorandothersoftware.Buthasnotagoodpracticalapplication。

Thistimegraduatethedesign，Iwillusemythreeyearsofknowledgeappliedtothepersonalwebsitedesign，produceasatisfactorysite。

Keyword:

：

Webpagedesign、personalwebpage、software、flash、photoshop

第一章绪论

1．1网页的概述

网页，是网站中的一页，通常是HTML格式文件扩展名为．html或．htm或．asp或．aspx或．php或．jsp等。

网页通常用图像档来提供情报图画，网页要透过网页浏览器来阅读。

网页是构成网站的基本元素，是承载各种网站应用的平台。

通俗的说，您的网站就是由网页组成的。

如果您只有城名和虚拟主机而没有制作任何网页的话，别人仍旧无法访问您的网站．

1．2Dreamweaver的介绍

Dreamweaver是一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等媒体格式和动态HTML、基于团队的Web创作。

在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。

DreamweaverMX2004的十大新特性

1．动态跨浏览器验证，自动检测标签和CSS规则来适应所有主流浏览器。

2．更强大的CSS支持。

3．内建的图形编辑引擎、修剪、改变大小、尺寸、旋转角度、调节明暗都不需要离开Dreamweaver环境，因为它本身集成了FW的基本图形编辑技术。

4．安全FTP完全加密传输保证文件和帐号信息的安全。

5．增强对当今技术的支持，支持当今主流的开放环境，ColdFusion、JZEE、PHP、NET和其他主流的服务器技术Dreamweaver现在加入了XML命名空间支持，ASP、NET表单控件对象。

6．无缝整合外部文件和代码，直接将Word和Excel文档复制和粘贴到Dreamweaver中，会保留字体、颜色、CSS样式表信息使用系统支持的编码保存任何字体，包括双字节字符集。

7．紧密整合MM的其他工具，加强了和MM其它几款产品的协同工作能力。

8．基本支持改良插入条，表格工具都有改进。

9．增强代码编写工具，编辑代码更省时。

10．改进的设计开放环境，一个改良的用户界面，更高的实用性，非常亲切和有逻辑。

让你快速找到你想要的东西，一个新的开始屏幕让你快速访问最近的文件和教程资源。

1．3Photoshop的介绍

在我的主页上，大量的图片用到了Photoshop软件来处理！

经过处理后更能符合网页上的美观的效果。

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。

从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。

图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾料、镜象、透视等。

也可进行复制、支除斑点、修补、修饰图像的残损等。

这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。

图像合成是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。

Photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。

校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。

特效制作在Photoshop中主要由滤镜、通道及工具综合应用完成，包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由Photoshop特效完成，而各种特效字的制作更是很多美术设计师衷于Photoshop的研究的原因。

1．4Flash的介绍

Flash的前身是FutureWave公司的FutureSplash。

是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。

1996年11月，美国Macromedia又被Adobe公司收购，最新版本为：

AdobeFlashCS5。

Flash通常也指MacromediFlashPlayer（现AdobeFlashPlayer），用于播放Flash文件。

Flash的特性：

Flash被大量应用于互联网网页的矢量动画设计。

因为使用向量运算（vectorGraphics）的方式，产生出来的影片占用存储空间较小。

使用Flash创作出的影片有自己的特殊档案格式（swf），该公司声称全世界97%的网络浏览器都内建Flash播放器（FlashPlayer）Flash是Macromedia提出的“富因特网应用”（RIA）概念的实现平台，Flash包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将ActionSeript添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。

这些功能使Flash不仅功能强大，而且易于使用。

1．5HTML简介

全称：

HyperTextMark-upLanguage。

译称：

超文本标记语言。

简意：

一种为普能文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。

HTML是在SGML定义下的一个描述性的语言，或可说HTML是SGML的一个应用程式。

HTML不是程式语言，如C++和Java之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了HTML，HTML的格式非常简单。

只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都可以，只要能将档案存为文体格式即可，用专门的网页编辑工具当然更好。

第二章个人网站的分析

网站设计中主要包含着主观和客观两方面的因素。

在确立了网页的主题之后，首先要明确和熟悉设计的对象和构成的要素。

网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

2．1视听元素

视听元素，主要包括：

文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。

无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。

2．2版式设计

网页的版式设计同报刑杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。

网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格的艺术特色的视听传达方式。

它在传达信息的同时，也产生感官上的美咸和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。

印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来操控的。

这使网页设计者不能精确控制页面上每个元素的尺寸和位置。

而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

第三章个人网站的设计原则

网页作为传播信息的一种载休，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。

但是：

由于体现形势、运行方式和社会功能的不同，网页设计又有其自身的非凡规则。

网页的艺术设计，是技术和艺术的结合，内容和形势的统一，它要求设计者必需把握以下四个主要原则：

3．1主题鲜亮

视觉设计表达的是一定的意图和要求，有明确的主题，并依照视觉心理规则和形势将主题主动地传达给观看者。

是使主题在适当的环境里被人们即时地了解和接受，以满足人们的有用和需求，这就要求视觉设计不仅要单纯、简练、清楚和精确。

而且在强调艺术性的同时，更应该注重经过独特的风格和强烈的视觉冲击力，来鲜亮地突出设计主题。

3．2形势和内容统一

任何设计都有一定的内容和形势，内容是构成设计的一切内在要素的总和，是设计存在的基础。

被称为“设计的灵魂”形势是构成内容诸要素的内部结构或内容的外部体现方式．设计的内容就是指它的主题、形象、题材等要素的总和，形势就是它的结构，风格或设计语言等体现方式。

内容决定形势，形势反作用于内容。

一个优秀的设计必定是形势对内容的完美体现。

网页具有多屏、分页、嵌套等特性，设计者可以对其举行形势上的适当变化以达到多变性处理成效，丰富整个网页的形势美。

这就要求设计者在注重单个页面形势和内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形势和整体内容的统一。

因此，在网页设计中必需注重形势和内容的高度统一。

3．3强调整体

网页的整体性包括内容和形势上的整体性，这里主要讨论设计形势上的整体性。

网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所了解和接受，它以满足，人们的有用和需求为目标。

设计里强调其整体性，可以使扫描者更快捷、更正确、更全面地熟识它、把握它，并给人一种内部，有机联系、外部和谐完整的美感。

整体性也是体现一个站点独特风格的重要手段之一。

3．4色彩的运用

信息时代的网页不再限于简单的文字和图片，要想制作出漂亮、舒适的页面需要设计得不仅要掌握基本的网站制作技术．还要掌握色彩的搭配，色彩在网页设计中占有极其重要的地位。

本次的设计中我主要是以绿色、蓝色作为标准色，绿色和蓝色一样都是与大自然和植物紧密相关的。

绿色是植物的颜色，给人传达的是清爽、理想、希望、生长的意象．同时绿色也可以制造一种平静安宁的氛围，因此它也被看作是一种和谐的颜色。

两种颜色的搭配，使整休页面清爽、宁静、自然、青春。

第四章个人网站的设计内容

4．1网站的名称

我的个人网站设计的主题是以《部落格》为题目，主要是为了表达，我们对未来充满着梦想，能通过自己的努力去实现自己的理想。

4．2个人网站的设计思想

在Internet飞速发展的今天，互联网成为人们的快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化中的重要组成部分，从而倍受人们的重视而我们的个人网站也是如此。

在本次的个人网站设计中，我将网站的标题放在每个分页最突出的位置，使浏览者能记住我个人网站的名称。

整个网站采用的是同一背景，使整个网站的风格统一，整体美观。

整个网站包括了，个人主页、个人相册、个人作品、美好心情、好听的音乐、我的座右铭、六个页面。

主要是根据自己的喜好来制作的，给人一种清爽、愉快的心情．通过文字、图片、色彩等视觉元素，让大家了解个人网站的设计意义。

4．3素材的处理

本次的网站设计制作，是通过一个星期多时间收集一些相关的素材和资料。

以及一些相关的书籍，和网上查找的资料。

大多数都是一些与个人网站的主题、内容相应的文字、图片。

里面的资料可以帮助我制作个人性的个人网站，以多种形式达到对信息的获取、表达、共享以及相互交流的个性化平台。

第五章个人网站栏目制作介绍

5．1个人主页

个人主页主要是主题鲜明突出，力求简洁，以简单的画面告诉大家本网站的主题，吸引对本网站有需求的人的视线，对无关的人员也能留下一定的印象。

采用的只是一些简单的图片和一些分页内的内容，充分表现网站的个性化和情趣，突出个性，利用Photoshop软件将所需要的一些图片进行了处理，已达到美观的效果。

如图５－１

图５－１

5．2个人相册

主要是放一些自己喜欢的图片，也可以放一些自己的生活照。

能过这些图片和照片，展示自己的个性，以及青春的活力。

如图５－２

图５－２

5．3个人作品

个人作品中主要是放一些自己在三年来平时自己所做的一些作品，能过自己的筛选出了自己觉得还不错的作品。

这些作品中，多大数都是用Photoshop制作出来的。

如图５－３

图５－３

5．4美好心情

这个分页中放的是自己的一些个人档案和一些自己觉得优美的段落，主要是能过文字让浏览者更加的了解我。

如图５－４

图５－４

5．5好听的音乐

这个分页中都是自己平常喜欢听的歌曲，在平常生活中，听听歌曲其实也是一种很好的调解生活的方式。

如图５－５

图５－５

5．6我的座右铭

主要是一些我喜欢的座右铭，例如：

1．那些尝试去做某事却失败的人，比那些什么也不尝试做却成功的人不知要好上多少。

２．没有什么事情有象热忱这般具有传染性，它能感动顽石，它是真诚的精髓。

３．障碍与失败，是通往成功最稳靠的踏脚石，肯研究、利用它们，便能从失败中培养出成功。

等这一些座右铭，有时在心情不好时看一些这样的句子，有时也会给自己很大的启发。

如图５－６

图５－６

第六章结论

实践是检验真理的唯一标准，当然也是检验学习成果的标准。

通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对这三年来所学的课程一个综合体现。

然而却远远不是我想的那样，当我确定了主题着手来做时，发现自己根本不知从哪着手，到底用什么来布局网站，网站的整体风格又是怎样的，如何来规则等这一系列的问题都是需要我解决的。

通过几天的网站规则在自己心中有了一个初步的概念。

慢慢的我就静下心来反思自己这几天所做的，发现自己的方法完全错了，太急于求成，然后我整整自己的思绪，一步步来，先准备资料，画出网站的设计模型图，在Photoshop中进行大概布局。

其次，由于自己所学的东西不是很扎实，而以前只做过一些简单的网站。

所以自己只有去找资料，网络给了我很大的帮助，通过网络让自己了解和学习了很多以前自己根本不知道的知识。

最后，在写毕业论文时也遇到了一些困难，由于这是我第一次写毕业论文，没有任何经验。

对于论文的格式、要求和内容都一无所知，在老师的指导下，有了一些概念．所以在此篇毕业论文中不免会有缺点。

总的来说，这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台，它让我对几年来所学的专业课有了更为深刻的认识，使知识得到了融会贯通，得到了比以往学习任何一门课都更大的提高和进步。

在以后还要加强知识学习，不断的完善自己，这不仅仅是一次毕业设计。

更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。

参考文献

[1]

[2]

[3]

[4]

[5]

[6]方晨《Photoshop图形图像处理》上海科学普及出版社2001

[7]吕宇飞《Dreamweaver网页设计》高等教育出版社2001

[8]魏宏欣，洪大民．《网页设计教程》江西工业出版社1998

[9]张杰，王家才．《网页制作技巧与实例》重庆工业出版社2003

[10]徐珂，苗彤，赵晖．《网页视觉和设计》人民邮电出版社，2000

[11]詹建新，孔欣，徐利华.《Flash动画设计技术》清华大学出版社，2002

后记

大学生活一晃而过，回首走过的岁月，心中倍感充实，当我写完这篇毕业论文的时候，有一种如释重负的感觉，感慨良多。

感谢创业学校给了我在大学三年学习的机会，老师们课堂上的激情洋溢，课堂下的教诲，同学们在学习中的认真热情，生活上的热心主动，所有这些都让我的三年充满了感动。

本次的毕业设计和毕业论文综合地运用了我三年来所学的知识。

在完成毕业设计中，我要感谢一直以来李小刚老师的悉心指导，李小刚老师态度严谨，学识渊博。

并且在整个毕业设计过程中，李小刚老师帮我解决许多的问题，提出了很多精辟而富有建设性的建议。

在此表示诚挚的感谢和由衷的敬意，李小刚老师在网站方面具有丰富的实践经验，给予了我很多指导和帮助，使我顺利的完成了我的毕业设计及毕业论文。

同时，感谢学校为我提供了一个良好的学习环境，使我能专心的完成我的毕业设计和毕业论文。

还要感谢我的同学，是他们在我遇到难以解决的问题时帮助了我，在毕业设计过程中，他们也给我提出了有益的建议和意见，使我更加完善了我的毕业设计。

最后还要感谢我的家长对我的理解、支持、鼓励和帮助。

正是因为是了他们，才使我有了追求进步的信心和勇气。

附录

个人网站策划书

网站名称：

部落格

网站目标：

通过个人网站向朋友、同学、老师以及广大社会展示青春的自己。

网站的执行结构架栏图：

首页个人主页

个人相册

个人作品

美好心情

好听的音乐

我的座右铭

文件规划表：

表①－1

根目录

文件夹和文件名称

使用栏目及说明

D\:

myweb

<

images

所有的图片文件夹

Index.html

个人主页

xinagce.html

zuopin.html

xinqing.html

yinyue.html

zuoyouming.html

网站标准色：

以绿色为主色调。

（#00ff00颜色代码）

网站分辨率：

1024*768px

网站风格：

青春活力

首页结构草图：

图①－2

主页

相册

LOGO

作品

版权信息