个人网站设计及实现毕业设计论文

个人网站设计及实现

作者：张铎

指导教师：刘向娇

摘要：网络发展到今天，建立网站已经成为一个很普遍的问题了。对于企业家来说，建立好的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场。对于个人来说，建设好的个人网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构造的平台，可以为毕业后找工作做好充分的准备。在我的个人网站制作过程中，主要是针对我网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程。这篇论文的主要内容是个人网站的设计思想，整体规化及相关的基础科知识。网站的规化又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等。

关键词：网站设计；网站规化；网站主题

随着经济的发展，计算机以被应用到社会生活的各个领域。这给人们的生活带来很大的方便。如今，已成为人们日常生活中不可或缺少的部分。人们可以足不出户上网购物，随时查询股票信息，在自己的博客上尽情发表言论……以上这些都离不开最基本的网页设计和制作[1]。

网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在互联网上表现出及其重要的地位，并发挥着及其重要的作用，无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容，具有丰富的多媒体表现与互动特点。毋庸置疑，网站已成为最吸引人的也是最有效的信息传递的手段和方式。随着网络技术的发展，各类网站纷纷出现，个人网站也成为了一种时尚，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格[2]。

个人网站是指个人因某种兴趣、拥有某种专业技术，提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站[3]。

一网站设计规化

1.1 什么是网站

网站是因特网上的一个信息集中点，可以通过域名进行访问。网站要存储在独立服务器或者服务器的虚拟主机上才能接受访问。网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。

网站就是在互联网上的一块固定的面向全世界发布消息的地方，它由域名和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。

1.2 网站建设的目的

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计等等。任何网站在建设之前都必须明确文向、用途和服务群体等一系列的问题，写出详细的建站计划，可以说这是网站建设的根源和核心所在。这里我的个人网站主要是让更多的人认识到我，了解我。借助网络的这个平台来展示我自己，还有我希望能交到和我一样怀着梦想起航的朋友。

1.3 本站的明确目的

不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同。在整个网站的建设规化方面的要求也是肯定不一样的。因此在规化我的网站时，我选择的是与我本人相关的内容来作为主题的。

网站预计的用户群体：对于网站的设计者和建设者来说，在设计规化网站时必须要明确自己网站的浏览都，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规化设计整个网站。我的这个网站就确定了以怀着梦想奋斗的人为用户群体。

1.4 软件准备

在网页的设计过程中，因人而宜，每个人使用的软件也许不同。Dreamweaver与Flash、 Fireworks这3者被用户称为“网页设计三剑客”。

Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML源代码，可以让用户很方便地在两种模式之间的切换。

Dreamweaver采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想像力，它成功地将网页设计功能中的技术实现部分和设计部分分开，还提供众多的可视化设计工具、应用开发环境以及代码编辑支持。如利用鼠标拖曳来添加表格、图像等元素，在方档中直接输入文本，直接插入一些常用的特殊符号对象等。用户在没有输入代码的情况下完成了上述工作，Dreamweaver自动将结果转换为HTML源代码。用户也可以随时查看方档的HTML源代码，在代码视图中进行修改。

二网站的总体设计

2.1 确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。如果自己在某些方面有兴趣，或掌握的资料越多，也可以做一个自己感兴趣的东西。你可以有自己的见解，做出自己的特色。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。我的网站主题是以我个人相关的资料来制作的。

2.2 确定网站形象

网站形象的设计可以从网站标志、网站色彩、网站字体网络宣传语等这些方面着手。

网站色彩，网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，给人以整体统一的感觉。我个人网站的色彩是以粉色为主，淡粉色和冰粉色为辅，给人一种浪漫的感觉，仿佛生活在虚幻的世界里。

网站字体，和标准色彩一样，标准字体是指用于标题、主菜单的特有字体。为了体现网站的特有风格，可以根据自已网站所表达的内涵，选择更贴切的字体。我的个人网站的标准字体是幼圆。给人一种沉稳而不失俏皮的感觉。

2.3 确定网站风格

风格是抽象的，是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括网站的标志、色彩、字体、标语等诸多因素。网站是可以平易近人、生动活泼的，也可以是专业严肃的。不管是色彩、技术、文字、布局、还是交互方式，只要你能由此让浏览者明确的分辨出这是你网站独所有的，这就形成了风格。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个网站的个性；我的网站风格是以浪漫为主，给人一种梦幻的感觉。

2.4 确定网站内容

我的个人网站大体上包括了一些内容：首页、网页设计、动画特效、网页素材、相关软件、作品展示、本站论坛、游客留言等网站常用内容，方便大家浏览。

三具体实现与分析

3.1 首页

一个网站的首页是一个文档，当一个网站服务器收到一台电脑上网络浏览器的讯息连结请求时，便会向这台电脑发送这个文档。当在浏览器的位址列输入域名，而未指向特定目录或档案时，通常浏览器也会打开网站的首页。

网站首页往往会被编辑得易于了解该网站提供的资讯，并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容，如图1。