网络工程师继续教育考试~~

以前在学校,考了个软考中级证,3年后的今天,要重新考试,给我的感觉就是,交了钱应该就可以过的。试卷不太难,而且很多题目百度一下就出来了。今天考试,百度了一下,想不到连试卷都百度出来了。哇咔咔~~~ 发出来记录下,不知道3年后是否还是一样的卷子。哈~~~

PS:以下问题答案为经过本人验证,准确率不保证哦,但估计应该都是准确的吧。

1. IPv6 将首部长度变为固定的_____C____个字节。

A.6 B. 12 C. 16 D. 24

2.下列关于IPv6协议优点的描述中,准确的是 (D) 。

A.IPv6协议支持光纤通信
B.IPv6协议支持通过卫星链路的Internet连接
C.IPv6协议具有128个地址空间,允许全局IP地址出现重复
D.IPv6协议解决了IP地址短缺的问题

3. 在RFC 2460中为IPv6定义了一些扩展首部,其中不包括( A )

A.分片 B. 鉴别 C. 封装安全有效载荷 D. 移动头选项

4. IPv6协议栈中取消了( B )协议

A.DHCP B. ARP C. ICMP D. UDP

5. 关于IPv6地址的描述中不正确的是_______。
A)IPv6地址为128位,解决了地址资源不足的问题
B)IPv6地址中包容了IPv4地址,从而可保证地址向前兼容
C)IPv4地址存放在IPv6地址的高32位
D)IPv6中自环地址为0:0:0:0:0:0:0:10
答 案:C

6. 在不同网络结点的对等层之间的通信需要: D

A、电信号
B、传输介质
C、模块接口
D、对等层协议

7. IPv6的地址配置方法不包括( A)。

A. 采用无类别编址 CIDR B. 无状态地址自动配置

C.DHCPv6引入IPv6 D. 手工配置

8. 能比较彻底地解决 IP 地址耗尽的问题的措施的是(C )

A. 采用无类别编址 CIDR B. NAT转换

C.引入IPv6 D. 使用移动IP

9. FE80::E0:F726:4E58是一个( A )地址

A.全局单播 B. 链路本地 C. 网点本地 D. 广播

10 Internet技术主要由一系列的组件和技术构成,Intranet的网络协议核心是: C
A、ISP/SPX
B、PPP
C、TCP/IP
D、SLIP

11把网络202.112.78.0划分为多个子网(子网掩码是255.255.255.192),则各子网中可用的主机地址总数是:D

A、254

B、252

C、64

D、62

12 逻辑地址202.112.108.158,用Ipv4二进制表示32地址正确的是:A

A11001010 01110000 01101100 10011110

B10111101 01101100 01101100 10011001

C10110011 11001110 10010001 00110110

D01110111 01111100 01110111 01110110

13. 子网掩码为255.255.0.0下列哪个IP地址不在同一网段中:C

A.172.25.15.201

B.172.25.16.15

C.172.16.25.16

D.172.25.201.15

14 IP地址是一个32位的二进制数,它通常采用点分:C

A、二进制数表示
B、八进制数表示
C、十进制数表示
D、十六进制数表示

15. 在IP地址方案中,159.226.181.1是一个:B

A、A类地址
B、B类地址
C、C类地址
D、D类地址

16 I P地址中的网络号的作用是:C

A.它指定了网络上主机的标识

B.它指定了设备能够进行通信的网络

C.它指定了主机所属的网络

D. 它指定了被寻址的子网中的某个节点

17 在地址4.54.4.223中,子网部分是:D

A.54

B.233

C.182

D.4

18 假设一个IP主机地址为192.168.5.121,而子网掩码为255.255.255.248, 那么该主机的网络号为:C

A.192.169.5.119

B.192.168.5.121

C.192.168.5.120

D 192.168.5.122

19 IP地址是互联网的统一地址格式,它实现的方式是:A

A.屏蔽物理层技术 B.通过算法

C.某种规则 D.对照表

20 IP数据报格式中的“协议”字段用于区分其“数据”字段的内容,TCP协议对应的协议号为____B____。

A. 0800 B. 6 C. 17 D. 0806

21 UTP双绞线有4对线,在快速以太网中,用于传输数据的有__B______对。

A. 1 B. 2 C. 3 D. 4

22在ATM的信元头格式中,VPI和VCI字段用于_____D___。

A. 差错控制 B. 流量控制 C. 拥塞控制 D. 路由选择

23 假设一个IP主机地址为192.168.5.121,而子网掩码为255.255.255.248, 那么该主机的网络号为多少?B

( A) 192.168.5.121 (B) 192.168.5.120

(C) 192.168.5.119 (D) 192.168.5.1118

24 对于IP地址192.168..168.0、192.168.169.0、192.168.170.0、192.168.171.0将这四个C类地址合并成一个超网应该使用子网掩码: A

A、255.255.252.0 B、255.255.255.0

C、255.240.248.0 D、255.248.240.0

25 IP地址分配需要注意问题,一下对IP地址分配中描述不正确的是?D

A网络ID不能全为1

B网络ID不能全为0

C网络ID不能以127开头

D 同一网络上的每台主机必须有不同的网络ID

26在OSI七层结构模型中,处于数据链路层与运输层之间的是: B

A、 物理层
B、网络层
C、会话层
D、表示层

27 完成路径选择功能是在OSI模型的: C

A、物理层
B、数据链路层
C、网络层
D、运输层
28 在TCP/IP协议簇中,UDP协议工作在:B
A、应用层
B、传输层
C、网络互联层
D、网络接口层
29在OSI参考模型中,网桥实现互联的层次为: B
A. 物理层
B. 数据链路层
C. 网络层
D. 高层

30 一个分组被传送到错误的目的站,这种差错发生在OSI/RM的层次是: B

传输层 B.网络层 C. 数据链路层 D.会话层
31 ping的主要作用是:B

A发送数据到指定计算机 B 检测网络连通性

C 调查数据报发送速度 D 攻击他人主机

32 快速以太网的帧结构与传统以太网 (10BASET) 的帧结构 ( A )

A. 完全相同B. 完全不同C. 仅头部相同D. 仅校验方式相同

