当前位置:首页 » 网页前端 » web按钮规范
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web按钮规范

发布时间: 2022-08-23 08:04:33

A. web前端入门,导航栏右侧放什么按钮合适

要看是企业站还是电商网站每个网站不同,设计规划也不同,这是属于UI设计师的工作
按钮的话放什么按钮都可以主要还是看要什么效果
按钮直接用<buttom></buttom>就可以做
链接用<a></a>

B. Web标准控件中有哪3种不同类型的按钮控件

Button, ImageButton, LinkButton.
区别在于呈现的html不同。他们也有一些具体的属性不同。
LinkButton : WebControl, IButtonControl, IPostBackEventHandler

Button : WebControl, IButtonControl, IPostBackEventHandler

ImageButton: Image, IPostBackDataHandler, IPostBackEventHandler, IButtonControl

从继承树上看,Button和LinkButton都直接继承自WebControl。但是ImageButton是经过Image才继承自WebControl的,另外它实现了IPostBackDataHandler接口。

C. web中如何改变button的形状

2种办法:
1. 使用Map
可以通过HTML的MAP标签,把图片上的任意形状规定为按钮。
2. 对按钮使用样式
<input type="button" value="aaa" alt="" style="background-image:url('aaa.jpg')" />

D. javaweb怎么为按钮设置按键

你的按钮绑定了ok() 方法
那么在<javaScript>里 建立 function ok(){
<% 你的按钮代码 %>
}

试试

E. 网站界面设计规范有哪些

易用性规范

2.001 常用按钮要支持快捷方式。

2.002 完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。

2.003 界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。

2.004 界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

2.005 分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab

2.006 默认按钮要支持Enter和选操作,即按Enter后自动执行默认按钮对应操作。

2.007 可写控件检测到非法输入后应给出说明并能自动获得焦点。

2.008 Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式。

2.009 复选框和选项框,按选择几率的高底而先后排列。

2.010 复选框和选项框要有默认选项,并支持Tab选择。

2.011 界面空间较小时使用下拉框而不用选项框。

2.012 选项数较少时使用选项框,相反使用下拉列表框。

2.013 根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业词汇;用户为儿童:这可以语气亲切和蔼;老年用户则应该成熟稳重。

2.014 鼠标为不可点击状态时显示箭头,可点击状态显示手型;系统忙时显示沙漏形状
规范性规范

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

2.016 工具栏要求可以根据用户的要求自己选择定制。

2.017 系统常用的工具栏设置默认放置位置。

2.018 工具箱要具有可增减性,由用户自己根据需求定制。

2.019 状态条要能显示用户切实需要的信息,常用的有、目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。

2.020 滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。

2.021 状态条的高度以放置五号字为宜,滚动条的宽度比状态条的略窄。

2.022 菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。

2.023 工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。

帮助规范

2.024 帮助文档中的性能介绍与说明要与系统性能配套一致。

2.025 打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。

2.026 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

2.027 用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。

2.028 如果没有提供书面的帮助文档的话,最好有打印帮助的功能。

2.029 在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。

合理性规范

2.030 与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。

2.031 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。

2.032 非法的输入或操作应有足够的提示说明。

2.033 对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。

2.034 提示、警告、或错误说明应该清楚、明了、恰当。

2.035 提交失败后必须保存用户已经输入的内容,以便修改后再次提交。

美观与协调规范

2.036 长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。

2.037 布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。

2.038 按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。

2.039 按钮的大小要与界面的大小和空间要协调。

2.040 避免空旷的界面上放置很大的按钮。

2.041 放置完控件后界面不应有很大的空缺位置。

2.042 字体的大小要与界面的大小比例协调。

2.043 前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等。

2.044 如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。

2.045 界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。

2.046 如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体等。

2.047 色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符。

2.048 颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试。

2.049 使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定。

菜单设计规范

2.050 菜单通常采用"常用--主要--次要--工具--帮助"的位置排列,符合流行的Windows风格。

2.051 常用的有"文件"、"编辑","查看"等,几乎每个系统都有这些选项,当然要根据不同的系统有所取舍。

2.052 下拉菜单要根据菜单选项的含义进行分组,并按照一定的规则进行排列,用横线隔开。

2.053 一组菜单的使用有先后要求或有向导作用时,应该按先后次序排列。

2.054 没有顺序要求的菜单项按使用频率和重要性排列,常用的放在开头,不常用的靠后放置;重要的放在开头,次要的放在后边。

2.055 如果菜单选项较多,应该采用加长菜单的长度而减少深度的原则排列。

2.056 菜单深度一般要求最多控制在三层以内。

