网页设计的第一步是设计版面布局。网页版面布局的主要任务是将web页面分割成用于安排文字、图像等各种屏幕元素的各个区域。良好的页面布局应该做到结构清晰、整洁，并且易于浏览操作。作为网站设计的初学者很可能会在一开始就进行版面的设计，随着设计的深入也许合发现有许多要改动的地方，甚至要重新开始。几经反复，会打乱网站设计思路，也就不会有好的网站出品。因此必须学习和掌握网页版面设计的步骤。首先了解一下什么是版面和布局。
版面指的是浏览器观看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640 x 480像素，800 x 600像素，1024x 768像素等不同尺寸，目前常用的布局尺寸为800 x 600像素。
布局指的是以最适合浏览的方式将图片和文字排放在页面的不同位置，使得浏览者的视觉效果与使用效果最佳。
版面布局也是一个创意的过程，但要比网站整体的创意容易和有规律得多。网页版面布局设计按阶段可分为四个步骤。六匹马中山网络公司下面对四个阶段一一进行说明。
1．方案设计
方案设计其实就是回出页面的结构草图。新建页面就像一张白纸，没有任何表格、框架和约定俗成的东西，根据网站整体的内容，可以尽可能地发挥想像力，将想到的“创意”用一支铅笔画在一张白纸上。这属于创造阶段．不讲究细腻工整，不必考虑细节功能，只以租陋的线条勾画出创意的轮廓即可。尽可能多回几种方案，最后选定一个满意的方案作为网页版面部局设计的初稿。
2．初步设计
在方案设计的基础上，需要确定如何把功能模块安排到页面上。这里的功能模块是指网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。这个阶段必须遵循主次分明、突出重点、平衡协调的原则，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。
3．技术设计
技术设计的主要任务是在初步设计的基础之上，进一步解决各部分的技术问题，在确定了功能模块的大致位置后，需要对一些网站标志、题头和背景因进行设计，然后把设计好的模块放在初步设计中确定的位置上，这样一个网页的布局基本完成。
4．定案设计
这是调整阶段，将初步的页面布局精细化、具体化，如网页的白色背景太虚，则可以加些色块；版面零散，可以用线条和符号串联；左面文字过多，右面则可以插一张图片保持平衡，表格太规矩，可以改用导角试试，等等。经过不断的尝试和推敲，网页一定会制作得很出色。
以上的设计步骤之间并没有明显的分界，这里主要是希望初学者一步步去掌握页面的布局设计，在下一节中将重点介绍一些技术细节。转自六匹马网络