33 能完成VLAN之间数据传递的设备是 ( B )
A. 中继器 B. L3交换器
C. 网桥 D. 网络接口卡

34、利用电话线拨号入网时,应采用( A )作为DCE。

A、调制解调器; B、信号变换器

C、异步通话适配器; D、网络接口卡

35、一座大楼内的一个计算机网络系统,属于( B )

A、PAN B、LAN

C、MAN D、WAN

36、对于下载工具NETANTS(网络蚂蚁)由于其采用了( D )技术,而大大提高了下载速度。

A、虚拟通信 B、流量控制

C、拥塞控制 D、多路复用

37 、RS-232的电气特性规定逻辑思维“1”的电平电压为( B )

A、+5—-+15 B、-5——-15

C、-5——0 D、0——+5

38、网络层的互连设备通常为( D )

A、放大器; B、桥接器;

C、中继器; D、路由器

39、CCITTX..21建议是用于( B )场合的物理层接口标准。

A、使用微波线路入网; B、使用数字线入网;

C、使用光缆线入网; D、使用电话线入网

40、端口号的目的是:B

A. 跟踪同一时间网络中的不同会话

B. 端系统依据其应用程序的使用情况用端口号将用户分配给一个特定的会话

C. 源系统使用端口号维持会话的有序,以及选择适当的应用

D. 源系统产生端口号来预报目的地址

41、完成路径选择功能是在OSI模型的( C )
A、物理层 B、数据链路层
C、网络层 D、运输层

42、CSMA/CD介质接入协议主要采用了( C )措施,使其吞吐率性能大有提高。

A、总线闲时不急于发送; B、总线忙时不急于侦听;

C、 边发边听,碰撞后立即停发; D、边发边听,碰撞后再发 ,

43、下列选项中,唯有( D )不能实现数据链路层传输可靠性o

A、反馈重发 B、超时重发 C、帧编号机制 D、帧定界

44、在数据报操作方式中,数据报在整个传输过程中( C )

A、不必建立虚电路,但不必为每个数据报作路由选择

B、要建立虚电路,但不必为每个数据报作路由选择

C、不必建立虚电路,但要为每个数据报作路由选择

D、要建立虚电路,但要为每个数据报作路由选择

45在TCP/IP协议栈中,若要在一台计算机的两个用户进程之间传递数据报,则所使用的协议是____A____。

A. TCP B. UJP C. IP D. HTTP

46、在计算机网络中,所有的计算机均连接到一条通信传输线路上,在线路两端连有

防止信号反射的装置。这种连接结构被称为( A )

A、总线结构 B、环型结构
C、星型结构 D、网状结构

47、在中继系统中,中继器处于( A )
A、物理层 B、数据链路层
C、网络层 D、高层

48、TCP协议在建立连接时,通信双方需要经过_____B__次握手过程。

A. 2 B. 3 C. 4 D. 不需要握手过程

49、下列地址哪一个无效:( B )

A、131.251.254.18 B、220.103.253.256

C、240.9.12.12 D、129.9.200.21

50、ICMPV6测试的目的是什么?( D )

A、测定网络是否是根据模型建立的

B、测定网络是处于控制模型还是用户模型

C、保证网络中的所有活动都是受监视的

D、测定信息是否到达其目的地,若未到达,则确定为何原因

51、网络管理系统中,管理对象是指( A )
A、网络系统中各种具体设备
B、网络系统中各种具体软件
C、网络系统中各类管理人员
D、网络系统中具体可以操作的数据

52、信息在计算机中是如何储存的? ( B )

A、十进制数表示 B、二进制数表示 C、电子表示 D、单词和图像表示

53、哪一个协议用来将ip地址映射为MAC地址? ( )

A、TCP/IP B、RARP

C、ARP D、AARP

54、为什么当前最新的ARP表是重要的? ( B )

A、为了测试网络中的连接 B、为了限制广播的数量

C、为了减少网络管理员的维护时间 D、为了解决地址冲突

55、下面哪一项准确描述了TCP/IP? ( D )

A、在各种互联网络中通信的一套协议

B、允许局域网连入广域网的一套协议

C、允许在多个网络中传输数据的一套协议

D、允许互联网络共享不同设备的一套协议

56、选出关于网络节点的最佳描述? ( B )

A、对网络流量选择最佳转发路径的设备

B、在应用之间建立、管理、终止会话,在表示层实体间管理数据交换的设备

C、同步互相协作的应用,在错误恢复和数据完整性控制的过程中取得一致

D、网络连接的端点或一个网络中两条或两条以上线路公共的连接点,并作为控制点

57、为什么使用冲压工具? ( D )

A、测试网络连接

B、使电缆固定在吊式天花板支撑上

C、给电缆做标记

D、使电缆和插座间有好的电气连接

58、什么是一个RARP请求? ( B )

A、一个MAC报头,一个IP报头以及ARP请求报文

B、一个MAC报头,一个RARP报头以及一个数据包

C、一个RARP报头和MAC及IP地址

D、一个RARP报头和一个ARP报尾

59、在每一个自治系统中,都指定一个或多个路由器负责收集并向与此自治系统相连接的( B)发送本自治系统中各个网络的可达性信息

A、路由器 B、核心路由器

C、交换机 D、服务器

60 IP地址分配需要注意问题,一下对IP地址分配中描述不正确的是:( D )

A、网络ID不能全为1

B、网络ID不能全为0

C、同一网络上的每台主机必须分配有唯一的主机ID

D、同一网络上的每台主机必须有不同的网络ID

61.我国闭路电视所采用的CATV电缆是___A_____。

A. 双绞线 B. 光纤 C. 宽带同轴电缆 D. 基带同轴电缆

62.从第三层接受数据,并加上有意义的比特位形成报文头和尾部来携带地址和其他控制信息,负责将数据单元无差错地从一个站点送达下一个相邻站点的层为___B_____。

A. 数据链路层 B. 网络层 C. 物理层 D. 应用层

63.网络上的各种计算机和设备之间进行通信、数据管理、数据交换时所必须遵循的一套规则称为______A__。

A. 网络协议 B. 网络接口 C. 数据包转发 D. 数据帧转发

64.目前小型办公室网络或是网吧中使用得最多的传输介质是__A______。

