仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 753|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来一发制造网页批评表单

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:05:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
vadim,usabilitypost的读者,宣布过一篇很成心思的文章,《批评表单计划》。文章里说他在网上把稳好久,发明了网上的年夜多半表单都把“姓名”和“Email”作为必填的选项,不外作为批评表单来讲和传统表单应当有区分了,除“姓名”和“Email”外,“批评项”也是必不成少的,如图:

vadim提到,他曾特地往察看一些有上百条批评的抢手博客,他发明这些博客的批评表单的选项十分多也没有说明是不是必填,良多人不能不在某些对他们没用的选项留下”none”和”n/a”。
这些表单良多选项并非非填不成的,可是没有提醒,很简单让人发生思绪凌乱,因而除姓名和Email,别的的都应当能够算作是选填项吧。不外作为批评表单,批评框也应当是作为必填项存在,固然,假如你充足伶俐那也行~~
做一个优异的批评表单计划


怎样计划一个完善的批评表单?
UXMatters写过一篇《labelplacementinforms》(表单中的标签地位)的好文。这篇文章的研讨是基于eye-tracking,能够算的上是对照威望的。
摘自本文“你应当把label标签放在input的下面,如许的结构,可让眼睛一直坚持label和input的最小间隔,假如你要把label放在input的右边的话,那你最少要坚持label中笔墨右对齐,如许也是一种最小间隔。同时倡议笔墨不要利用粗体。”
一个好的批评表单计划,应当是label和input越接近越好,假如label在input之上那是相称完善的地位啦,可是实践操纵大概必要思索到实践的产物需求,字段的几。年夜多半表单都是先‘姓名’,接上去‘Email’,其次是‘网址’,最初是‘批评框’如许分列,几近一切的博客和网站的批评框都是用如许的分列体例,可是否如许的体例是最好的体例?
我的一个伴侣,做了一个不同凡响的批评表单计划,如图:

如许的计划应战了传统的计划,把批评框放在了第一的地位,然后才是批评者的信息。如许的体例可让你先写批评,再登录/注册,就像人们写信一样,先把信的内容写好,再在开头处具名。我想如许大概会给用户一种新感到吧。
固然,如许的批评表单并非十分完善的那种,它让用户必需得先到右边找到输出框,填好信息以后,再回到左边断定提交才行。
因而,我这保举另外一种我以为不错的表单,是来自Particletreeblog:

感到十分好的表单,我们可以第一工夫看到批评框,紧靠鄙人面就是作者信息框了,label标签也在input上方,结构就像uxmatter说的那样。提交按钮在一切的字段后,而且居中显现,必填项也有白色的星号提醒。再一次说下,十分不错。我大概会把usabilitypost的批评框也换成这类儿。。。
你是怎样想的呢?你以为传统的那种批评框不错?仍是我给你保举的2种旧式的表单很好?仍是你有新的好办法?我十分接待听到你们的设法:)

你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
乐观 该用户已被删除
沙发
发表于 2015-1-18 05:13:48 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet)的家喻户晓。
再现理想 该用户已被删除
板凳
发表于 2015-1-22 13:54:28 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
爱飞 该用户已被删除
地板
发表于 2015-1-31 07:47:24 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
活着的死人 该用户已被删除
5#
发表于 2015-2-6 18:35:30 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
冷月葬花魂 该用户已被删除
6#
发表于 2015-3-6 03:24:33 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
分手快乐 该用户已被删除
7#
发表于 2015-3-12 20:45:57 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
因胸联盟 该用户已被删除
8#
发表于 2015-3-20 03:45:56 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-21 04:05

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表