仓酷云

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

[DIV+CSS] 给大家带来优异的网页批评表单的计划办法

[复制链接]
谁可相欹 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:54:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造poluoluo文章简介:文章里说他在网上把稳好久,发明了网上的年夜多半表单都把“姓名”和“Email”作为必填的选项,不外作为批评表单来讲和传统表单应当有区分了,除“姓名”和“Email”外,“批评项”也是必不成少的.
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种旧式的表单很好?仍是你有新的好办法?我十分接待听到你们的设法:)

你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
admin 该用户已被删除
沙发
发表于 2015-1-17 23:48:36 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
不帅 该用户已被删除
板凳
发表于 2015-1-24 15:34:00 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
老尸 该用户已被删除
地板
发表于 2015-2-2 06:22:27 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
因胸联盟 该用户已被删除
5#
发表于 2015-2-22 23:11:04 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
蒙在股里 该用户已被删除
6#
发表于 2015-3-7 05:59:58 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
只想知道 该用户已被删除
7#
发表于 2015-3-14 15:12:35 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
小女巫 该用户已被删除
8#
发表于 2015-3-21 12:34:39 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 22:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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