2.4　网页布局方法

为了使网页能达到最佳的视觉效果，应讲究网页整体布局的合理性，使浏览者有一个流畅的视觉体验。在制作网页前，可以先绘制出网页的草图。网页布局的方法有两种，一种为纸上布局，另一种为软件布局，下面分别进行介绍。

2.4.1　纸上布局法

从事多年网页制作的人在拿到网页的相关内容后，也许很快就可以在脑海中形成大概的布局，并且可以直接用网页制作软件开始制作。但是对不熟悉网页布局的人来说，这么做有相当大的困难，所以此时就需要借助其他的方法来进行网页布局。

在设计版面布局前，先画出版面的布局草图，并对版面布局进行细化和调整，反复细化和调整后确定最终的布局方案。

新建的页面就像一张白纸，没有任何表格、框架和约定俗成的东西，尽可能地发挥想象力，将想到的内容画上去。此时属于创意阶段，不必讲究细致、工整，也不必考虑具体功能，只用粗陋的线条勾画出创意的轮廓即可。尽可能多画几张草图，最后选定一个满意的方案来创作，如图2-18所示。

图2-18　纸上布局草图

2.4.2　软件布局法

对于有一定设计经验的人，可以用专业制图软件进行布局（如Fireworks和Photoshop等），用它们可以像设计图片、招贴画、广告一样去设计一个网页的界面，然后再考虑如何用网页制作软件去实现它。利用软件可以方便地使用颜色、图形，并且可以利用图层的功能设计出用纸张无法实现的布局效果，如图2-19所示为使用软件布局的网页草图。

图2-19　使用软件布局的网页草图 tfkxTF4TPs9iL8ls9JtVIsOiSBk8r7e4K8TG6OiJo3lDodD1uvjPFMWT06VLiIbx