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