2.057 对与进行的操作无关的菜单要用屏蔽的方式加以处理,如果采用动态加载方式——即只有需要的菜单才显示——最好。

2.058 菜单前的图标不宜太大,与字高保持一直最好。

2.059 主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能相同最好。

2.060 主菜单数目不应太多,最好为单排布置。

独特性规范

2.061 安装界面上应有单位介绍或产品介绍,并有自己的图标。

2.062 主界面,最好是大多数界面上要有公司图标。

2.063 登录界面上要有本产品的标志,同时包含公司图标。

2.064 帮助菜单的"关于"中应有版权和产品信息。

2.065 公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

安全性规范

2.066 应当注意尽可能避免用户无意录入无效的数据。

2.067 采用相关控件限制用户输入值的种类。

2.068 当用户作出选择的可能性只有两个时,可以采用单选框。

2.069 当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。

2.070 当选项特别多时,可以采用列表框,下拉式列表框。

2.071 在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。

2.072 对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。

2.073 对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。

2.074 对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。

2.075 对错误操作最好支持可逆性处理,如取消系列操作。

2.076 在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。

2.077 对可能造成等待时间较长的操作应该提供取消功能。

2.078 特殊字符常有;;'"><,`'、"["{、\|}]+=)-(_*&&^%$ #@!~,.。?/还有空格。

2. 079 与系统采用的保留字符冲突的要加以限制。

2.080 读入用户所输入的信息时,根据需要选择是否去掉前后空格。

2.081 有些读入数据库的字段不支持中间有空格,但用户切实需要输入中间空格,这时要在程序中加以处理。

输入项规范

2.082 必输项中不可为空,不可输入空格

2.083 必输项给出必输项标识(*)。

2.084 非必输项字段,Null插入数据库时不会出错,在数据库中设置默认值

2.085 日期显示格式一致;或提供固定格式的选择。

2.086 输入区域输入特殊字符,插入数据库时不出错或提示不允许输入特殊字符。

2.087 英文输入不区分大小写,不可输入汉字、数字及特殊字符

2.088 数值字段只能输入+ ,— ,0~9及功能键(BackSpace 光标) 。数值不能为负数。

2.089 单行文本框/多行文本框;长度合适,可以容纳相应文字,但不能超过数据库该字段长度,最好将可以输入的最大字符数标在旁边。建议单行文本框中当输入的字符超过一定长度时再输入无效;对于多行文本框给出最大字符数标识

2.090 附件;可正常添加符合格式的附件; 附件可正常打开和保存,附件名较长时可正常操作;直接输入错误的附件地址,保存时应给出提示信息;附件打开和保存到本地时,文件名要显示原文件的文件名。

2.091 密码输入;在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写,密码的可输入长度;程序中应给出文字说明密码的可输入长度。

F. web app 的设计规范和标准有哪些

WEB标准设计 :

网页结构 HTML XHTML XML DIV+CSS XHTML+CSS 表现层

网页表现 (Cascading Style Sheets) 样式表 页面皮肤

网页行为 ECMAScript DOM BOM

用户体验 (User Experience)

搜索引擎优化 (Search Engine Optimization)


App的标准

IOS:界面尺寸、图标尺寸、字体、颜色值

内部设计:1、所有能点击的图片不得小于44px(Retina需要88px)
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式,如图

Aos:界面尺寸、图表尺寸、字体、颜色值

希望可以帮助你,望采纳,谢谢啦~~~~~~

G. java web规定时间点击按钮

你可以用js前端定时器
setInterval("testFunction()",time);//time你写时间就行,单位是毫秒,意思就是每隔好多time执行一次testFunction()函数。

H. web 如何制作按钮开关

可以使用T'触发器(有的地方也叫CP计数器)来做,这是最常见的方式,具体电路可以使用CD4013或CD4027,都可以做出来。上学的时候数字电路书上就有。 没有课本了的话,找一个4013的文档,里边有。这有多种办法,要看你机器总开关是用的什么开关,如果是用的主令按钮,则可直接加一个微型继电器由主令按钮直接启动,而将电脑的启动按钮引线分别接微型继电器的一对常开触头即可。因为实际按钮是硬接线,按下去就接通,释放就断开,这个很稳定,但是屏与PLC之间建立的连接是靠通讯协议进行的,是软的,通讯机制就限定了不建议使用点动按钮,如果按照“寒音”的方式去做,如果操作过快,有可能会造成按下去为1,松开不为0的情况,如何使操作设备启停,这样会很危险,建议:.用两个按钮,一个置位,另一个复位;2.或者用开关,点一下为1,再点一下为0。单击“绘图”工具栏中的“自选图形”按钮,在弹出的选项列表中的“基本图形”或“箭头总汇”下单击一种合适的图形,并在灯片中的适当位置中拖画中一个图形,再右击画出的这个图形,在弹出的快单中选择“添加文字”,并输入“PLAY”,并设置好图形填充色和线条色及文字颜色,将其作为播放按钮;同法再制作一个“STOP”(暂停)按钮。第三步:利用触发器制作播放效果按钮鼠标右键单击幻灯片中插入的音视频(频)文件图标(插入的音视频文件的图标为一播放画面图,插入的音频文件为一小喇叭图标),在弹出的快捷菜单中点击选择“自定义动画”命令或左键单击选定幻灯片中插入的音视。

I. 如何设置web窗体中的默认按钮

web窗体中button默认生成的html控件为input type="submit" /,即提交表单按钮,不论button是否编写事件,客户端均会与服务器产生交互,所以会有页面重载的情况。不想设置为提交按钮,只需把button属性UseSubmitBehavior修改为False即可,这样最终生成的html控件会变成input type="button" / 如果不行,设置button的onClientClick属性为"javascript:return;"则按钮不再响应任何事件

J. Web前端学习新手要掌握的Web基础知识介绍

今天小编要跟大家分享的文章是关于web前端学习新手要掌握的web基础知识介绍。准备学习web前端技术的小伙伴们来和小编一起看一看本篇文章吧,文章中小编为大家介绍了一些学习web前端要了解的基础知识,希望本篇文章能够对大家有所帮助。

1.web含义:worldwideweb万维网,也可叫做广域网,互联网。


2.web前端:网站的前端,也叫客户端,浏览器端;与之相对的是后端。


3.web前端所需要学习的技术:


Html:包含文本,图片,输入框,按钮,视频,音频等内容的设置;


Css:装饰html


JavaScript:网页的动态效果,用户和网页的交互。


4.常见浏览器介绍:


浏览器是网页运行的平台,常见浏览器包括:


国外的:IE,火狐(Firefox),谷歌(chrome),Safari和Opera


以上所属公司独立开发,拥有自己的内核。


国内的:猎豹,网络等,使用的都是国外某一家或两家的浏览器的内核。


学习web前端建议使用浏览器:


谷歌浏览器;曾经是使用webkit内核(苹果浏览器的内核),如今是webkit的一个分支内核,叫做blink内核和js的引擎V8.


5.web标准


结构:html


表现:css


行为:js


是由w3c(万维网联盟组织)组织指定的。


6.开发工具


DW,Subline(需要插件),Webstorm,HBuilder;(推荐后两种)


7.HTML简介


html被称为“超文本标记语言”,主要通过html标记对网页中的文本,图片,按钮等内容进行描述。学习html就是在学习标记(标签,标签元素)。


html发展历史自行了解。


前期学习对象:H4和CSS2


后前学习对象:H5和CSS3(最新)


8.网页与网站的关系


多个网页和其他文件组成一个网站。


9.html骨架结构





























!DOCTYPE文档版本类型的声明;


html网页的根标签,所有其他标签都被包含在内;


head头部标签,用来设置网页的一些配置信息;


mata配置标签;


charset编码设置(字符集设置);


UTF-8目前最常用的字符集码方式,包含全世界所有国家需要用到的字符;


GBK包含全部中文字符;GB2312简体中文,BIG5繁体中文;


title标题标签,设置选项卡中的文本;


body主体标签;


10.标签的关系


嵌套关系:祖先和后代之间的关系





并列关系:兄弟之间的关系





11.标签的类型


单标签

.


双标签

.有开始,有结束;


12.常用标签


注释标签



水平线标签换行标签


主题标签(h1到h6)


段落标签


加粗


倾斜


下划线


删除


文本文本标签


文本超链接


图片标签(插入图标签)


属性:用来描述标签的,属性的表现形式,属性名=“属性值”,也叫做键值对,key和value。


路径src


宽度width


高度height边框border


提示信息title


替换文本alt


13.路径


网页与其他文件的位置关系


相对路径:


同级路径(网页和其他文件在同一个目录或文件夹)


直接引用文件名


下一级相对路径





上一级相对路径





绝对路径:


绝对地址(文件的物理位置)


出于安全的角度,浏览器是不能直接访问计算机的硬盘物理位置的文件,但可以通过域名(接口的方式)访问一个绝对的地址。





以上就是小编今天为大家分享的关于web前端学习新手要掌握的web基础知识介绍的文章,希望本篇文章能够对正在学习web前端工作的小伙伴们有所帮助,想要了解更多web前端相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们学习成功,工作顺利,成为一名优秀的web前端工程师。


文章来源:原创石头石头的晚安日记