1.6　网站建设的流程

网站构建过程与软件开发过程类似，为了加快网站建设的速度并减少失误，应该采用一定的流程来策划、设计和制作网站。好的制作流程能帮助设计者解决网站策划的烦琐问题，减少网站开发项目失败的风险，同时又能保证网站的科学性和严谨性。

虽然任何一个网站的建设都不会有一个固定的模式，但通常可以分为前期策划、中期制作和后期维护3个阶段。每个阶段需要完成的工作如图1-6所示。

1.6.1　明确网站的定位

在动手制作网站之前一定要给网站找到一个准确的定位，明确建站的目的是什么。如果做的是个人网站，那么网站想向大家表达哪一方面的内容就是网站的定位；如果是为客户建立网站，那么一定要与客户的决策层人士共同讨论，要理解他们的想法，他们真正的想法才是网站的定位。

网站定位从根本上是指在网站为用户提供有价值的信息、内容，符合用户体验标准，这样网站才能得以长期发展。根据网站建设的不同阶段，网站定位可以从以下几方面考虑。

1.网站行业定位

不管把网站定位成娱乐站、新闻站，还是定位成知识站、小说站、音乐站，都应注意不要把网站内容做得太过宽泛。因为目前网站不计其数，想把网站做得大而广，不是单纯依靠“采集+复制+粘贴”就能完成的，需要考虑是否有足够的实力与人员。与其如此，倒不如把网站目标用户精细化，确定主要的服务行业，定位好市场群体，把网站做精做强。

2.网站风格定位

由于网站建立的目的不同，所提供的服务及面向的群体也不相同，所以要根据设计原则和针对的访问者确定适宜的风格。例如，政府部门网站一般庄重严谨；娱乐网站可以活泼生动一些；商务网站可以贴近民俗，使大众喜闻乐见；文化教育网站则应该高雅大方，格调清新。

3.网站设计定位

网站中的网页是与用户接触沟通的界面，要组织性地对网页进行架构设计，使其清晰简洁。合理搭配广告与内容，树立网站形象。页面设计要符合搜索引擎友好性标准。要从颜色到布局再到用户群体，逐一在网站设计中完善，可以先适当调查网站目标群体对网站的期待与建议。

4.网站推广定位

推广网站的方法有很多，按照怎样利用资源，可分为4个阶段——搜索引擎提交收录、定位网站与栏目关键词、提高搜索引擎网站排名、提高网站流量，增加网站点击率。

图1-7所示为一个示例网站的界面，网站定位在计算机知识的普及，采用表格的页面设计，清晰简洁。

综上所述，网站定位是网站制作成功和推广策划的前提，也是提高网站流量的法宝。

1.6.2　确定网站的主题

网站的主题与网站的定位息息相关。网站主题就是建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。明确主题有助于设计者确定网站的结构，收集相关素材。一般来说，确定网站主题应从以下几个方面入手。

1.理解站点功能

无论是个人网站还是为客户创建的网站，在设计之前必须考虑清楚站点的功能，确保了解建立网站的目的和网站访问者的需求。这些信息大致包括访问网站的人群特点、访问者访问网站的信息需求、访问者可能的访问频率、网站是否可能被访问者再次访问等。

2.在理解站点基础上，形成鲜明的主题

网站的定位要聚焦，内容要精。如果想制作一个包罗万象的站点，把所有设计者认为精彩的东西都放在上面，往往会事与愿违，这样的网站给人的感觉是没有主题和特色，样样都有却都很肤浅，因为设计者不可能有那么多精力去维护它。

3.网站的特色要突出

网站的题材最好是设计者自己擅长或者喜爱的内容，并且应该把自己的兴趣、爱好尽情地发挥出来，突出自己的个性，办出自己的特色。比如擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的足球战况、球星动态等。这样在制作时，才不会觉得力不从心。

图1-8所示是中国知网的网页，该网站的功能定位为信息检索和用户服务，界面非常清晰。在网站开发目标、用户需求、网站特色等方面，该网站都是一个比较典型的网站。

1.6.3　网站的整体规划

网站规划是指在网站建设前对市场进行分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到指导作用，对网站的内容和维护起到定位作用。

一个网站设计得成功与否，很大程度上取决于设计者的规划水平。规划网站就像做建筑设计图一样，图纸设计好了，才能建成一座漂亮的建筑。规划网站时，首先应把网站的内容列举出来，根据内容列出一个结构化的蓝图，根据实际情况设计各个页面之间的链接。规划网站的内容应包括栏目的设置、目录结构、网站的风格（即颜色搭配、网站标志、版面布局、图像的运用）等。只有在制作网页之前考虑全面，才能在制作时驾轻就熟，胸有成竹。也只有如此，制作出来的网站才能有个性，有特色，有吸引力。

