《网站设计 开发 维护 推广 从入门到精通》—— 1.6 网站建设的一般流程

本节书摘来异步社区《网站设计 开发 维护 推广 从入门到精通》一书中的第1章，第1.6节，作者：何新起 ,娄彦杰，更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6　网站建设的一般流程

创建网站是一个系统工程，有一定的工作流程，只有遵循这个步骤，按部就班地进行，才能设计出一个令人满意的网站。因此在制作网站前，先要了解网站建设的基本流程，这样才能制作出更好、更合理的网站。

1.6.1　确定网站主题
网站主题是建立的网站所要包含的主要内容。一个网站必须要有一个明确的主题，特别是对于个人网站。一个人没有能力，也没这个精力制作一个内容大而全的综合网站，所以必须要找准自己最感兴趣的内容，将它做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。

对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要试图去制作一个包罗万象的站点，这往往会让网站失去特色，也会带来高强度的劳动，给网站的及时更新带来困难。

1.6.2　网站整体规划

规划一个网站，可以先用树状结构把每个页面的内容大纲列出来。尤其当要制作一个很大的网站的时候，特别需要把架构规划好，也要考虑到以后的扩充性，以免做好以后再更改整个网站的结构。

网站规划包含的内容很多，如网站结构、栏设置、网站风格、颜色搭配、版面布局及文字图片的运用等。只有在制作网页之前把这些方面都考虑到了，才能在制作时胸有成竹，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。图1-17所示为网站整体结构图。

1.6.3　收集资料与素材

首先，要新建一个新的总目录，如 D:/我的网站，来放置建立网站的所有文件，然后再在这个目录下建立两个子目录：“文字资料”“图片资料”。放入目录中的文件名最好全部用英文小写，因为有些主机不支持大写和中文。

1．文本内容素材的收集
可以从网络、书本、报刊上找到需要的文字材料，也可以使用平时的试卷和复习资料，还可以自己编写有关的文字材料，将这些素材制作成Word文档保存在“文字资料”子目录下。收集的文本素材既要丰富，又要便于有机地组织，这样才能做出内容丰富、整体感强的网站。

2．动画图像素材的收集
只有文本内容的网站对于访问者来讲是枯燥乏味、缺乏生机的。如果加上艺术内容素材，如静态图片、动态图像及音像等，网页将充满动感与生机，也将吸引更多的访问者。这些素材主要来自于以下四个方面。

可以用一些动画与特效增加主页的美观与功能，动画可上网找，最好能自己制作，GIF格式的最常用。目前流行的是Flash动画，变化更多、尺寸更小，缺点是有些计算机上的浏览器没有安装Flash浏览软件，此时不能看到Flash动画。图1-18所示为从网上搜集图片保存到自己的网站上。

从CD-ROM中获取。在市面上有许多图片素材库光盘，也有许多教学软件，我们可以选取其中的图片资料。
既可以从各种图书出版物（如科普读物、教科书、杂志封面、摄影集及摄影杂志等）获取教学图片，也可以使用自己拍摄和积累的照片资料，或将杂志的封面彩图用彩色扫描仪扫描下来，将其加工后，整合制作到网页中。
提示

图片应尽量精美而小巧，不要盲目追求大而全，要在网页的美观与网络的速度两者之间取得良好的平衡。

1.6.4　设计网页图像

在整体规划好网站和搜集资料完成后就需要设计网页图像了，网页图像设计包括Logo、标准色彩、标准字、宣传广告和首页等。

设计网站标志：标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容，如网站内有代表性的人物、动物及植物，可以用它们作为设计的标本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形及字母的组合等方式可以很容易制作好自己的标志。图1-19所示为网站标志。

设计网站色彩：网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志和主色块，给人以整体统一的感觉。其他色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过三种，太多色彩则让人眼花缭乱。

需要说明的是，使用非默认字体只能用图片的形式，因为浏览者的计算机里很可能没有安装特别字体，否则辛辛苦苦地设计制作便可能付之东流了。
设计网站宣传广告：也可以说是网站的精神、主题与中心，或者是网站的目标，应该用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。图1-20所示为网站宣传广告。

首页设计包括版面、色彩、图像、动态效果、图标等风格设计，也包括 Banner、菜单及版权等模块设计。图1-21所示为网站首页。

设计网站字体：和标准色彩一样，标准字体是指用于标志和导航栏的特有字体。一般网页默认的字体是宋体。为了体现站点的与众不同和特有风格，可以根据需要选择一些特别字体，也可以根据自己网站所表达的内涵，选择更贴切的字体。

1.6.5　制作网页

下面就需要按照规划逐步制作网页了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序进行制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

1.6.6　开发动态网站模块

页面设计制作完成后，如果还需要动态功能的话，就需要开发动态功能模块。网站中常用的功能模块有搜索功能、留言板、新闻信息发布、在线购物、技术统计、论坛及聊天室等。

1．搜索功能
搜索功能可以使浏览者在短时间内从大量的资料中找到自己所需的资料。这对于资料非常丰富的网站来说非常有用。要建立搜索功能，就要有相应的程序以及完善的数据库支持，可以快速地从数据库中搜索到所需要的资料。

2．留言板
留言板、论坛及聊天室是为浏览者提供信息交流的地方。浏览者可以围绕产品、服务或其他话题进行讨论、提出问题、提出咨询，或者得到售后服务。但是聊天室和论坛是比较占用资源的，一般不是大中型的网站没有必要建设论坛和聊天室。图1-22所示为留言页面。

3．新闻信息发布系统
提供方便直观的页面文字信息的更新维护界面，提高工作效率、降低技术要求，非常适合用于经常更新的栏目或页面，图1-23所示为新闻发布系统的页面。

4．在线购物
实现电子交易的基础，用户将感兴趣的产品放入自己的购物车，以备最后统一结账。当然，用户也可以修改购物的数量，甚至将产品从购物车中取出。用户选择结算后系统自动生成本系统的订单。图1-24所示为购物系统的页面。

1.6.7　发布与上传

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看。上传工具有很多，可以采用Dreamweaver自带的站点管理功能上传文件，也可以采用专门的FTP软件上传。利用这些FTP工具，可以很方便地把网站发布到服务器上。网站上传以后，要在浏览器中打开自己的网站，逐页逐个链接地进行测试，发现问题，及时修改，然后再上传测试。

1.6.8　后期更新与维护

网站也要维护更新内容，保持内容的新鲜，不要做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

网站维护包括网页内容的更新、目录的管理、计数器文件的管理及网站的定期推广服务等。更新是指在不改变网站结构和页面形式的情况下，为网站的固定栏目增加或修改内容。

1.6.9　网站的推广

网页做好之后，还要不断地对其进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接或加入广告链等。

网站推广是企业网站获得有效访问的重要步骤，合理而科学的推广计划能令企业网站收到接近期望值的效果。网站推广作为电子商务服务的一个独立分支正显示出其巨大的魅力，并越来越引起企业的高度重视和关注。