1.7 网页设计制作流程

开始建设网站之前就应该有一个整体的战略规划和目标，规划好网页的大致外观后就可以进行设计了。当整个网站测试完成后，就可以发布到网上了。大部分站点需要定期进行维护，以实现内容的更新和功能的完善。

1.7.1 前期网站策划

一件事情的成功与否，其前期策划举足轻重。网站建设也是如此。网站策划是网站设计的前奏，主要包括确定网站的用户群和定位网站的主题，还有形象策划、制作规划和后期宣传推广等方面的内容。网站策划在网站建设的过程中尤为重要，它是制作网站迈出的重要的第一步。作为建设网站的第一步，网站策划应该切实地遵循“以人为本”的创作思路。

网络是用户主宰的世界，由于可选择对象众多，而且寻找起来也相当便利，所以网络用户明显缺乏耐心，并且想要迅速满足自己的要求。如果他们不能在一分钟之内弄明白如何使用一个网站，他们会认为这个网站不值得再浪费时间，然后就会离开，因此只有那些经过周密策划的网站才能吸引更多的访问者。

1.7.2 规划站点结构

一个网站设计得成功与否，很大程度上取决于设计者规划水平的高低。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、网站导航、颜色搭配、版面布局、文字图片的运用等。只有在制作网站之前把这些方面都考虑到了，才能在制作时胸有成竹。

1.7.3 收集网站相关素材

网站的前期策划完成以后，接下来就是按照确定的主题进行资料和素材的收集、整理了。这一步也是特别重要的，有了好的想法，如果说没有内容来充实，是肯定不能实现的。但是资料、素材的选择是没有什么规律的，可以寻找一些自己认为好的东西，同时也要考虑浏览者的情况，因为每个人的喜好都不同，如何权衡取舍，就要看设计者如何把握了。收集回来的资料一定要整理好，归类清楚，以便以后使用。

1.7.4 网页的版式与布局分析

当资料的收集、整理完成后，就可以开始进行具体的网页设计工作了。在进行网页设计时，首先要做的就是设计网页的版式与布局。现在，网页的布局设计变得越来越重要，因为访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网页布局和网页内容成功结合时，这种网页或者说站点才是受人欢迎的。取任何一面都有可能无法留住“挑剔”的访问者。关于网页的版式与布局，主要有以下几个方面的内容。

1．页面尺寸

由于页面尺寸与显示器大小及分辨率有关系，网页的局限性就在于无法突破显示器的范围，而且因为浏览器也将占去不少空间，所以留给页面的空间会更小。在网页设计过程中，向下拖动页面是唯一给网页增加更多内容的方法。但有必要提醒大家的是除非你能肯定网站的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么最好是在页面上创建内部链接，方便访问者浏览。

2．整体造型

造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的结合应该是层叠有序的。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其他形状以及它们的组合：矩形、圆形、三角形、菱形等。

3．网页布局方法

网页布局的方法有两种，第一种为纸上布局，第二种为软件布局。

纸上布局法，许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计软件中边设计布局边添加内容。这种不打草稿的方法很难设计出优秀的网页来，所以在开始制作网页时，要先在纸上画出页面的布局草图。

软件布局法，如果制作者不喜欢用纸来画出布局图，那么还可以利用软件来完成这些工作。可以使用Photoshop，它所具有的对图像的编辑功能正适合设计网页布局。利用Photoshop可以方便地使用颜色、图形，并且可以利用层的功能设计出用纸张无法实现的布局概念。

1.7.5 确定网页配色

色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。同时应该根据色彩对人们心理的影响，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。网页的颜色应用并没有数量的限制，但不能毫无节制地运用多种颜色。一般情况下，先根据整体风格的要求定出一到两种主色调，有CIS （企业形象识别系统）的，更应该按照其中的VI进行色彩运用。图1-27所示为成功的网站配色。

在色彩的运用过程中，还应该注意的一个问题是由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜好程度有着很大的差异。如儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。设计者在设计中要考虑主要读者群的背景和构成，以便于选择恰当的色彩组合。

1.7.6 设计网站页面

在版式布局完成的基础上，将确定需要的功能模块（功能模块主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、版权信息等）、图片、文字等放置到页面上。需要注意的是，这里必须遵循突出重点、平衡协调的原则，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的摆放。

1.7.7 切割和优化网页图像

整体的页面效果制作好以后，就要考虑如何把整个页面分割开来，使用什么样的方法可以使最后生成的页面的文件量最小。对页面进行切割与优化具有一定规律和技巧的。

1.7.8 制作网站HTML页面

这一步就是具体的制作阶段，也就是大家常说的网页制作。目前主流的网页可视化编辑软件是Adobe公司Dreamweaver，它具有强大的网页编辑功能，适合专业的网页设计制作人员，本书将主要介绍使用Dreamweaver对网页进行设计制作。完成了这一步整个网页也就制作完了。

1.7.9 开发动态网站模块

完成网站HTML静态页面的制作后，如果还需要动态功能的话，就需要开发动态功能模块。网站中常用的功能模块有新闻发布系统、搜索功能、产品展示管理系统、在线调查系统、在线购物、会员注册管理系统、统计系统、留言系统、论坛及聊天室等。

1.7.10 申请域名和服务器空间

网页制作完毕，最后要发布到Web服务器上，才能够让众多的浏览者观看。首先需要申请域名和服务器空间，然后才能上传到服务器上。

可以用搜索引擎查找相关的域名空间提供商，在他们的网站上可以进行在线域名查询，从而找到最适合自己的而且还没有被注册的域名。

有了自己的域名后，就需要一个存放网站文件的空间，而这个空间在Internet上就是服务器。一般情况下，可以选择虚拟主机或独立服务器的方式。

1.7.11 测试并上传网站

网站制作完成以后，暂时还不能发布，需要在本机上内部测试，并进行模拟浏览。测试的内容包括版式、图片等显示是否正确，是否有死链接或者空链接等，发现有显示错误或功能欠缺后需要进一步修改，如果没有发现任何问题，就可以发布上传了。发布上传是网站制作最后的步骤，完成这一步骤后，整个过程就结束了。

1.7.12 网站的更新与维护

严格地说，后期更新与维护不能算是网站设计过程中的环节，而是制作完成后应该考虑的。但是这一项工作却是必不可少的，尤其是信息类网站，更新和维护更是必不可少。这是网站保持新鲜活力、吸引力以及正常运行的保障。