怎么设计网页布局-布局常见类型-布局常用标签

网页的布局是针对网站主页的版面设计，因此建议先用笔将构思的页面布局草图勾勒出来，然后在进行版面的细化和调整;即确定布局草案后，利用网页制作工具制作、调整。

一、怎么设计网页布局

网页的布局主要是针对网站主页的版面设计，因此最好先用笔将构思的页面布局草图勾勒出来，然后在进行版面的细化和调整。

在设计时应该把一些主要的元素放到网页中，例如网站的站标、广告栏、导航条等，这些元素应该放在最突出、最醒目的位置，然后再考虑其他元素的放置。

在将各主要元素确定好之后，下面就可以考虑文字、图片、表格等页面元素的排版布局了。

确定布局草案后，利用网页制作工具，如Dreameaver、FrontPage把草案做成一个简略的网页，以观察总体效果，对不协调的地方进行调整。

二、网页布局的常见类型

1.川字型结构

川字型结构将网页分割为左、中、右三栏，左右两栏小，中栏大。整个页面在垂直方向分为三列，网站的内容按栏目分布在这三列中，最大限度地突出主页的搜索功能。

2.二字型结构

二字型结构将网页分割为上、下两栏，上栏小，下栏大，或上栏大，下栏小。这种类型的页面最上面往往是标题，下面是正文，例如，一些文章页面或注册页面等就是这一类。

三、页面布局常用标签

1、换行标签“br”

“br”为换行标签，它是一个单标签，作用是令其后的内容在下一行显示。由于浏览器会自动忽略源代码中的空白和换行，这使得“br”成为最常用的标记之一。

2、分段控制标签“p”

“p”为分段控制标签，它可以单独使用也可成对使用，其作用是留一空白行。

“p”有一个对齐方式属性align，其属性可选值为right、left、center。

3、居中对齐标签“center”

“center”为居中对齐标签，它是一个双标签，其作用是进行居中控制。

4、水平分隔线标签“hr”

“hr”为水平分隔线标签，它是一个单标签，其作用是在标签所在位置上插入一条水平线。

“hr”的属性有align、size、width、color和noshade。