web个人网站设计学士学位论文Word格式文档下载.docx

web个人网站设计学士学位论文Word格式文档下载.docx

《web个人网站设计学士学位论文Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《web个人网站设计学士学位论文Word格式文档下载.docx（16页珍藏版）》请在冰豆网上搜索。

对于个人来说，建设好时间的个性化网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构筑的友善平台，我们可以为自己毕业后找工作做好充分的准备，通过自己建设的网站，用人单位可以更好的去了解你，从而给自己增加了一份很重的砝码。

在我的这个个人网站的制作过程中，我选择了以图片作为卖点来吸引读者的眼球。

我喜爱摄影，喜爱旅行。

我想有很多像我这样的人，在走出去的同时，也希望把自己的所见所闻分享给同道中人，让更多的人来感受自己的快乐，去体验旅行意义。

于是我就想做出这样的一个以分享图片和心情为主要目的的网站。

下面就来介绍一下我设计网站的主要经过。

【关键字】网站设计图片旅行

一、需求分析

现代社会是一个信息化的社会，人们对信息的需求越来越大，对信息的传递速度要求越来越快，在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它及时.迅捷的给人们提供了所需要的信息，各种网站便是这信息传播的枢纽，大量的信息，大批量的访客对网站的管理都是一种挑战，而实现这一管理的就是数据库的操作，由此可见数据库的完善与否直接影响着网站的稳定性。

随着科技的进步，时代的发展，计算机信息行业的逐步壮大，人们也越来越离不开各种各样的信息了，人们对信息的追求也越来越迫切了。

互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在Internet上表现出其及其重要的地位，并发挥着其及其重要的作用。

Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。

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

网站的迷人之处在于综合使用文本、图像、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 

网站已成为最吸引人的也最有效的信息传递手段和方式。

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

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

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

“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。

”国内著名个人网站站长、手机之家站长高春辉说。

网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。

一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分。

因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。

鉴于此平台，我就想到了设计让更多的朋友可以分享交流的地方。

网络博客是一种好的形式，我所学的东西也许不能够做一个大型的网站，但我可以模仿博客的形式做一个分享平台。

现在的年轻人都喜欢在网上各种“晒”，晒食物，晒游玩，晒shopping等等。

对于热爱旅行的人来说，我们也希望有一个可以专门晒心情的地方。

为了见识到更多的美景，更多的文化背景，或者说认识更多的驴友。

能够提供一个较好的平台给这些驴友们，我想是一个不错的方案。

于是我的设计就这么开始了。

二、总体设计

2．1设计前瞻

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

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

越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人网站的设计以及推广的工作和任务。

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。

网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

就我个人而言，我也想拥有自己的个人网站，在互联网上拥有自己的一席之地，从而真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。

2．2设计步骤 

⑴确定网站主题 

：

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

⑵搜集材料 

明确了网站的主题以后，你就要围绕主题开始搜集材料了。

材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

⑶规划网站 

⑷选择合适的制作工具 

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

⑸制作网页 

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。

所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。

在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

2．3网页要素 

⑴网页的整体布局设计 

网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。

版式设计通过文字图形的空间组合，表达出和谐与美。

一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。

尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。

⑵网页设计中色彩的运用 

色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。

根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。

色彩还具有联想与象征的特质，如红色象征血、太阳；

蓝色象征大海、天空和水面等。

所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。

另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的VI进行色彩运用。

在色彩的运用过程中，还应注意的一个问题是：

由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。

如：

儿童喜欢对比强烈、个性鲜明的纯颜色；

生活在草原上的人喜欢红色；

生活在闹市中的人喜欢淡雅的颜色；

生活在“沙漠”中的人喜欢绿色。

在设计中要考虑众多因素。

⑶网页形式与内容相统一 

要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。

点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。

网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。

2．4主要功能：

⑴搜索引擎：

根据浏览者的要求，使用主页上的搜索引擎链接到XX，在整个Internet上进行搜索，完成信息的优化与提取。

⑵论坛：

主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。

在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。

⑶发送电子邮件：

网友可以通过“联系我”利用outlook 

向版主或其他人发送电子邮件。

⑷精品收藏：

在其中展示我喜爱的东西，包括图片、歌曲和一些优美的文章。

奇文共欣赏，疑义相与析。

我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。

但我增加了管理权限，我以管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。

⑸留言板：

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

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

和大家进行沟通。

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

网站最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在网站内搜索自己喜欢的资料，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员可以对网站信息进行管理。

站内的其它页面均是我自己的精心收藏，与大家一起分享。

三、详细设计

3．1开发工具介绍及选择

⑴梦幻网页的编织者------Dreamweaver8.0 

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

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

Macromedia的Roundtrip 

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

Dreamweaver可以为用户做到：

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

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

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

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

至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同