网页布局模板

     网页布局的时候，我们需要掌握网页模版布局的方法，只有掌握了网页模版布局的方法才能更好的进行网页设计，设计出优秀的网页来。网站模板也叫网页骨架，当我第一次开始设计时，我确信如此。数学是如此刻板乏味。你还可能会惊讶的发现，最美观的设计，艺术作品，物体，甚至人都会有数学上的共同点。尤其是黄金分割，也被称之为神之比例，希腊字母表示其为 Φ 。 本教程会剖析一个网站模板的布局，以及如何对其黄金分割。

    网页骨架图这些是web页面的主要元素。有很多的不同方法去组织它们，但是这种布局可能是最常用的。所有的web页面都用一个container，主要是为了一个相同目的：去包含一些页面的元素，而这个方法实现各有不同。例如，body标签或是最常用的div。甚至于以前常用的table（不要使用table作为你的container，这是一个破方法）。想一想container作为你房子的外墙，里面包含卧室，厨房，起居室等等。　　container的类型:　　Liquid: 根据浏览器宽度填充。　　Fixed: 指定的宽度，并不会根据浏览器宽度改变。
 
    header并不真的是一个特定的元素，尽管某些人会认为它是。它更多是用于涉及到你放置你的logo，导航栏，tagline的web页面顶层的地方。很多人更愿意把这些元素包含在一个div里以方便使页面样式和内容分离。header会被视为一个container，所以它有两种类型的选择，就是上文提到的 liquid 或 fixed。页面导航是很重要的元素之一;你的访问者需用它来使用你的站点。 它应该是容易被找到且易用的，这就是为什么大多数的人把它放在header部分，最少也是在页面顶端附近的原因。　　navigation类型:　　Horizontal: 水平显示，被称为'navigation'　　Vertical: 垂直显示，被称为'menu'

    你的logo是你的身份与品牌。最常用的是把logo放在你header的左上角。我们的阅读习惯是，从左往右，从上至下，所以你的log应该放在访问者第一眼就能看到的地方。web页面的尾部总是会有一个页脚，让您的访客知道他已经到达了你web页面的结束部分。和header相同，footer也不是特殊的元素 。在你的页脚里面包含版权，法律声明以及主要的联系方式。包含一些很重要的链接是个好主意，比如home page, contact page, 等. 有些网站用这个区域提供一些相关材料或者其他重要信息。

    Main Content　　每个人都（应该）知道，内容才是王道！当人们来参观你的站点时，这才是他们想看的主要元素。它应该是web页面的焦点，所以参观者才能快速的找到他们想要的。　　Sidebar　　sidebar是放置你次要内容的元素，像一些广告，站点搜索，订阅链接(RSS, Twitter, Email, 等), 联系方法等。这个元素不是必要的，尽管有很多的站点用它。它大多数是放在右边的，但你也能把它放在左边或两边，只要不扰乱主要内容的浏览就行。网站使用横向或者纵向导航，sidebar往往是用纵向导航。

    做到这些的同时需要注意的就是，当你有强烈的愿望想要去填补页面的空白的时候，请千万不要这么做，以为空白也是很重要的，有些网站有效的使用空白的区域，创建出了页面的平衡给人一种好的感觉。