图1-9所示为一个旅游网站的页面布局规划，下面从目录结构、主题栏、版面布局等方面加以介绍。

1.目录结构设计

网站目录建立的好坏对浏览者并没有多大影响，但对网站本身的后期维护意义重大。目录结构设计一般应注意以下问题。一是要按栏目内容建立子目录；二是每个目录下分别为图像文件创建一个子目录images（图像较少时可不创建）；三是目录的层次不要太深，主要栏目最好能直接从首页到达；四是尽量使用意义明确的非中文目录。一个旅游网站的目录结构如图1-10所示。

2.主题栏的设置

在设计网站的主题栏时应注意以下问题。一是要突出主题，把主题栏放在最明显的地方，让浏览者更快、更明确地知道网站所表现的内容；二是要设计一个“最近更新”栏目，让浏览者一目了然地了解更新内容：三是栏目不要设置太多。

3.版面布局

网页的整体布局是不可忽视的。设计网站时应合理地运用空间，让网页疏密有致、井井有条。版面布局一般应遵循的原则是突出重点、平衡和谐。首先将网站标志、主菜单等最重要的模块放在突出的位置，然后再排放次要模块（例如，搜索、友情链接、计数器、版权信息和E-mail地址等）。此外，其他页面的设计应和首页保持相同的风格，并有返回首页的链接。

4.网站标志

网站标志（Logo）最重要的作用就是表达网站的理念，便于浏览者识别，可以广泛用于站点的链接和宣传。如同商标一样，Logo是站点特色和内涵的集中体现。如果设计的是企业网站，最好在企业商标的基础上设计，以保持企业形象的整体统一。设计Logo的原则是以简洁、符号化的视觉艺术把网站的形象和理念展示出来。

5.颜色和图像的运用

网页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。

网页上应适当地添加图像。使用图像时一般应注意以下问题。一是图像是为主页内容服务的，不能让图像喧宾夺主；二是图像要兼顾大小和美观，不仅要好看，还应在保证图片质量的前提下尽量缩小图片的大小（即字节数），图像过大将影响网页的传输速度；三是应合理地采用JPEG和GIF图像格式，颜色较少的（256色以内）图像可处理为GIF格式，色彩比较丰富的图像最好处理为JPEG格式。

1.6.4　收集资料与素材

收集资料与素材实际上是前期策划中最为关键的一步。在明确建站目的和网站定位以后，要结合各方面的实际情况，围绕主题全面收集相关的材料，这样才可以发挥网站的最大作用，使网站的信息和功能趋于完善。

常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，就要尽量搜集材料，搜集的材料越多，制作网站越容易。材料既可以从图书、报纸、光盘等各种媒体上获得，也可以从网上搜集或者自己动手制作。对搜集到的材料应去伪存真，去粗取精，留下合适的作为后期制作网页的素材。

1.6.5　设计制作网页

网页设计要考虑页面构图、色彩搭配、平面布局、版式设计、空间表现等方面的内容，这些内容要符合人们的审美心理，给人以艺术美感和视觉冲击，能引起浏览者的好奇心。

网页设计人员美化网页，增加网页设计的艺术感，是为网页的内容服务的。一般说来，网页有几项基本内容：标题、网站标志、主体内容、页眉页脚、导航栏、广告栏等。网页的内容与其性质有关，不同性质的网页设计时采用的策略也不相同。

1.标题

设计一个页面，首先要有明确的标题。标题能够体现出网页设计的目的，在很大程度上决定了网页其他元素的定位。一个好的网页要求其标题有概括性、简短、有特色、易记，还要符合网站的总体风格，页面中的内容要紧紧围绕其标题来组织，绝对不要出现名不副实的现象。

2.背景

背景是指网页的底部图案，许多网页的背景都为纯色，实际上并不一定要这样，网页选用的背景应该与整套页面的色彩相协调。要使自己的网页美观，合理地使用颜色是非常重要的。如果网页属于庄重型的，可以使用蓝色作背景，因为这样看来肃穆一些；如果网页属于感情化的，就多使用一些粉红色、淡紫色等浪漫的颜色。黑色一般不常用，因为黑色太过深沉，给人以压抑感。在图案设计中，黑色通常用来勾画或点缀最深沉的部分。

3.内容

当标题确定后，就要采集内容，所采集的内容必须与标题相符，同时要保证内容的正确。还要注意内容的数量，一般而言，站点的质量是与它的内容成正比的，只有丰富的内容才能满足更广泛的浏览者需求。但内容不要繁杂，同时应保证内容的趣味性。在采集内容的过程中，一定要注意特色。所谓特色，就是要突出个性。如果是个人主页，就要突出自己的性格、兴趣、爱好等；如果是企业网页，那就要突出本企业的特点、企业文化。放置相关的内容时，应把这些内容进行分类，设置栏目，让人清楚明了。栏目不要设置太多，要注意分层，较重要的栏目最好能从首页进入，并且保证用各种浏览器都能看到页面的较好效果。

