网页布局概述

     网页布局是指当网站栏目结构确定了之后，为了满足栏目设置的要求需要进行的网页的模板规划。网页布局包括网站菜单、：网页结构定位方式和导航的设置、网页信息排放的位置,对页面的文字、图形或者表格进行格式设置。包括字体、字号、颜色纸张大小与方向以及页边距等。

 

    网页菜单设置：网站菜单一般是指各级栏目，是由一级栏目组成的菜单成为主菜单。这个菜单一般会出现在所有的页面上，网站首页一般只有一级栏目的菜单，而在栏目的首页，则可能会出现栏目进一步细分的菜单，可成为栏目菜单或辅菜单。

    网页结构定位：在传统的基于HTML网站的设计中，网页结构定位通常会有表格定位和框架结构（也称帧结构）两种方式。由于帧的结构将一个页面划分为多个窗口时，会破坏了网页的基本用户界面，很容易产生一些想不到的情况，如容易产生连接错误和不能为用户所看到的每一帧都设置一个标题等。在网页结构定位的时候，有一个非常重要的参数需要确定，即网页的宽度。确定网页宽度通常有固定像素模式与显示屏自适应模式。

    网站菜单设置：导航设置是在网站栏目结构的基础之上，进一步为用户浏览网站所提供的提升系统。由于各网站设计并没有统一的标准，不仅是菜单设置各不相同，打开网页的方式也会有区别。有一些是在同一窗口打开新网页，有一些是在新打开一个浏览器窗口，因此仅仅有网站栏目菜单有时会让用户在浏览网页过程仲迷失方向，如没有办法回到首页或者上一级页面等，还需要辅助性的导航来帮助用户方便地使用网站信息。

    布局可以是编码方面的，也可以是视觉方面的。在编码方面的涉及到语义化标签(也包含了div+css)布局和iframe框架(特殊地方使用)布局和表格布局(只适用于一些特殊的地方，不推荐全站使用)，如果是视觉交互方面的，就比较多了，每一年都会有新的设计布局，高级一点的例如视差类型布局，全屏布局，瀑布流，无缝拼图布局等，这些都不局限于传统的布局方式；传统电子商务、信息类的大多数采用单栏、两栏或者三栏布局，还有更多栏布局；分辨率相关的宽屏布局和窄屏布局，感应式布局。很多的选择。至于手机端，例举一些：竖排列表、横排方块、九宫格、TAB切换式、手风琴布局(有多个分类及其内容同时展示)、抽屉/侧边栏、标签场景式），因为屏幕小，要增加用户体验都可以根据具体情况用不同的布局方式。

    网页呈现在你的面前时，它会像是一张白纸，它需你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你可以控制一切你所能控制的东西，但假设你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你就可以在这个基础上加上自己的东西。