第2節(jié) web頁面設(shè)計規(guī)范之頁面元素
面板
我們常用的布局對象，一般由標題欄加內(nèi)容區(qū)域以及狀態(tài)欄組成。標題、內(nèi)容區(qū)域中英文字符一般采用左對齊方式。
標簽頁
當(dāng)有多個分類內(nèi)容頁要顯示時使用，標簽上顯示的文字宜居中對齊
分頁器
當(dāng)我們顯示內(nèi)容行數(shù)過多時應(yīng)采用分頁控件降低單頁的數(shù)據(jù)量，以提高系統(tǒng)性能。
當(dāng)需要分頁顯示數(shù)據(jù)時，要求：
當(dāng)對查詢結(jié)果進行分頁時，分頁的同時需要能夠執(zhí)行查詢功能；
當(dāng)頁數(shù)較多時，允許輸入具體頁數(shù)進行查詢；
分頁按鈕可以采用數(shù)字也可以采用文字，但當(dāng)前頁要與其他沒有選中的頁區(qū)分開來，如下圖采用顏色來
面包屑
當(dāng)系統(tǒng)存在復(fù)雜的層次結(jié)構(gòu)時，提供用戶導(dǎo)航作用，能引導(dǎo)用戶快速跳轉(zhuǎn)到相應(yīng)的內(nèi)容。每一層級內(nèi)容不宜過長，最好能控制在4個字以內(nèi)容，最長不要超過6個字；宜左對齊。
表單
表單元素主要使用來收集用戶材料，子元素相對比較多應(yīng)注選擇統(tǒng)一對齊方法以及相應(yīng)字體，保持簡潔美觀。以下是為示例：
?
表格
對于表格，其屬性的設(shè)置同樣在CSS中進行定義。
表格使用最多的情況是顯示裝在的數(shù)據(jù)，由于有很多表項需要在頁面中完整顯示，因此原則上對于表格各個單元格寬度的設(shè)置應(yīng)采用百分比方式來進行，這樣表格不僅能夠?qū)?shù)據(jù)完整地顯示，而且還能夠適應(yīng)不同分辨率的情況。但由于表格中存在不定長的內(nèi)容，所以為了保證表格的寬度不被擠變形，對于不定長的內(nèi)容，可固定顯示寬度，當(dāng)超出此顯示寬度后，以……顯示，光標停留后，詳細內(nèi)容再在浮動層顯示。
其他要求：
表頭中的數(shù)據(jù)應(yīng)水平/垂直居中對齊。
表單中內(nèi)容如為定長，則為居中顯示；如為不固定的中英文內(nèi)容，則為居左顯示；如為數(shù)值形式，則為居右顯示。
表格的表頭應(yīng)采用不同于表格內(nèi)容的背景顏色，并要求對比明顯；
表格表頭的文字應(yīng)采用加粗，或不同于表格內(nèi)容的字體；
表格中相鄰行需要通過兩種有一定對比差異的淺色作為背景色；
各個頁面的表格邊框風(fēng)格需要統(tǒng)一，建議設(shè)置細邊框；
表格中存在的鏈接文字需要采用不同于其他內(nèi)容的顏色或字體顯示；
對于表格的嵌套盡量控制在三層以內(nèi)，并且禁止使用表格來進行頁面布局。
?
示例
?
提示框
?
標記
?
標簽
全局信息
