最开端,网页浮现在你眼前的时侯,它就似乎一张白纸,它需要你任意挥洒你的设计才思。在开端的时侯,你需要明白,固然你能节制一切你所能节制的东西,但假如你知道什么是一种商定俗成的尺度或者说大多数拜访者的浏览习惯,那么你可以在此基础上加上自己的东西。你当然也可以发明出自己的设计计划,但假如你是初学者,那么最好明白网页布局的基础概念。
1.页面尺寸
由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范畴,而且由于浏览器也将占往不少空间,留下给你的页面范畴变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和封闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提示大家除非你能确定站点的内容能吸引大家拖动,否则不要让拜访者拖动页面超过三屏。假如需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便拜访者浏览。
2.整体造型
什么是造型,造型就是发明出来的物体形象。这里是指页面的整体形象,这种形象应当是一个整体,图形与文本的接合应当是层叠有序。固然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分应用自然界中的其它外形以及它们的组合:矩形,圆形,三角形,菱形等。
对于不同的外形,它们所代表的意义是不同的。比如矩形代表着正式,规矩,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形带表着柔和,团结,温热,安全等,很多时尚站点爱好以圆形为页面整体造型;三角形代表着力量,权威,坚固,侵犯等,很多大型的贸易站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,和谐,公平,一些交友站点常应用菱形作为页面整体造型。固然不同外形带表着不批准义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。
3.页头
页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,拜访者能很快知道这个站点是什么内容。页头是全部页面设计的关键,它将牵涉到下面的更多设计和全部页面的和谐性。页头常放置站点名字的图片和公司标记以及旗帜广告。
4.文本
文本在页面中呈现都数以行或者块(段落)呈现,它们的摆放地位决定者全部页面布局的可视性。在过往由于页面制作技巧的局限,文本放置的地位的机动性非常小,而随着DHTML的兴起,文本已经可以按照自己的请求放置到页面的任何地位。
5.页脚
页脚和页头相呼应。页头是放置站点主题的处所,而页脚是放置制作者或者公司信息的处所。你能看到,很多制作信息都是放置在页脚的。
6.图片
图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的地位成了全部页面布局的关键。而你的布局思维也将体现在这里。
7.多媒体
除了文本和图片,还有声音,动画,视频等等其它媒体。固然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也将变得更重要。