4.多媒体元素

这里所指的多媒体元素包括图像、声音、视频和动画等元素。高可视性的多媒体元素可以让网页增色不少，同时也可以活跃界面，提高访问者的兴趣。但在使用这些多媒体元素时一定要考虑传输时间问题。根据经验和统计，如果一个网站在20秒以内还没有打开，多数浏览者都会放弃继续浏览，所以，尽量采用一般浏览器都支持的格式和大小适合的元素，保证网页浏览顺畅。

5.网站标志

网站标志一般在网站设计时完成。设计页面时，要注意页面风格与网站标志风格统一。

6.页眉和页脚

页眉是指网页顶端部分，它和整个页面的设计风格相同，设计良好的页眉在页面中会起到较好的标志作用。页眉的位置是浏览者注意力较集中的地方，大多数网站设计者会在这里放置广告条或一些重要链接等。

页脚是指网页底端部分，一般用来标注网站所属的企事业单位的名称、地址，网站的版权，以及电子信箱等，访问者可以从这里了解到站点所有者的一些情况。

7.导航栏

成功的网页是不能缺少导航栏这个重要部分的。导航栏是网站设计中的一个独立部分，它的位置对网页的结构和整体布局有很大的影响。导航栏的位置一般有4种——页面左侧、右侧、顶部和底部。有的网站设置了多种导航，就是为了增强网页的可访问性。

尽管网页设计和网站的开发有多种多样的方式和技巧，但要完成一个美观的、既让访问者喜欢又便于后期维护的网站，在设计时必须要注意以下网页设计原则。

（1）内容第一、形式第二

网站作为一个媒体，提供给浏览者最主要的还是网站的内容，浏览者访问网站的最终目的是获取自己想要的知识。尽管现在有很多增加网站艺术效果和表现形式的技巧，但设计者时刻不要忘记这一点：没有人会在一个没有内容的网站上流连忘返。

（2）重点信息要醒目突出

一个网站很重要的就是标题，标题就像路牌一样，引导访问者在网站上浏览。标题要意义清晰，描述性强，另外，网页标题对搜索引擎检索也有着重要影响。相对地，促销性的内容要适可而止。

（3）确保链接的有效性

这个问题看似不起眼，其实却是最影响访问者心情的问题，除非访问者自己的网络出现了故障，否则访问者可能会心生不满，并对继续浏览这个网站失去兴趣。为了保证网站在更新时链接正确，建议网站中所有路径都采用相对路径。

（4）流畅的访问速度

除了服务器的稳定快速外，决定访问速度的主要因素是网页的大小。浏览网页的过程其实就是将服务器端的网页数据向本地计算机传输的过程，当传输速度一定时，网页数据量越大，下载和显示的速度就越慢。所以在制作网页时，通常要求页面代码和插图等内容必须经过优化处理。

（5）清晰的导航结构

在网页中无法找到自己期望的内容无疑是一件令人不愉快的事情，这往往不是因为访问者找错了地方，而是因为开发者没有合理地提供“路标”。所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，如图像按钮等，都要有清晰的标志，让人看得明白。

（6）良好的兼容性

现在普通上网用户使用的多是IE浏览器，但仍然有不少人喜欢Firefox或Opera等浏览器。并且，同样是IE浏览器，不同版本对网页代码的支持也是不尽相同的。如果不是客户群集中的专业网站，那么一定要考虑代码的兼容性。多做兼容性测试和改进，对任何网站都是必需的工作。

（7）真实有效的客服信息

尽管很多时候不能要求访问者提供真实的联络信息，但不论什么时候，写在网页上的联系方式都应该是真实有效的，这直接关系到网站在产品营销时的获利可能，并且代表着比网络更为真实的、现实中企业的信誉问题。

1.6.6　网站的测试和发布

网站的测试评估与发布是不可分割的两部分。制作完毕的网页必须进行测试。测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。完成上传前所需要的测试后，利用FTP工具将网站发布到所申请的主页服务器上。网站上传后，继续通过浏览器进行实地测试，发现问题后及时修改，然后再上传、测试。

1.6.7　网站的维护与推广

网站必须定期维护，定期更新，只有不断地补充新内容，才能吸引浏览者。同时，随着软硬件的升级，网页的设计也应由文字向多媒体、平面图像向立体动画或影片、单向传播向交互式传播等方向发展。

上传网站之后，需要不断地进行宣传，以便让更多的人了解它，从而提高网站的访问率与知名度。网站推广主要有注册搜索引擎、友情链接、网上广告、广告邮件等几种方式。