A. UTP B. STP C. 同轴电缆 D. 光纤

65.将物理信道总带宽分割成若干个与传输单个信号带宽相同的子信道,每个信道传输一种信号,这种信道复用技术称为___C_____。

A. 空分多路复用 B. 时分多路复用 C. 频分多路复用 D. 波分多路复用

66.使用载波信号的两种不同幅度来表示二进制值的两种状态的数据编码方式称为____A____。

A. 移幅键控法 B. 移频键控法 C. 移相键控法 D. 幅度相位调制

67.EIA RS-232的电气特性规定逻辑“0”的电平范围为____C____。

A. 0V到5V B. -5V到0V C. 5V至15V D. -15V到-5V

68.在数据链路层的同步功能中,若以一个特殊字符表征一帧的开始,并以一个专门字段来表示帧内的字节数,称这种帧同步法为____A____。

A. 比特填充法 B. 字符填充法 C. 字节计数法 D. 违例编码法

69.以太网的物理地址由_____C___字节构成。

A. 32 B. 4 C. 48 D. 6

70.缩写掩码/27对应的常规掩码是__B______。

A. 255.255.224.0 B. 255.255.255.224 C. 255.255.255.240 D. 255.255.240.0

71.在帧中继网络中,为了区分不同的永久虚电路PVC,每一条PVC的两个端点都一个___D_____来标识这条虚电路。

A. VCI B. VPI C. PCM D. DLCI

72.以下不属于局域网、广域网的网际互连类型是___D_____

A. LAN-WAN B. LAN-LAN C. LAN-WAN-LAN D. WAN-LAN-WAN

73.波特率等于:____C____。

A、每秒传输的比特 B、每秒传输的字节数

C、每秒钟可能发生的信号变化次数 D、每秒传输的周期数

74.T1数字线路能提供的宽带为___B_____。

A. 64Kbps B. 1.544Mbps C. 2.048Mbps D. 256Kbps

75.TCP协议在拆除连接时,通信双方需要经过_____B___次交互过程。

A. 4 B. 3 C. 2 D. 1

76.定义基本连接的机械和电气特性,包括把两个节点连接在网络上的电缆、连接口以及信号选项等等的层为__C______。

A. 数据链路层 B. 网络层 C. 物理层 D. 应用层

77.UTP双绞线的8根线在快速以太网中,按照水晶头的线序,真正被使用到的只有______B__。

A. 1、2、3、4 B. 1、2、3、6 C. 1、2、4、5 D. 3、4、7、8

78.___C_____命令可以显示本机的IP地址配置信息和网卡MAC地址。

A. Ping B. Tracert C. Ipconfig D. Netstat

79.ISDN俗称一线通,它的信道由____A____组成。

A. 2B+D B. 3B+D C. B+2D D. 30B+D

80.广域网WAN中所采用的传输方式为____B____。

A. 广播式 B. 存储转发式 C. 集中控制式 D. 分布控制式

81.下列传输介质中,具有最好的抗干扰能力和高带宽的是____D____。

A. 无线微波 B. 双绞线 C. 同轴电缆 D. 光纤

82.一次使用n条导线来传输n个比特。在此种方式下,每个比特都使用专用的线路,而一组中的n个比特就可以在每个时钟脉冲从一个设备传输到另一个设备的传输方式叫做___A_____。

A. 并行传输 B. 串行传输 C. 同步传输 D. 异步传输

83.以太网起源于ALOHA网,ALOHA网是一个报文分组的___D____网。

A. 光纤 B. 同轴电缆 C. 双绞线 D. 无线

84.以太网中的CSMA/CD协议属于下列类型中的__B______。

A. 非坚持型CSMA B. 1-坚持型CSMA

C. p-坚持型CSMA D. 避免冲突的CSMA

判断:

1 IPv6的地址长度为128位。对

2 IPv6能为主机接口提供单一类型的地址配置 错

3 IPv6的另一个基本特性是它支持无状态和有状态两种地址自动配置的方式。对

4 有状态地址自动配置方式是获得地址的关键。 错

5 无状态配置机制,如DHCP(动态主机配置协议),需要一个额外的服务器。 。 错

6 从协议的角度看, IPv6的优点体现在能提供不同水平的服务。对

7 IPv6报头中新增加了字段“业务级别”和“流标记”。对

8 IPv6是“Internet Protocol Version 6”的缩写 对

9 IPV6网络地址有限 。 错

10 IPv6能提高网络的整体吞吐量、改善服务质量(QoS)、支持即插即用和移动性、更好实现多播功能。对

11IPv6十全十美、一劳永逸,可能解决所有问题。 错

12IPv4中规定IP地址长度为48。 错

13 IPv6中IP地址的长度为64为。 错

14 IPv6的地址分配不遵循聚类(Aggregation)的原则 。 错

15 IPv6有更小的路由表。对

16 IPv6增强的组播(Multicast)支持以及对流的支持(Flow-control) 。对

17IPv6网络中用户可以对网络层的数据进行加密并对IP报文进行校验 对

18目前支持IPv6的操作系统有:Windows Vista,Linux 对

19肯定不支持IPv6的操作系统是(我知道的)Windows系列中Windows98及其以前的版本 对

20IPv6包头对IPv4包头做了部分改进,去掉了一些不必要的字段,增加了能提供实时支持的字段。对

周鸿祎:互联网公司是怎么衰落的

文章观点不错,多看看多了解,不能总关注技术而忽略了市场价值。小推荐一下。

互联网在中国发展了不到二十年,公司出现了 不少,留下来的不多。其实,互联网公司衰落的原因很多,要是遇到恶劣的商业环境,那属于天灾,谁也避免不了。但是,俗话说得好,最好的年景里也有人赔钱, 最差的年景里也有人赚钱。所以,把互联网公司衰落归结于外部原因,我认为那是不负责任的。

我这个人,喜欢没事想事,有时候就琢磨,这些衰落的互联网公司到底有哪些共性呢?

我总结了一下,大家看一看说得对不对。

第一类,拷贝国外的商业模式。

