B/S軟體介面修改心得

在這次的軟體升級中，首先對軟體介面進行了一次大手術。

1.首先劃分好整體的介面模組，通過Div+CSS調整好相應元素的位置。

2.定義好了整體架構就簡單了，其它只要把相應內容放進去，並對一些特殊的進行微調就好了。

      在這次的修改中，由於分頁導航加了一個圓角的背景，而分頁導覽列的本身大小是會隨著頁數的多少（頁數多的時候占的位置就多了）而改變，所以那個圖片只能通過其他方法加進去了。現在其它都OK了，只有這個分頁導航了，所以為了減少動功，先將圖片切成三塊（前面的圓角、中間，後面的圓角），再通過方便、強大的JQuery把兩頭的圓角添加到分頁導航的最前面和最後面。中間的直接設定為背景就行了。

• div在使用使用的時候不使用固定大小定義它的寬和高並且層裡面沒有內容時，它是不會顯示的。

 

• 要想將一個DIV中的兩個div一個放左邊，一個放右邊，可以設定包含層DIV的text-align:right，再設定後面div的float:left。

 

• Table的寬度和部分元素的width用百分比可以得到較好的收縮性，在不同的解析度下能較好的適應變化。