网站设想之页面的标准性和标签的定名标准

页面的标准性



凡是网站设计都按Windows界面的标准来设计，即包罗“菜单条、对象栏、对象厢、状况栏、转动条、右键快速菜单”的标准格局，可以说：界面遵守标准化的程度越高，则易用性响应的就越好。小型软件浅显不供应对象厢。





标准请求：

• 常用菜单要有敕令快速体例。


• 完成相同或邻近功效的菜单用横线离隔放在同一地位。


• 菜单前的图标能直观的代表要完成的操纵。


• 菜单深度浅显请求最多节制在三层之内。


• 对象栏请求可以根据用户的请求自己遴选定制。


• 相同或邻近功效的对象栏放在一起。


• 对象栏中的每个按钮要有实时提醒信息。


• 一条对象栏的长度最长不克不及超越屏幕宽度。


• 对象栏的图标能直观的代表要完成的操纵。


• 体系常用的对象栏设置默许安排地位。


• 对象栏太多时可以斟酌利用对象厢。


• 对象厢要具有可增减性，由用户自己根据需求定制。


• 对象厢的默许总宽度不要跨越屏幕宽度的1/5。


• 状况条要能表现用户实在需要的信息，常用的有：


• 今朝的操纵、体系状况、用户地位、用户信息、提醒信息、毛病信息等，假如某一操纵需要的工夫较长，还应该表现进度条和历程提醒。


• 转动条的长度要根据表现信息的长度或宽度能实时变更，以利于用户认识表现信息的地位和百分比。


• 状况条的高度以安排五好字为好，转动条的宽度比状况条的略窄。


• 菜单和对象条要有明白的界线;菜单请求凸出表现，如许在移走对象条时仍有立体感。


• 菜单和状况条中凡是利用5号字体。对象条浅显比菜单要宽，但不要宽的太多，不然看起来很不协调。


• 右键快速菜单采纳与菜单相同的原则。

体系易用性



易用性是指页面上的功效顺从老例，比方：按钮称号易懂，用词正确，并与同一界面上的其他按钮易于辨别，能望文知意。如许，使得用户不消查阅赞助就能晓得该页面上的功效并停止相干的正确操纵。



请求：

• 翻开一个新界面，光标默许停留在第一个待输出的文本框中；


• 完成相同或邻近功效的按钮安排在一起，SEO优化，削减鼠标挪动的间隔，常用按钮要支撑快速体例；


• 按功效将界面划分局域块，用Frame框括起来，并要有功效申明或题目；


• 界面要支撑键盘自动浏览按钮功效，即按Tab键的自动切换功效；


• 界面上起首应输出的和重要信息的控件在Tab次序中应该靠前，地位也应放在窗口上较夺目标地位；


• 同一界面上的控件数最好不要跨越10个，多于10个时可以斟酌利用分页界面表现；


• 分页界面要支撑在页面间的快速切换，常用组合快速键Ctrl+Tab；


• 默许按钮要支撑Enter操纵，即按Enter后自动履行默许按钮对应操纵；


• 可写控件检测到不法输出后应给出申明并能自动获得焦点；


• 按钮键的次序与控件分列次序要一直，今朝风行整体从上到下，同时行间从左到右的体例；


• 复选框和选项框按遴选几率的高底而前后分列；


• 复选框和选项框要有默许选项，并支撑Tab遴选；


• 选项数相同时多用选项框而不消下拉列表框；


• 界面空间较小时利用下拉框而不消选项框；


• 选项数较少时利用选项框，相反利用下拉列表框；


• 专业性强的软件要利用相干的专业术语，通用性界面则提倡利用通用性词眼；

输出平安性请求



在界面上需要成立一些规矩来节制输出的失足几率，会大大削减体系因用户人为的毛病激发的破坏，开辟者应该尽可能全面地斟酌到各种大概产生的成绩，使失足的大概降至最小，比方：当法式浮现维护性毛病而加入体系，会利用户对软件落空决意信念，由于这意味着用户要中断思绪，并费时费力地从头登录，而且已停止的操纵也会因没有存盘而全体损失。是以需要在页面设计时应对输出根据规矩停止校验。



请求：

• 消除大概会使法式非一般中断的毛病；


• 应该查抄用户录入有效的数据；


• 采纳相干控件限定用户输出值的品种；