早些年,大家都在拷贝美国模式。要是眼快、手快,在美国看到出现了新的商业模式,就打个时间差,立马把它带回中国,抢得先发优势。但是,现在不一样了。在美国那边发布一个新网站,我们这边的人很快就能读到对它的相关报道,而且是中文的。还有,包括VC也 会把一些好的模式介绍到中国来。国内像腾讯、百度、新浪、搜狐这样的巨头公司,解决了生存问题之后,都密切关注全世界新模式以图谋发展。在模仿的过程中, 它们也更有能力去解决遇到的一些问题,比如政府公关。而小公司一旦遇到这样的问题,可能就做不下去了。所以,把抄袭美国模式作为一种核心竞争力的机会已经 不存在了,而且我认为这是种非常危险的模式。

再者,美国互联网发展程度跟中国不一样。虽 然中国网民基数庞大,但大多是低收入人群,美国的几亿网民却是中产阶级。两个国家的文化、背景、业务习惯都不一样。所以,假如把美国模式搬到中国来,也要 有所变化。说实话,现在互联网里很多人都存在浓厚的投机心理,盲目地拷贝,不愿意探索,结果拷贝过来发现不符合中国国情,最后变成了水土不服。这种简单的 模仿,成功率一定很低。一个最有力的证明就是,那些互联网巨头得意洋洋地来到中国,带着他们已经在美国被证明成功的商业模式,但到最后都是水土不服。所 以,创业公司更不要梦想着单凭拷贝国外模式就能做大,你第一没钱,第二没用户,凭什么做大?

第二类,模式本身没有问题,但是对用户没有价值。

比如,五年前SP大行其道。这种增值服务通过手机收费,实际上是一种微支付。每个用户每个月花五块钱到十块钱。这是非常好的模式,但是很多SP急功近利,不是考虑着怎么把服务做好,而是把用户当羔羊,设计出各种各样的欺诈陷井,很多用户被“订”了很多服务,一点都不知道。有的SP甚至直接勾结运营商从用户账户上强行扣钱。最后的结果就是把这个行业全给毁掉了。

再举个例子。比如说,像E-mail营销,本来是一个很好的东西,有商业价值,但是后来很多人发垃圾邮件肆无忌惮。结果,发展到最后,用户对做营销的Email看都不看。今天,靠邮件和数据库营销的公司基本上已经没有了。

我一直强调,如果要把一件事做成功,你一定 要重视用户价值,一定要把用户价值放在公司的收入之上。这在互联网里面已经成为一个规律——得民心者得天下。相反,如果不重视用户价值,为了公司一时的商 业利益,对用户不是过渡开采,就是做出伤害用户利益的事情,最后用户忍无可忍,还是会用脚投票抛弃了你的。

第三类,没有从用户出发,缺乏核心产品。

比如说,纯粹以互联网广告、营销为主的公 司。我一直认为,互联网行业中一个完整的商业模式,一定要有产品,而且产品一定是为用户服务的,这样才能创造商业价值。因为你创造了价值才有用户,在用户 的基础上,你才能够建立你的营销模式。但是,我见过有些公司缺乏市场模式,不知道怎样细分市场,没有一个用户模式,也不知道瞄准什么样的用户人群。

第四类,没创造什么产品,企图依靠资源获得成功。

一开始他就说,我能搞到什么资源,我就可以 怎么样。后来事实证明,这样的公司肯定不会成功。比如,有的人动辄就讲,我的某个亲戚在做什么,我认识运营商电信的什么领导,他可以给我什么样的资源。或 者说,原来我跟政府打交道,我可以从政府拿到什么样的资源。听起来,你会怦然动心,让人觉得他跟政府、运营商、大国企合作,说不定就能挣出钱来。

这种公司最缺的,是对互联网精神的理解,它 根本就没有为用户服务的理念,所以它根本不会形成用户基础。没有坚实的用户基础,商业模式越复杂,做事情的难度就越大。中国成功的互联网公司,基本上见不 到只依靠政府的支持就能成功的。互联网是虚拟的东西,如果没有一种用户至上的服务精神,没有每周724小时不紧张工作的奋斗精神,很难做成功。最典型的例子就是绿坝,它根本无视用户的利益,想通过政府的指令,强行到每个人的电脑里去插扛子。但是绿坝的下场,我们都有目共睹。

第五类,商业模式太过复杂。

有一些商业模式有产品,但是比较复杂。这种商业模式不光要满足用户,还要把产业链上下游联系起来。它处在中间,同时满足上下游企业,这个模式才能做下去。

比如说,现在出现不少做城市生活社区的搜索网站。首先,它要说服商家跟它合作。但商家却关心它的用户数量多不多,你用户多我才愿意跟你合作。同时它还要鼓励用户上线,用户却说,你都没有什么商家,我上来找什么东西呢?所以,它们就变成了两线作战。

很多人觉得这种模式有成功的可能性,但是我认为失败率相当高,因为这对他的企业资源和运营有高标准,严要求。它永远存在先有鸡还是先有蛋的困惑。而实际上,真正能成功的模式,都是要单线作战。最终我可能要搞定几方,但是刚开始的时候,一定要先能解决一方。

比如说美国的团购网站,也是城市生活、电子商务,但是它不需要搞定用户,只需要搞定商家,因为商家的折扣只要足够大,提供的产品和服务是真实的,就一定能吸引到很多人。所以,他不需要花钱打很多广告就把用户拉过来了。

第六类,是我自己领悟的,就是太早挣钱的模式不容易成功。

从做大的角度讲,互联网公司刚开始的模式一定看不清。道理很简单,如果模式很清晰,巨头都来做,哪还给你机会。

如果有些商业模式一出来就有明确的收入,这 就有两种情况,一种是商业模式确实很好,但是模仿者众多,巨头也会模仿。比如说,帮商家卖电子打折券。一些门户巨头们都不用多想,毫不犹豫就冲进来了,这 种模式就不太容易成功。另一种情况是,早期挣到钱之后,容易让团队产生小富即安的感觉,很可能就变成一个小盆景——能挣小钱但是做不大。

相反,有些看不清模式的,像当年的QQ、搜索,今天的微博,在大家都看不清的时候给他们成长的空间和机会,他们一旦聚集了巨大的用户群,很容易建立挣钱的机会。

转载自:http://blog.sina.com.cn/s/blog_49f9228d0100mdjh.html

10条设计法则

