设计网页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里有网站标志、导航、文字、图像和动画元素，版面设计就是要将这些元素有机的组合，以最合适的方式排放在页面的不同位置，并表现出美与和谐。
不管什么内容的网站，所具备的功能都是相同的，一般情况下，网站的标志放在页面的上部，竖排导航会放在页面的左侧，横排的导航会放在标志之下或顶部广告之下；版权信息则要放在页面尾。 1024*768=1024-（21.22.23）*600
800*600=760*420
一、栏式结构：是指竖方向把页面信息分成几列，根据栏式命名可以有二栏式、三栏式、四栏式、五栏式和通栏。通栏为一栏常用于信息量较少的网站，文章正文页面和网页注册。
分栏结构：一种开放式结构设计。（流量较大，信息储备大，更新较快，的站点。如门户网站，资讯类站点。）
二分栏结构：左宽右窄或左窄右宽，宽栏中嵌入多种横栏一边放下更多条目。
优点：简练大方、个性鲜明的效果功能区域分割清晰明了便于查阅。
四分栏结构：情况相对少见，通常为放下更多信息而选用。
区域结构：是利用辅助线图形和色彩等方式把页面分成若干区域，可规则可不规则，有区域所形成的网页框架叫做区域排版，也可称之为分拦结构的变异，可以适应更多信息结构布局。
非规律框架：分栏结构和区域结构以外的网页框架归属为一类，及非规律框架设计，一般有四种。1、封面型：特点：用于网站首页，精美平面设计结合小动画，放几个简单的链接或者仅进入链接，甚至直接在首页图片上链接无任何提示，多用企业或个人网站。优点：处理得好会给人带来赏心悦目的感觉。2、动感flash型：主要内容和封面型差不多，但菜单和跳转画面上具有很强的视觉效果，通常表现出互动感，时代感科技感。3、拐角型：栏式结构的变异。一般情况下是靠边的分栏与横栏相同，不论被图片占据还是安放了导航，都巧妙地弥补了信息量的不足。4、半包围型：左边内容相对固定，通常放置形象代言人或主题广告等识别性很强的信息。优点：页面可以十分精美，并表现出企业的气势。