网页具备可塑性,无论是水平方向还是垂直方向,这是纸质页面所不具备的。因此,即使是在确定页面网格之前,你也需要确定比较适合网站的基本页面框架:固定宽度的页面还是弹性宽度的页面。确定页面长度要容易一些。最好的方法便是适用于内容的知识性方法。“互联网读者不会滚动”这一老话可能适用于10年前或者更久之前的新用户,但到了目前就不再是那样回事了。伴随读者更习惯于将网页作为一个阅读媒介,页面长度的设计限制降低了。可用性研究表明,网页读者一定会通过屏幕滚动来阅读他们有兴趣的内容。固定页面宽度固定宽度网页设计用常见,特别是在进行包括不少页面功能子地区的复杂而面设计时,诸如新闻网站。将内容放置在固定宽度的列意味着你的页面布局将不会由于用户的屏幕或浏览器窗口的大小不同而改变。在一个不变的环境中进行设计音味着,你可以固定页面元素的地方并控制行长和间距等版式特质。固定的布局还可以维持有关页面布局中的不同组成部分之间是怎么样关联的Gestalt视觉和空间逻辑。固定宽度的布局存在一些不利原因。在大的显示屏上,会有较大比率的屏幕外于非用状况,而在狭窄的浏览窗口中,用户可能会需要水平滚动才能看到完整雷度的页面。除此之外,在浏览放大的文本时,固定宽度布局不会一直那样好地作出反应。假如读者选择放大文本,那样固定宽度的设计可能会产生视觉上的离别容易见到的混合式替代设计就是将一个或者更多的固定宽度栏与一个弹性宽度的中间栏进行组合,其中中间栏拥有相对简单的内容结构并且可以延伸以填满浏览器窗口的整个宽度。“安全的”页面宽度是一个不断变换的目的,由于电脑屏幕的平均大小~直在增长。决定好页面宽度的最好方法就是用互联网剖析学来确定网站浏览者的平均屏幕大小。固定布局对绝大部分网页浏览环境(台式电脑或手提电脑显示屏)而言是好的选择,其还可以适用于掌上设施与其他形式的含移动样式表的移动电脑。不过固定布局将会变得比弹性布局更脆弱并且更容易出现通用可用性问题。因此,大家强烈推荐在设计时选择灵活页面布局。灵活页面宽度因为显示屏大小不一,从小型的手机到宽的电影屏幕,要设计成一个标准“安全的”大小的计划总是是不现实的。网页是一个灵活的媒介,用于适应不一样的用户与各不相同的显示设施。与打印的固定于纸质上的文档不-样的是,网页的外观取决于显示大小、分辨率与颜色设置、浏览器窗口的高度和宽度、软件参数选择(诸如链接和背景颜色设置)与可用的字体等这种元素。总是好的方法就是同意媒介的灵活性,设计出明确的、可适用于不少现实设施且能被所有用户使用的页面。灵活或“弹性”的网页设计在方方面面都比固定设计更具挑战性,由于灵活的网页设计需要对HTML和其在平台和浏览器中的用法有一个非常深的认知。灵活的网页设计还需要设计者能跳源于身的结构并想出可以在不同环境中发挥效果的图形和布局。在概念灵活性页面宽度时有非常多种办法。最常见的办法就是用百分比来概念页面上不同元素的宽度。比如,对一个两栏布局而言,内容可以占据页面宽度的75%,而地区导航占页面剩余的25%。同一页面在打印时将会隐藏导航栏,由于其在纸质页面。上的用处不大,同时将页面宽度调至一个适合阅读的数值。而在手机上,导航是必要的,但狭窄的屏幕宽度不会支持多栏,大家会将两栏折叠为一栏。并将屏幕上的可用空间大化。
灵活的网站建设在适应不一样的显示设施(台式电脑、手提电脑、手机、iPod,等等)方面具备不少的优势。除此之外,灵活性设计更具备通用用性,由于其可以随便用于增加文本大小、提高显示颜色和对比,与增加阅读参数。灵活的页面可能对于依靠于页面大小、版式与图形之间相对固定的视觉关系的复杂页面布局而言,不是最好的方法。