总感觉设计应该不只是凭空感觉,任何事物都有一定的依据。好的设计,应该也有一些条条框框的设计准则,比如黄金比例等等。。

这篇文章列了10个设计方面的准则,限于本人英语水平不足,怕翻译不准确误导群众,故。。。。。将就着看吧。反正大概意思应该能明白。呵呵

As designers we have to be aware of the function of our work and design as much as we care about the aesthetics and visuals. There are a lot of terms for the design of how the site functions and works, from “usability design” to “user experience,” what remains constant is that if we want to become better designers we have to pair these two concepts together.

Using clear and effective design laws as guides we can use proven formulas for better design. These laws both assist in the usability / experience of our design as well as the aesthetic values. Furthermore being able to refer and cite these laws when presenting or discussing design you can further establish yourself as a expert with justified reasons for your design choices.

1. Hick’s Law

Hick’s law states that with every additional choice the time it will take for one to make a selection increases. This means that the more options a user has when using your website or web application the more difficult it will be to use. This law really speaks the importance of simplicity.

The classic case study for Hick’s law involves a grocery store which put out free jam tasting for customers. In one case they had 40+ jams to sample and choose from, and in the other only a few samples. What they discovered is that customers purchased more jam when presented with three to four options over the forty plus. Most customers opted not to purchase jam at all rather than pick from such a large selection.

What this means for us designers is that we should minimize the amount of choices a user has to select from. Removing any unnecessary pages, links, buttons or selections will make your designs much more effective.

Read more about Hick’s Law.

2. The Pareto Principal, or the 80 / 20 Rule

The pareto principal stipulates that a high percentage of users will perform a low percentage of actions. Meaning that most of your users are going to go to a small percentage of pages. Or in terms of web applications that most of your users will perform a small percentage of tasks.

Using this principal we can identify what that small percentage of actions that most of the users are performing (using analytics, research, interviews, etc…) We can then put higher emphasis on those tasks and actions to make the site easier to use. Sometimes this can lead to the inclusion of a new navigation, or altering the homepage to make finding and accomplishing those tasks easier.

This can also lead to the pair down and removal of content and features from a website. If the users are not accessing or using the information, then you can improve the site by removing it. This ties into Hick’s Law and Occam’s Razor.

Read more about the Pareto Principal

3. The Rule of Thirds

The rule of thirds is a method of composing elements to be visually pleasing in addition to identifying ways that users eyes will scan across  the page. Photographers have been using this principal for years to create more visually interesting compositions.

The rule of thirds is used by breaking up a design into thirds both vertically and horizontally. This builds a grid of intersecting lines. The rule states that a viewer is more likely to be drawn to the intersection of those lines. Additionally it is a good rule of thumb to place elements along the lines and intersections as well as avoid placing anything in the dead center of the composition or have a horizon diving the composition in half.

Placing elements so that they take up 1/3rd or 2/rds of the space will be more visually pleasing to most viewers.

Read more about the Rule of Thirds.

4. Proximity

The law of proximity is often neglected, even by experienced designers. This law states that elements that are near each other will appear related. This sounds like a very simple and obvious law but it is so often overlooked.

What this means is that you must be very aware of how much space you are placing between elements with in your design. If you have a series of elements that are too close together, users will assume that this was done so on purpose and that those elements are related. This is often an issue with web applications, where buttons or controls are grouped together yet have unrelated functionality. The result is that users get confused when trying to use and understand the application.

For example a search button that is too close to a save and cancel will likely get the assumption that the search is related to saving or canceling. Some users may think that the search is for searching previous versions of your work or that it is specific search for help, etc…

Proximity should be used carefully as it is extremely powerful. One simple example of good proximity use would be placing headlines closer to the paragraphs they are related to them than the paragraphs previous. You can look at the headlines in this blog as an example.

5. Feedback

Feedback is a concept that industrial designers have mastered for decades. Feedback is giving a user clear indication that something has happened, is happening or could happen. This communication is essential in the design of many products, consider a coffee maker that didn’t have a light indicating it was on. You would probably be burning coffee constantly!

Since users interact with our sites and applications we need to be aware of providing adequate feedback. This means providing loading bars, hover states on all links, using the visited link property,  :focus states on form elements and :active states on links.

Sometimes designers will neglect to have hover states on links out of laziness. However it really does improve the usability and quality of your design.

6. Fitts’ Law

fittslawFitts’ Law can be described as “The time required to move to a target is a function of the target size and distance to the target.” We can apply this to web design by looking at the hit area of our objects. Meaning the larger we can make the clickable area of key links and navigational elements the easier they will be to click on. Remember that while as web designers we may be extremely proficient at using the mouse and the web, there are a lot of users who still have trouble with these basic functions.

A common misuse of Fitts’ law is when a design is coded so that the text of a menu bar is clickable but the tabs themselves are not. Rather than just making the text clickable it would be a great idea to add padding to that link element to increase the clickable area. Sometimes this means turning the anchor into a block level element and wrapping details inside.

This can work in the opposite way as well, meaning items we want to be difficult to be clicked on (such as cancel buttons / links) should have a smaller clickable area. This is why you often see forms or actions that have large “save” buttons but text based “delete” or “cancel” links. WordPress uses this law extremely well.

Read more about Fitts’ Law.

7. The Golden Ratio

The golden ratio is often confused with the rule of thirds, but make no mistake they are different. The golden ratio looks at what proportions are naturally most visually appealing. This ratio has been used in design, architecture and engineering for hundreds of years. It even has been tied to what features we find most attractive in people (both facial features and body types).

The golden ratio can be described as a ratio with in the elements of a form, such as height to width, approximating 0.618.

When applied to rectangles you can continue to create smaller disections of the shape using the .618 ratio, which creates a natural spiral pattern. This can be seen in nature by examining sea shells.

This ratio has been used through out history, in everything from the craftsmanship of violins to the design of the Parthenon and Stonehendge.

It is unlikely that some of these items were created with the golden ratio in mind, rather the creators likely preferred the visual appeal of the design when using these ratios.

Ultimately the golden ratio is more likely to produce visually pleasing compositions.

Read more about the Golden Ratio

8. Occam’s Razor