• 当用户面对的遴选是两个或多个选一时，请采纳单选框，而当遴选的大概再多一些时，可以采纳复选框；


• 当选项特殊多时，可以采纳列表框，下拉式列表框；


• 确保未经受权或没有意义的操纵不克不及停止；


• 对大概激发致命毛病或体系失足的输出字符或动作要加限定或屏障；


• 对大概产生严峻效果的操纵要有解救办法。经由解救办法用户可以回到本来的正确状况；


• 对一些特殊标记的输出，与体系利用的标记相辩论的字符等停止断定并阻遏用户输出该字符，并提前给出输出提醒；


• 对毛病操纵最好支撑可逆性处置，如作废系列操纵；


• 在输出有用性字符之前应该阻遏用户停止只需输出以后才可停止的操纵；


• 对大概形成守候工夫较长的操纵应该供应作废功效；


• 特殊字符常有；;'"><，｀'："［"｛、|｝］+=)-(_*&&^%$#@!~，.。?/另有空格；


• 在读入用户所输出的信息时，应根据需要遴选是否是去掉前后空格，比方：有些读入数据库的字段不支撑中央有空格，但用户实在需要输出中央空格，这时候要在法式中加以处置；

共同性请求



假如一味的遵守业界的界面标准，则会损失自己的特性.在框架相符以上标准的情形下，设计具有自己共同气势派头的界面尤其重要。特殊在贸易软件畅通流畅中有着很好的迁徙默化的告白功效



请求：

• 装置界面上应有单元引见或产品引见，并有自己的图标；


• 主界面，最好是大多半界面上要有公司图标；


• 登录界面上要有本产品的标记，同时包罗公司图标；


• 赞助菜单的"关于"中应有版权和产品信息；


• 公司的系列产品要连结一致的界面气势派头，如靠山色、字体、菜单分列体例、图标、装置历程、按钮用语等应该大体一致；

多窗口的使用与体系资本



设计优越的软件不只需有完备的功效，而且要尽大概的占用最低限制的资本，是以在浮现多窗口的情形下需要制止下述一些情形。



请求：

• 在多窗口体系中，有些界面请求必需连结在最顶层，制止用户在翻开多个窗口时，一直的切换乃至最小化其他窗口来表现该窗口；


• 在主界面载入终了后自动卸出内存，让出所占用的WINDOWS体系资本；


• 关闭全体窗体，体系加入后要开释所占的全体体系资本 ，除非是需要靠山运转的体系；


• 尽可能避免对体系的独有利用；

页面元素定名



在利用javaScript来停止页面静态节制编程时，需要对法式中的页面元素和功效操纵的称号引用停止商定：

页 头： header

外 套： wrap

页 脚： foot



内 容： content

页面主体： main

容 器： container

标 题： title

以后的： current



主导航： mainnav

顶导航： topnav

子导航： subnav

边导航： sidebar

左导航： leftsidebar

右导航： rightsidebar

栏目： column

面包屑： breadcrumb (即页面所处地位导航提醒)



菜 单： menu

子菜单： submenu

菜单内容： menucontent

菜单容量： menucontainer

按 钮： button

表 单： form

页 签： tab

文章列表： list

滚 动： scroll

提醒信息： msg

摘 要： summary

标 签： tag

标签笔墨： tagTitle

标签内容： tagContent

以后标签： tagCurrent/currentTag

搜刮规模： range

图 标： icon

以后地位： currentPath

列 定 义： column1of3 (三列中的第一列)

column2of3 (三列中的第二列)

column3of3 (三列中的第三列)



商 标： label

旗 志： logo

标 语： banner

注 释： note

搜 索： search

搜刮枢纽字：keyword

登 陆： Login

注 册： regsiter

热 点： hot

新 闻： news

下 载： download

打 印： print

版 权： copyright

服 务： service

友情链接： friendlink

版 权： copyright

小技能： tips

栏目标题： title

加 入： joinus

指 南： guild

服 务： service

状 态： status

投 票： vote

合作火伴： partner



别的相干留意事项



1.一概小写;

2.尽可能用英文;

3.不加中杠和下划线;

4.尽可能不缩写，除非一看就晓畅的单词



DHTMLx控件



控件的定名

控件的表面属性

控件利用规矩



Flex控件



控件的定名

控件的表面属性

控件利用规矩