先让我们了解一些网页布局的术语。网页布局只是一个辅助设计的的工具,而绝不应该成为限制你设计创造性的障碍。网页布局是一种布局划分,它使用横向和纵向引导线将边白(margin),空格和纵列包含进来,从而提供一个内容布局的框架。
    网页布局一般是在出版行业才能看到,不过它也非常适用于网页设计。网页布局也不是一定是要你把网站搞的像个报纸的布局,但是它确实可以帮你制作出一个可以在此基础上做设计的统一结构。
其实有个简单的方法,使用display:table,display:table-row and display:table-cell 就可以实现,而且高度小的容器会自适应那些高度相对较高的,但是IE不支持这个属性,我们先不用易用性设计去责备Ie,相信宗旨以后会有所改善的。
    理解并遵循规则
当你开始学习任何特定新技能时,你都应该遵循对应的准则。刚开始学习基础可以确保你能有效的运用这些基本原理。
    刚开始网页布局间的区别不大,你应该按照网页布局,让所有的设计元素对齐,并放置到位。在你的设计中使用网页布局可以给你的内容带来结构性。也给你提供了一个起步的地方,但是它绝不应该扼杀你的创造性。
    当下有两种创建网页布局模板的办法。
    由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素；分辨率在1024X768的宗旨情况下,页面的易用性设计显示尺寸为：1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。
　　浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。
　　在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过易用性设计三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。
    自己制作一个网页布局模板
    目前有许多不同的理论可以可以帮你设置好你自己的网页布局,你的宗旨选择权无穷无尽,但是最终,你应该改选择一个最适合你手头项目的网页布局模板来。
    你可以将一个空白文档进行分割,创建出偶数或奇数栏来。通常把中缝（栏与栏之间的空白）考虑进你的网页布局系统会很有帮助的。
    你的网页布局可以很复杂,可以很简单,随你喜欢。你的网页布局布局越复杂越精巧,网页布局系统的自由度就越大。而它越简单的话,理解起来就越方便。选择权在你。

上一篇：Meta功能对网站的作用

[返回列表]

下一篇：浅谈增强网站用户体验