X龙@China .Net 'blog

需要的不仅仅是工作,而是通过努力得来的美好将来。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

B/S软件界面修改心得

Posted on 2009-09-10 11:45  X龙  阅读(300)  评论(0编辑  收藏  举报

在这次的软件升级中,首先对软件界面进行了一次大手术。

1.首先划分好整体的界面模块,通过Div+CSS调整好相应元素的位置。

2.定义好了整体框架就简单了,其它只要把相应内容放进去,并对一些特殊的进行微调就好了。

      在这次的修改中,由于分页导航加了一个圆角的背景,而分页导航栏的本身大小是会随着页数的多少(页数多的时候占的位置就多了)而改变,所以那个图片只能通过其他方法加进去了。现在其它都OK了,只有这个分页导航了,所以为了减少动功,先将图片切成三块(前面的圆角、中间,后面的圆角),再通过方便、强大的JQuery把两头的圆角添加到分页导航的最前面和最后面。中间的直接设置为背景就行了。

  • div在使用使用的时候不使用固定大小定义它的宽和高并且层里面没有内容时,它是不会显示的。

 

  • 要想将一个DIV中的两个div一个放左边,一个放右边,可以设置包含层DIV的text-align:right,再设置后面div的float:left。

 

  • Table的宽度和部分元素的width用百分比可以得到较好的收缩性,在不同的分辨率下能较好的适应变化。
点击这里给我发消息http://wp.qq.com/index.html