网页具有可塑性，无论是水平方向仍是垂直方向，这是纸质页面所不具有的。因而，即便是在断定页面网格之前，你也需求断定最适合网站的根本页面框架:固定宽度的页面仍是弹性宽度的页面。
断定页面长度要简单一些。最好的方法便是适用于内容的常识性方法。“网络读者不会翻滚”这一老话或许适用于10年前或许更久之前的新用户，可是到了现在就不再是那么回事了。跟着读者更习惯于将网页作为一个阅览前言，页面长度的规划约束减少了。可用性研讨标明，网页读者必定会经过屏幕翻滚来阅览他们感兴趣的内容。
固定页面宽度
固定宽度页面规划运用遍及，尤其是在进行包括许多页面功能子区域的杂乱而面规划时，比如新闻网站。将内容放置在固定宽度的列意味着你的页面布局将不会由于用户的屏幕或阅览器窗口的巨细不同而改动。在一个不变的环境中进行规划音味着，你能够固定页面元素的位置并操控行长和距离等版式特性。固定的布局还能够坚持有关页面布局中的不同组成部分之间是怎么相关的Gestalt视觉和空间逻辑。固定宽度的布局存在一些不利因素。在大的显现屏上，会有较大份额的屏幕外于非运用状况，而在狭隘的阅览窗口中，用户或许会需求水平翻滚才干看到完好雷度的页面。此外，在阅览扩大的文本时，固定宽度布局不会总是那么完美地作出反应。
假如读者挑选扩大文本，那么固定宽度的规划或许会产生视觉上的分离常见的混合式代替规划就是将一个或许更多的固定宽度栏与一个弹性宽度的中心栏进行组合，其间中心栏具有相对简单的内容结构而且能够延伸以填满阅览器窗口的整个宽度。
“安全的”页面宽度是一个不断改换的方针，由于电脑屏幕的均匀巨细~直在增长。决定最佳页面宽度的最好方法就是运用网络分析学来断定网站阅览者的均匀屏幕巨细。
固定布局对绝大多数网页阅览环境(台式电脑或笔记本电脑显现屏)而言是最佳的挑选，其还能够适用于掌上设备以及其他方法的含移动样式表的移动电脑。不过固定布局将会变得比弹性布局更软弱而且更简单呈现通用可用性问题。因而，咱们激烈推荐在规划时挑选灵敏页面布局。
灵敏页面宽度
由于显现屏巨细不一，从小型的手机到宽的电影屏幕，要规划成一个标准“安全的”巨细的打算往往是不现实的。网页是一个灵敏的前言，用于习惯不同的用户以及各不相同的显现设备。与打印的固定于纸质上的文档不-样的是，网页的外观取决于显现巨细、分辨率以及色彩设置、阅览器窗口的高度和宽度、软件参数挑选(比如链接和布景色彩设置)以及可用的字体等这类元素。往往最佳的方法就是承受前言的灵敏性，规划出明晰的、可适用于许多现实设备且能被所有用户选用的页面。灵敏或“弹性”的页面规划在许多方面都比固定规划更具挑战性，由于灵敏的页面规划要求对HTML和其在渠道和阅览器中的运用有一个很深的了解。灵敏的页面规划还要求规划者能跳出本身的结构并想出能够在不同环境中发挥成效的图形和布局。在界说灵敏性页面宽度时有许多种方法。最常用的方法就是运用百分比来界说页面上不同元素的宽度。例如，对一个两栏布局而言，内容能够占有页面宽度的75%，而区域导航占页面剩下的25%。同一页面在打印时将会隐藏导航栏，由于其在纸质页面。上的用途不大，一起将页面宽度调至一个适合阅览的数值。而在移动设备上，导航是必要的，但狭隘的屏幕宽度不会支撑多栏，咱们会将两栏折叠为一栏。并将屏幕上的可用空间最大化。
灵敏的网站规划在习惯不同的显现设备(台式电脑、笔记本电脑、手机、iPod，等等)方面具有许多的优势。此外，灵敏性规划更具有通用运用性，由于其能够容易用于添加文本巨细、提高显现色彩和比照，以及添加阅览参数。灵敏的页面或许关于依赖于页面巨细、版式以及图形之间相对固定的视觉联系的杂乱页面布局而言，不是最好的方法
更多精彩请关注：http://www.jmseo.com.cn
