网页布局基础知识讲解
网页的布局设计是指按照一定的规律将网页上的元素，如图片和文字，安排在合适位置，其设计流程为：确定版面率(网页中留白区域的面积)—使用"网格设计"的方法进行页面的整体布局—进行网页的局部布局。
网页设计师的职责是划分、组织和传达信息，使网页易于阅读，使界面平易近人，便于使用，使用户能更快、更容易地找到吸引他的东西。
网页布局的过程：首先要确定版面率(网页中留白区域的面积)，然后使用"网格设计"的方法进行页面的整体布局，最后进行网页的局部布局。
在设计网页效果之前，应该对所设计的网页进行整体布局，这样做的好处是可以明确网页的整体结构，一般称为布局草图。在设计之前，应在纸上或使用计算机软件画出页面布局的草图，供设计时参考。
一般来说，在布局网页时通常有两种方案，一种是纸上布局法，另一种是软件布局法。
1、纸上布局法：纸上布局法是用手在纸上勾画出网页的大体轮廓，并设定各模块的相应尺寸。这样可以避免在设计网页版面内容时无从下手的情况。
2、软件布局法：如果设计师不喜欢在纸上画草图，可以用软件排版的方式来完成。一般都会使用平面设计软件，如Photoshop、Illustrator等软件。
利用软件进行排版，可以很方便地处理颜色、图形等，达到纸上无法实现的效果。
怎么设计网页布局
网页的布局是针对网站主页的版面设计，因此建议先用笔将构思的页面布局草图勾勒出来，然后在进行版面的细化和调整;即确定布局草案后，利用网页制作工具制作、调整。
一、怎么设计网页布局
网页的布局主要是针对网站主页的版面设计，因此最好先用笔将构思的页面布局草图勾勒出来，然后在进行版面的细化和调整。
在设计时应该把一些主要的元素放到网页中，例如网站的站标、广告栏、导航条等，这些元素应该放在最突出、最醒目的位置，然后再考虑其他元素的放置。
在将各主要元素确定好之后，下面就可以考虑文字、图片、表格等页面元素的排版布局了。
确定布局草案后，利用网页制作工具，如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。
