2.2 网页布局方法

一般来说，网页布局有以下两种方法：一是纸上布局法，二是软件布局法。

2.2.1 纸上布局法

许多网页制作者不喜欢首先画出页面布局的草图，而是直接在网页设计软件中边设计布局边添加内容，这种不打草稿的方法难以设计出优秀的网页，除非是美术设计高手，否则在开始制作网页时，应首先在纸上绘出页面布局的草图。

（1）尺寸选择。

为了照顾大多数访问者，在目前约定俗成的浏览模式中，页面尺寸应以800×600像素分辨率为佳。

（2）造型的选择。

首先在纸上画出象征浏览器窗口的矩形，表示布局的范围。选择一个形状作为整个页面的主题造型，例如，圆形代表柔和，和时尚主题比较相称。在矩形框架中画出这个圆，并尝试增加一些圆形或者其他形状，如此继续，可以在看似很乱的图形中找出隐藏在其中的特别造型。不必担心设计的布局是否能够实现，事实上，只要能够想到的布局就可以使用现今的HTML技术来实现。

2.2.2 软件布局法

可以利用Photoshop或者Fireworks等绘图软件来布局，可以方便地使用各种颜色和图形，并且利用层的功能设计出用纸张无法实现的布局思想。采用软件布局的网页草图如图2-7所示。

图2-7 采用软件布局的网页草图