网页布局的基础知识

当你设计一个网页时，关于设计更容易被忽略的东西就是布局。现在，很多人会考虑怎么布局（CSS，表格，框架等），但是网页布局的基础知识经常会完全被忽略。

空间和空白

不要具体使用整个空间，换句话说，在网页中使用的是相对大小的布局，以便于他们为适应

浏览器窗口进行扩大和缩小。

要记得保持屏幕分辨率。然而现在大部分的用户在设置分辨率的时候都没有设置为640*480了。跳出率是因为他们在显示器上看到的就是一个logo而不是一个良好的客户服务。

使用颜色定义空间。如果你想要页面有特定的宽度，为什么不能让浏览器屏幕置于中心，页面的背景颜色不同呢？

这能帮助页面为不同的浏览器而调整大小；更大的浏览器会展示更多的背景颜色，更小的浏览器展示的会更少。

图像和图表

图像对齐。对于新手来说，最常见的布局问题就是在没有布局的情况下，不能把图像放到页面。如果你只按照img标签写文本，把其中的一行文本放到图像的右边。使用对齐属性会辅助到布局的图像部分。

平衡页面的图表和文本。使用很多的图像和动画是很容易被舍弃的，但是他们很难读取一个页面。当你在考虑布局的问题时，要记得图像是设计的一个主要的部分，而不是附加的部分。

文本宽度

要考虑一下文本宽度。这种形式一般称为扫描长度，指的是一行显示多少字符。大多数人都喜欢一行大概7到11个字。字更多的话，读起来会很累，字更少的话，会脱节和分散注意力。当设计布局时，确定主要的文本区在能阅读的宽度中显示。

围绕文本是不合适的。设计师需要学习的关于布局的技术之一就是中心标记，把页面的所有内容都居中。关于居中是一个很棘手的问题。