网页布局心得(如何搭网页)

 网页布局俗称“搭表格子”(东北话^_^) ,考验的是一个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了。
如果大家有什么好的经验,欢迎来和我交流。谢谢!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值