网页布局俗称“搭表格子”(东北话^_^) ,考验的是一个web程序员的基本功,看起来好像容易,其实里面蕴含着你对html元素的属性的理解和把握,因为我在开始刚做程序员的时候,常常因为网页一个缝隙或者是一个表格对不齐,而苦苦寻找数小时而不得结果,更严重的后果是把以前我所作的工作全部推倒重来。
下面,我来总结我的“血训”
1,搭表格的基本工具,我强烈建议你使用Dreamwear,而不是在vs平台上直接搭建,因为在vs平台上搭建效果和客户端生成html元素有出入很容易出现对不齐的现象,这些是我们不愿看到的,但是如果你对html的属性烂熟于心的话。你也可以直接搭,毕竟有这样的高手存在。当然我还是建议是使用Dreamwear,毕竟它更方便和快捷。
2,table 元素三个个属性 border,cellspacing,cellPadding,
a,border边框属性通过给定参数来设置边框的颜色,粗细等。
b,cellspacing属性,属性用来指定表格各单元格之间的空隙,当然一般我们取它的默认值0。
c,cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小,同样一般我们取它的默认值0。
这是搭表格最常用的三个属性。
3,布局(大体布局)
我们从美工那里拿到效果图的时候,大要把整个界面分为几个部分。
按照整体设计,先分出几个大块出来,在根据每块的细节再套用表格定位就可以了。
4,横向布局的注意事项
如果中间有拉伸平铺的图片一定不要用像素来表示,必须用百分比来表示,原因是当显示器分辨率变化的时候不至于出现缝隙。
5,纵向布局的注意事项
如果纵向有拉伸占位的情况那么必须先找好参照物,根据参照物的高度,还定表格自动拉伸的高度的百分比。
基本的注意事项就这么多,如果要想学更复杂的布局那就要好好看看css+div了。
如果大家有什么好的经验,欢迎来和我交流。谢谢!