(完整word)Web頁面設(shè)計(jì)規(guī)范

1、（完整（完整word）Web頁面設(shè)計(jì)規(guī)范第第 頁共27頁排除可能會(huì)使程序非正常中止的錯(cuò)誤；應(yīng)當(dāng)檢查用戶錄入無效的數(shù)據(jù)；采用相關(guān)控件限制用戶輸入值的種類;當(dāng)用戶面臨的選擇是兩個(gè)或多個(gè)選一時(shí)，請采用單選框，而當(dāng)選擇的可能再多一些時(shí)，可以采用復(fù)選框；當(dāng)選項(xiàng)特別多時(shí)，可以采用列表框，下拉式列表框；確保未經(jīng)授權(quán)或沒有意義的操作不能進(jìn)行；對可能引起致命錯(cuò)誤或系統(tǒng)出錯(cuò)的輸入字符或動(dòng)作要加限制或屏蔽;對可能發(fā)生嚴(yán)重后果的操作要有補(bǔ)救措施。通過補(bǔ)救措施用戶可以回到原來的正確狀態(tài)；對一些特殊符號的輸入,與系統(tǒng)使用的符號相沖突的字符等進(jìn)行判斷并阻止用戶輸入該字符,并提前給出輸入提示；對錯(cuò)誤操作最好支持可逆性處理,如

2、取消系列操作；在輸入有效性字符之前應(yīng)該阻止用戶進(jìn)行只有輸入之后才可進(jìn)行的操作；對可能造成等待時(shí)間較長的操作應(yīng)該提供取消功能;特殊字符常有；,：、|+=)-(_*&線$#!,.。？/還有空格；在讀入用戶所輸入的信息時(shí)，應(yīng)根據(jù)需要選擇是否去掉前后空格，例如：有些讀入數(shù)據(jù)庫的字段不支持中間有空格，但用戶切實(shí)需要輸入中間空格，這時(shí)要在程序中加以處理；獨(dú)特性要求如果一味的遵循業(yè)界的界面標(biāo)準(zhǔn)，則會(huì)喪失自己的個(gè)性。在框架符合以上規(guī)范的情況下，設(shè)計(jì)具有自己獨(dú)特風(fēng)格的界面尤為重要。尤其在商業(yè)軟件流通中有著很好的遷移默化的廣告效用要求:安裝界面上應(yīng)有單位介紹或產(chǎn)品介紹,并有自己的圖標(biāo)；主界面，最好是大多數(shù)界面上要

3、有公司圖標(biāo)；登錄界面上要有本產(chǎn)品的標(biāo)志，同時(shí)包含公司圖標(biāo)；幫助菜單的關(guān)于中應(yīng)有版權(quán)和產(chǎn)品信息；公司的系列產(chǎn)品要保持一致的界面風(fēng)格，如背景色、字體、菜單排列方式、圖標(biāo)、安裝過程、按鈕用語等應(yīng)該大體一致；多窗口的應(yīng)用與系統(tǒng)資源設(shè)計(jì)良好的軟件不僅要有完備的功能，而且要盡可能的占用最低限度的資源，因此在出現(xiàn)多窗口的情況下需要避免下述一些情況。要求：在多窗口系統(tǒng)中，有些界面要求必須保持在最頂層，避免用戶在打開多個(gè)窗口時(shí)，不停的切換甚至最小化其他窗口來顯示該窗口；在主界面載入完畢后自動(dòng)卸出內(nèi)存，讓出所占用的WINDOWS系統(tǒng)資源；關(guān)閉所有窗體，系統(tǒng)退出后要釋放所占的所有系統(tǒng)資源,除非是需要后臺(tái)運(yùn)行的系統(tǒng)；

4、盡量防止對系統(tǒng)的獨(dú)占使用；6頁面編程技術(shù)使用規(guī)范頁面元素命名在使用javaScript來進(jìn)行頁面動(dòng)態(tài)控制編程時(shí)，需要對程序中的頁面元素和功能操作的名稱引用進(jìn)行約定:頁頭:header外套:wrap頁腳：foot內(nèi)容:content頁面主體：main容器：container標(biāo)題：title當(dāng)前的：current主導(dǎo)航：mainnav頂導(dǎo)航：topnav子導(dǎo)航：subnav邊導(dǎo)航:sidebar左導(dǎo)航:leftsidebar右導(dǎo)航：rightsidebar欄目:column面包屑：breadcrumb（即頁面所處位置導(dǎo)航提示）菜單：menu子菜單：submenu菜單內(nèi)容:menucontent菜單

5、容量：menucontainer按鈕：button表單:form頁簽：tab文章列表：list滾動(dòng)：scroll提示信息：msg摘要：summary標(biāo)簽：tag標(biāo)簽文字：tagTitle標(biāo)簽內(nèi)容：tagContent當(dāng)前標(biāo)簽：tagCurrent/currentTag搜索范圍：range圖標(biāo)：icon當(dāng)前位置：currentPath列定義:column1of3（三列中的第一列）column2of3（三列中的第二列）column3of3（三列中的第三列）商標(biāo)：label旗志:logo標(biāo)語：banner注釋：note搜索:search搜索關(guān)鍵字：keyword登陸:Login注冊:regsiter

6、熱點(diǎn)：hot新聞：news下載：download打印:print版權(quán)：copyright服務(wù)：service友情鏈接：friendlink版權(quán)：copyright小技巧：tips欄目標(biāo)題：title加入：joinus指南：guild服務(wù)：service狀態(tài):status投票:vote合作伙伴:partner其它相關(guān)注意事項(xiàng)1.一律小寫；2.盡量用英文;3.不加中杠和下劃線；4.盡量不縮寫，除非一看就明白的單詞DHTMLx控件控件的命名控件的外觀屬性控件使用規(guī)則Flex控件控件的命名控件的外觀屬性控件使用規(guī)則7頁面資源規(guī)格說明圖標(biāo)圖標(biāo)需要按照用途分類來定義：通用類業(yè)務(wù)相關(guān)類風(fēng)格類圖標(biāo)應(yīng)采用矢量圖來表示，在創(chuàng)建時(shí)需要考慮的屬性有：色彩大小形狀圖案動(dòng)作狀態(tài)建立在統(tǒng)一的資源庫中。圖片這里所規(guī)范的圖片是在WEB應(yīng)用中使用的預(yù)置圖片，需要定義圖片的屬性:圖片的格式圖片的尺寸