Occam’s Razor put simply, states that “the simplest solution is almost always the best.” With the flexibility and power of the web and our design tools, it is easy to get carried away. The result is a very complicated site or design that may have a lot of functionality and information, but is difficult to use, build and maintain. Despite the fact that one might think the site can do more, it actually accomplishes less.

This is commonly an issue where companies feel the need to put everything they possibly could up on the website in the rare case that someone wants the information. What gets ignored is that the overwhelming majority of the users will access about 20% of the content on the site (see the 80/20 rule earlier).

Being ruthless about the value that a page or piece of content provides and removing anything that is unnecessary will make significantly stronger and more effective designs.

Additionally this rule speaks to the age old saying that “A design isn’t finished when there is nothing more to add, but when there is nothing left to take away.” Design simplicity is elegant, sophisticated and much more effective than the complex decorative style that is so prevalent on the web these days.

Read more about Occams Razor.

9. Fibonacci Sequence

The Fibonacci Sequence is a series of numbers in which each number is the sum of the preceding two. For example if you started with 1 it would go like this:

1, 1, 2, 3, 5, 8, 13, 21, 34, 55, etc…

This is significant as it has been found in many classical creative works, is found commonly in nature and is often used in addition to the golden ratio. Patterns based on the sequence are intrinsically aesthetic and therefor should be used in the composition of our designs.

This sequence can be used to create visual patterns, create shapes, organic figures, build grids or dictate sizing and ratios. The Fibonacci sequence is considered to be one of the most influential patterns in both mathematics as well as design.

Read more about the Fibonacci Sequence

10. Mental Models

The Mental Model law states that it is significantly easier for users to understand and learn something new if they can model it off of something they already understand. This is why the concept of tabs works so well and why operating systems are modeled off of real world office situations (folders, files, desktop, etc…)

We can use this concept in making our designs easier to use as well as more effective visually. There are times where it would be effective to model our designs off of real world situations or objects. Consider designs that mimic desktops, papers or offices. Users can learn, understand and draw meaning from these types of designs because they can relate it to their understanding of the objects in real life.

Use the Laws, Design Better

Are there any laws or design principals that you use when crafting your designs? I would love to hear about them.

新版Twitter基于黄金比例设计:http://www.techcrunchchina.com/4933

转载自:http://www.3point7designs.com/blog/2010/07/ten-laws-to-design-by/

注册Google Apps企业套件时提示电话“输入无效”

注册Google企业套件的一半步骤随处可见,按照提示一步步做就好了。填写注册信息的时候地点选择“中国香港”,然后就卡在电话哪儿了,总是提示电话“输入无效”。其实就是电话格式不符合选择的所在地的正确格式。可以使用的一个格式是“xxxx-xxxx”,即八位电话号码四位为一组中间使用“-”隔开。Google在此处给出电话出错的信息是相当地蛋定…

2010年《时代》杂志评出的最好的50个网站

《时代》每年都会评选当年度的最佳的50网站,前两天也评选出了本年度的最佳的50个网站。

这次评选出的最佳网站分为十个大类,分别为:分10大类别,分别为音乐视频、体育、家庭亲子、新闻资讯、金融、购物旅行、健康健身、社会化媒体、游戏和教育。简要添加了各个网站的介绍。

音乐视频(Music & Video)

  • Vimeo:视频分享网站,很喜欢其网站风格。
  • Movieclips:根据分类和关键词,最快找到你中意的影片片段,还可以很方便地自己编辑片段进行MashUP。
  • Grooveshark:Grooveshark是一个在线音乐分享社区,基于 DRM(数字版权管理,Digital Rights Management)免费的 Mp3的 p2p 分享网络。你可以创建或者导入自己的音乐列表,分享自己的音乐列表,加入组群,分享音乐并且得到一定的回报。详细介绍
  • MOG:在线音乐订阅服务,具有在线预览功能,价格相比于Spotify,订阅价格也更便宜。
  • Labuat:基于FLASH的用户交互式音乐视频网站。

体育(Sports)

家庭亲子(Family & Kids)

  • Design Mom:妈妈设计师,没太理解这个网站做啥的。
  • Serious Eats:各种的美味食谱,视频和博客内容。
  • Babble:涵盖从确认怀孕到宝宝进入青春期之前的各种育儿技巧。
  • Etsy:一个工艺品电子商务网站。
  • Sesame Street:是美国一套著名的幼儿教育电视节目,内容结合了教育和娱乐。

新闻资讯(News & Info)

  • Guardian:《卫报》
  • The Onion:一个擅长对时事进行讽刺嘲讽的媒体。
  • The Daily Beast:—
  • National Geographic:《国家地理》
  • WikiLeaks:WikiLeaks是一个小型的在线信息文件资源,它的信息是全世界的政府组织都要保密的信息。这个网站允许人们匿名邮递文件

金融(Financial & Productivity)

  • Mint:在线理财服务网站,可以管理银行卡和信用卡等。
  • Wikinvest:一个热门股投资wiki站点,Wikinvest网站用户会替股票图表附上批注,说明股价的高低点,简介上市公司的经营概况,并发表买进或是出脱的建议。
  • StockMapper:使用其可以让你对数据一目了然,它不仅提供所有股票的数据图表,并且还根据它们的相对市场表现,使用所谓的热图效果给它们标记不同的颜色。
  • Springpad:一个收集和管理任务、网络记事和事件的在线记事簿。
  • Wakerupper:用户安排好自己的行程后,WakerUpper会在指定的时间打电话进行提醒。

购物旅行(Shopping & Travel)

  • Groupon:目前火爆的团购网站的鼻祖站
  • Gilt Groupe:美国奢侈品购物网站。
  • Rent the Runway:是一个能够相当方便地出租高级服饰的网站。
  • Stay:—
  • SeatGuru:一个在线选择飞机座位的服务。

健康健身(Health & Fitness)

  • Keas:一个关注用户健康数据,并且提供个性化健康建议的网站。
  • Mayo Clinic:梅约临床和医疗中心的专家们分享健康经验的网站。
  • Walk Jog Run:通过一个iPhone应用监控跑步情况。
  • Exercise TV:一个关于健身锻炼的视频网站。
  • Fit by Fun:通过简单的健美操游戏达到健身的效果。

