进行网页布局时可以分为三个步骤，即“构思”、“粗略布局”及“定案”，下面分别进行说明。

    首先，构思。

    一个空白的页面就是一张空白的白纸，如何在上面作画，需要在大脑中多想想，同时要紧密结合页面中要放置的内容。其实很多时候页面布局受页面内容的限制比较大，毕竟将所有的内容呈现出来是头等大事，至于如何表现，如何才能实现美观，这是其次的问题而已。

    除了本页面的布局构思外，还要考虑其他页面的布局，以便能让整个网站具有一致的风格与布局。

    通常页面顶部是用于放置导航菜单等内容的，页面底部是用于放置版权信息的，这两部分在网站的各个部分中一般都需要，因此进行布局时可以将其统一为同一布局。至于各个页面中的细节，则根据页面的内容来具体确定，但在表现方法上还是要尽量做到统一。

    构思阶段是一个创造阶段，可以不讲究细腻工整，而以简陋的线条勾画出创意的轮廓即可。多准备几张白纸，尽可能地发挥想象力，尽可能多画几张不同风格的布局，最后选定一个比较满意的，以便继续后面的步骤。

    其次，粗略布局。

    在构思阶段完成草案的确定后，即可实现粗步的布局。启动图像处理软件，在软件中将页面的各个部分进行细化。

    先确定整个页面的总体框架，包括整个网站的公用部分，以及主内容的主要表现形式进行确定，将该有的线条绘制出来，此时可以结合辅助线等工具进行操作。

    接下来再进行各个小版块的设计，将该有的线条、色块、按钮等绘制出来，粗略的完成页面的布局设计。

    最后，定案。

    这一阶段就是出成品了。再次观察设计好的作品，将布局作进一步的精细化与具体化。对于常见的一些处理技巧如下：

    1）网页的白色背景太虚，则可以加些色块。

    2）版面零散，可以用线条和符号串联。

    3）左面文字过多，右面则可以插一张图片保持平衡。

    4）表格太规矩，可以改用倒角试试，即表格的四个角设置一定的弧度。

    5）当实线不够美观时，可以改为虚线。

    6）尽量多做一些小图标。