最开始,网页呈现在你面前的时侯,它就好像一张白纸,需要你任意挥洒你的设计才思。在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,则可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局的基本概念。
1.页而尺寸
由于页面尺寸和显示器大小及分辨率有关系,网页布局的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,所以留给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为780x428(单位为像素,下同);分辨率在640x450的情况下,页面的显示尺寸为620x311;分辨率在l024x768的情况下,页面的显示尺寸为l007x600。从以上数据可以看出,分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因。目前一般浏览器的工具栏都可以取消或者增加,因此当你显示全部的工具栏和关闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,向下拖动页面是唯一给网页布局增加更多内容(尺寸)的方法。但我想提醒各位,除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么最好能在上面做上页面内部链接,以方便访问者浏览。具体的网页样例参考如下:http://www.zhiyuanit.net.cn/。
2.整体造型
什么是造型?造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序的。虽然显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其他形状及它们的组合,如矩形、圆形、三角形、菱形等。