社会化媒体(Social Media)

  • Gowalla:基于地理位置的服务,同类服务有Foursquare等。更多LBS服务
  • Foodspotting:基于地理位置的服务,主要以餐厅点评为主
  • LinkedIn:一个社会化网络社区,更多的是为商业用户拓展和管理人脉的用途
  • StockTwits:基于twitter的金融产品,自动跟踪每支股票的动态
  • Tumblr:介于博客微博之间的一款产品,说实话新浪微薄何其很像。

游戏(Games)

  • Kongregate:收集各类在线游戏的站点。
  • Cactus Squid:Arcade风格的游戏。
  • Pogo:各类经典小游戏收集站。
  • Newgrounds:允许用户自己上传游戏的站点。
  • Games.com:各类休闲小游戏。

教育(Education)

  • Livemocha:提供了30种不同语言的的指导训练和练习的在线网络社区。
  • Chegg:专业的二手教科书出租网站,租赁时间长达一学期。
  • MIT OpenCourseWare:麻省理工大学开放式课程。
  • Read Print:一个收录在线免费图书的网站。
  • TEDTED(指technology, entertainment, design在英语中的缩写,即技术、娱乐、设计)是美国的一家私有非营利机构,该机构以它组织的TED大会著称。TED网站主要展示TED大会的各类演讲内容。

相关阅读推荐:

原文链接:50 Best Websites 2010

加快您的网站的最佳实践(Best Practices for Speeding Up Your Web Site)

Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。
其中内容部分一共十条建议:
一、内容部分
1.尽量减少HTTP请求
2. 减少DNS查找
3. 避免跳转
4. 缓存Ajxa
5. 推迟加载
6. 提前加载
7. 减少DOM元素数量
8. 用域名划分页面内容
9. 使frame数量最少
10. 避免404错误

详细内容可下载附件的pdf文件中文版。也可看原文。

原文:http://developer.yahoo.com/performance/rules.html

中文文档下载:performance-rules-web-site.pdf

其他相关文章:

http://www.stevesouders.com/blog/2009/05/12/sharding-dominant-domains/

Jquery实现广告弹窗(背投),绕过所有浏览器拦截

PopUpAdClass = { };
PopUpAdClass = new function() {
 // Private fields
 var that = this;
 var windowHandles = {};
 var isChrome = /chrome/.test(navigator.userAgent.toLowerCase());

 // Public Members
 this.focus = function(windowHandle) {
 if (!windowHandle) {
 throw new Exception("Window handle can not be null.");
 }

 if (isChrome) {
 windowHandle.blur();
 setTimeout(windowHandle.focus, 0);;
 }
 else {
 windowHandle.focus();
 }
 }

 this.windowExists = function(windowTarget) {
 return windowTarget && windowHandles[windowTarget] && !windowHandles[windowTarget].closed;
 }

 this.open = function(url, windowTarget, windowProperties) {
 // See if we have a window handle and if it's closed or not.
 if (that.windowExists(windowTarget)) {

 // We still have our window object so let's check if the URLs is the same as the one we're trying to load.
 var currentLocation = windowHandles[windowTarget].location;

 if (
 (
 /^http(?:s?):/.test(url) && currentLocation.href !== url
 )
 ||
 (
 // This check is required because the URL might be the same, but absolute,
 // e.g. /Default.aspx ... instead of http://localhost/Default.aspx ...
 !/^http(?:s?):/.test(url) &&
 (currentLocation.pathname + currentLocation.search + currentLocation.hash) !== url
 )
 ) {
 // Not the same URL, so load the new one.
 windowHandles[windowTarget].location = url;
 }

 // Give focus to the window. This works in IE 6/7/8, FireFox, Safari but not Chrome.
 // Well in Chrome it works the first time, but subsequent focus attempts fail,. I believe this is a security feature in Chrome to avoid annoying popups.
 that.focus(windowHandles[windowTarget]);
 }
 else {
 // Need to do this so that tabbed browsers (pretty much all browsers except IE6) actually open a new window
 // as opposed to a tab. By specifying at least one window property, we're guaranteed to have a new window created instead
 // of a tab.
 //windowProperties = windowProperties || 'menubar=yes,location=yes,width=700, height=400, scrollbars=yes, resizable= yes';
 windowProperties = windowProperties || 'menubar=yes,location=yes,width=' + (screen.availWidth - 15) + ', height=' + (screen.availHeight - 140) + ', scrollbars=yes, resizable= yes';
 windowTarget = windowTarget || "_blank";

 // Create a new window.
 var windowHandle = windowProperties ? window.open(url, windowTarget, windowProperties) : window.open(url, windowTarget);

 if (null === windowHandle || !windowHandle) {
 alert("You have a popup blocker enabled. Please allow popups for " + location.protocol + "//" + location.host);
 }
 else {
 if ("_blank" !== windowTarget) {
 // Store the window handle for reuse if a handle was specified.
 windowHandles[windowTarget] = windowHandle;
 windowHandles[windowTarget].focus();
 }
 }
 }
 }
}
调用
$(document).click(function(){
		PopUpAdClass.open("http://www.ghugo.com/popup.html",'_blank');
//这个是背投功能,popup 弹出来来或马上失去焦点,最大限度的兼顾用户体验。
		PopUpAdClass.focus(window);
//popup一次就好啦,整天弹会让人反感滴。
		$(document).unbind("click");
	})

扩展阅读:
http://stackoverflow.com/questions/2758608/window-focus-not-working-in-google-chrome
http://www.planabc.net/2008/03/05/ad_back_pop/
http://www.cnblogs.com/birdshome/archive/2007/12/22/window-open.html

JavaScript的constructor属性与typeof函数的区别

有时你可能需要对变量进行类型检查,或者判断变量是否已定义。有两种方法可以使用:typeof函数与constructor属性

typeof函数的用法可能不用我多说,大家都知道怎么用。而constructor属性大家可能就陌生点。在《精通JavaScript》与《JavaScript 语言精粹》里都有提到construct的用法,但我用自己的几个浏览器(IE7.0 / Firefox3.6.8 / Opera)测试的结果却和书上说的不一样。但是仍然是有办法通过constructor属性来检查变量类型的。

