第6節(jié) web頁面設(shè)計(jì)規(guī)范之命名規(guī)范
1.1?頁面元素命名
在使用javaScript來進(jìn)行頁面動(dòng)態(tài)控制編程時(shí),需要對(duì)程序中的頁面元素和功能操作的名稱引用進(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
菜單容量: 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
注??冊(cè): regsiter?
熱??點(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.盡量不縮寫,除非一看就明白的單詞
?
2?頁面資源規(guī)格說明
2.1?圖標(biāo)
圖標(biāo)需要按照用途分類來定義:
l?通用類
l?業(yè)務(wù)相關(guān)類
l?風(fēng)格類
?
圖標(biāo)應(yīng)采用矢量圖來表示,在創(chuàng)建時(shí)需要考慮的屬性有:
l?色彩
l?大小
l?形狀
l?圖案
l?動(dòng)作狀態(tài)
?
建立在統(tǒng)一的資源庫中。
?
2.2?圖片
這里所規(guī)范的圖片是在WEB應(yīng)用中使用的預(yù)置圖片,需要定義圖片的屬性:
l?圖片的格式
l?圖片的尺寸
l?圖片的分辨率
l?圖片的內(nèi)容
l?圖片的表現(xiàn)方式(ps處理的要求)
l?圖片的大小
?
建立在統(tǒng)一的資源庫中。
?