Web设计经验：网页布局中的黄金分割

　　数学是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候，我确信如此。数学如此刻板乏味。你可能会惊讶的发现，最美观的设计，艺术作品，物体，甚至我们人都有数学上的共同点。尤其是黄金分割，也被称为神之比例，希腊字母表示其为 Φ (phi). 本教程会剖析一个网站的布局，以及如何对其黄金分割。

　　网页结构

　　这些是web页面的主要元素。有很多不同的方法去组织它们，但是这种布局也许是最常用的。

　　Container

　　所有的web页面都用一个container，主要是为了同一个目的：去包含一些页面元素，然而这个方法实现各有不同。例如，body标签或者是最常用的div。甚至于过去常用的table(不要使用table作为你的container，这是一个破方法)。想想container作为你房子的外墙，里面包含卧室，厨房，起居室等等。

　　container的类型:

　　Liquid: 根据浏览器宽度填充。

　　Fixed: 指定的宽度，并不会根据浏览器宽度改变。

　　Header

　　header并不真的是一个特定的元素，尽管某些人会认为它是。它更多是用在涉及到你放置你的logo，导航栏，tagline的web页面顶层的地方。许多人更愿意把这些元素包含在一个div里以方便使页面样式和内容分离。header会被视为一个container，所以它有两种类型选择，就是上文提到的 liquid 或 fixed 。

　　Logo

　　你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我们的阅读习惯是，从左往右，从上至下，所以你的log应该放在访问者第一眼能看到的地方。

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!