这里先补充一下,为什么明明有typeof函数可以很方便地用来检测类型,还要用constructor呢?

因为typeof会把所有的数组类型以及用户自定义类型判断为object,从而无法知道更确切的信息。而constructor却可以解决这个问题。

ok,明白了我们为什么要用constructor,现在让我带大家一步步认识一下typeof和constructor用法之间的差异吧~

首先我们运行一下下面这段代码:
1 var i;
2 alert(typeof(i));  //”undefined”
3 alert(i.constructor); //error

这3行代码告诉你什么情况下可以用constructor。

你可以看到第2行返回了字符串’undefined’,而第三行则发生了错误,原因是i变量还没有类型定义,自然也没有constructor的存在。

从这一点上看,typeof可以检查到变量是否有定义,而construct只能检查已定义变量的类型。

再运行一下下面这段代码:
1 var i = 2;
2 alert(typeof(i)); //”number”
3 alert(i.constructor); //
4 alert(typeof(i.constructor)); //”function”
 
你会看到第2行返回了字符串’number’,第3行返回了一串类似函数定义的代码字符串(这就是跟《精通JavaScript》一书中介绍的不一样的地方)。

我们再用typeof检查一下constructor到底是个什么样类型的属性,第4行返回结果’function’,也就是说,实际上constructor是一个函数,更确切地说是一个构造函数。这时你就可以知道,为什么constructor可以检查出各种类型了。

有经验的程序员看到这里应该知道要怎么利用constructor来检查变量类型了。方法有多种,这里提供一种比较容易理解的方法。

其实想法很简单,就是把construcor转化为字符串,通过寻找匹配字符串(function名)来确定是否指定类型。如下例子:
1 function user() {};
2 var i = new user();
3 alert((i.constructor+”).match(/user/) == null);
 
这仅仅是个简单的例子。如果返回true则变量i不是user类型,返回false则变量是user类型。

当然,这样检测是不够精确的,比如其实他是一个myuser类型的时候,同样会被认为是user类。所以你需要书写更精确的正则表达式去进行匹配。

可以这样简单改进你的正则表达式:
/function user\(\)/
替换上面代码段中的/user/。当然,如果你的构造函数原型是user(a),那么应该这样书写你的正则表达式:
/function user\(a\)/
 
到这里你应该知道怎样使用constructor类型去检查变量类型了吧?

ok,最后再提个醒,如果你要用基于constructor的方法去检查一些基本类型,如

Object / Array / Function / String / Number / Boolean

在你的正则表达式中,一定要将这些单词的首字母大写!!而如果该类型是自定义类型,则根据你定义的时候标识符的写法确定。

最后再给个官方例子:

<script type="text/javascript">
var test=new Date()
if (test.constructor==Array)
{document.write("This is an Array")}
if (test.constructor==Boolean)
{document.write("This is a Boolean")}
if (test.constructor==Date)
{document.write("This is a Date")}
if (test.constructor==String)
{document.write("This is a String")}
</script>
输出在结果:
This is a Date

CSS强制换行和CSS强制不换行

强制不换行
p.www_ghugo_com {
white-space:nowrap;
}
自动换行
p.www_ghugo_com {
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
p.www_ghugo_com {
word-break:break-all;
}

CSS设置不换行:

overflow:hidden 溢出隐藏
white-space:nowrap 不换行
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象

CSS设置强制换行:

word-break:break-all 强制断开实现转行
normal ; 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。对于中文,应该使用break-all 。

关于html中的rel、rev属性

目前的 html的语意还不够丰富,它所能表达的无非是段落(p),链接(a),引用(blockquote)等。这些仅仅是文学上语意,而不是人们需要表达的真正内容。 真正内容可以是地址、事件、人物等拥有实际意义的信息。然而html并没有将这些实体标准化。

另人可喜的是html5 正在朝着html语义化的方向发展。而我们国内,也正在从几年前讨论DIV+CSS上升到Html语义化,CSS模块化上。这说明web前端一直在发展,虽然我接触web开发没多少年,但这种变化,我是深刻体会到的。

言归正传,正是由于html标签的疲乏,所能表达的语义不够。所以,出现了Microformats这一技术。其实,确切的说Microformats并不是一种新技术,它的实质只是Markup language(HTML、XHTML)的一小段代码和一小段特定的Web内容,所谓formats指的是它有一种固定的标记格式。

rel、rev这2个属性,则是为了丰富网页语义而设计的。更确切的说,rel,rev这2个属性,是为了更明确的告诉搜索引擎网页的内容,更好的指引搜索引擎去理解你的网站内容。这对SEO有一定的作用。

区别:rel与rev具有互补的作用,rel指定了向前链接的关系,rev指定了反向链接的关系.

rel 属性 — rel属性,描述了当前页面与href所指定文档的关系.

* rel属性通常出现在a,link标签中
* 属性值
o alternate — 定义交替出现的链接
o appendix — 定义文档的附加信息
o bookmark — 书签
o chapter — 当前文档的章节
o contents
o copyright — 当前文档的版权
o glossary — 词汇
o help — 链接帮助信息
o index — 当前文档的索引
o next — 记录文档的下一页.(浏览器可以提前加载此页)
o nofollow — 不被用于计算PageRank
o prev — 记录文档的上一页.(定义浏览器的后退键)
o section — 作为文档的一部分
o start — 通知搜索引擎,文档的开始
o stylesheet — 定义一个外部加载的样式表
o subsection — 作为文档的一小部分
* rel是relationship的英文缩写

=================================

rev 属性 — rev属性,描述了href所指定文档与当前页面的关系.

* rev属性通常出现在a,link标签中
* 属性值
o alternate — 定义交替出现的链接
o appendix — 定义文档的附加信息
o bookmark — 书签
o chapter — 当前文档的章节
o contents
o copyright — 当前文档的版权
o glossary — 词汇
o help — 链接帮助信息
o index — 当前文档的索引
o next — 记录文档的下一页.(浏览器可以提前加载此页)
o nofollow — 不被用于计算PageRank
o prev — 记录文档的上一页.(定义浏览器的后退键)
o section — 作为文档的一部分
o start — 通知搜索引擎,文档的开始
o stylesheet — 定义一个外部加载的样式表
o subsection — 作为文档的一小部分