vicwity's blog

  • 08年司法考试辅导 - 过关实验三班

    应广大参加2008年司考朋友的要求,学易教育国家司法考试频道专门针对考试大纲后开始复习的考生推出。

    一、学费

    1. 报名时,签订协议,交学费 3200 元;

    2. 过关后,补缴学费 2600 元;

    3. 不过关,全额退费。

     

    二、报名条件:

    1. 4 月下旬(考试大纲和教材出台后)开始着手复习的考生;

    2. 第一次参考,法律专业,需每天安排复习时间 4 小时以上;

    3. 第一次参考,非法律专业,需全职备考,保证一天 12 小时以上的学习时间;

    4. 已经参考过,学习时间由学易教育司法考试频道高级辅导团队视学员个人情况确定。

     

    三、缴、退费规定:

    1. 达到合格分数线(含放宽地区),学费为3200元(报名时缴纳)+2600元(查询成绩过关后缴纳);

    2. 考分320分以上(放宽地区300分以上),未达到合格分数线,全额退还3200元学费;

    3. 考分320分以下(放宽地区300分以下),不享有任何退费;

    4、其它相关规定详见协议条款。

     

    立即报名2008年国家司法考试培训

     

    · 班级设置 立即联系高级辅导员老师
    科 目 07年真题详解 基础理论强化 必考法条习题突破 跟踪监
    督答疑
    主讲/62课时 主讲/396课时 主讲/192课时


    法理学 叶晓川 叶晓川/杨 帆 叶晓川 高辅
    法制史 叶晓川/杨 帆 叶晓川 叶晓川 高辅
    宪法 叶晓川 叶晓川/杨 帆 叶晓川 高辅
    经济法 翟继光/鄢梦萱 范世乾/翟继光 翟继光 高辅
    国际法 杨 帆 杨 帆/李 毅 ×××× 高辅
    国际私法 杨 帆 杨 帆/李 毅 ×××× 高辅
    国际经济法 杨 帆 杨 帆/李 毅 ×××× 高辅
    司法制度与法律职业道德 叶晓川 叶晓川/杨 帆 叶晓川 高辅


    刑法 李金明/刘 秀/阮齐林 李金明/阮齐林 ×××× 高辅
    刑事诉讼法 刘 玫/卜开明 李奋飞/刘 玫 ×××× 高辅
    行政法与行政诉讼法 王 旭/张 锋 吴 鹏/王 旭 王 旭 高辅


    民 法 民 法 李仁玉/樊东峰 李仁玉 ×××× 高辅
    合同法 李仁玉/樊东峰 隋鹏生 ×××× 高辅
    知识产权法 李仁玉/樊东峰 张 今 ×××× 高辅
    商法 翟继光/鄢梦萱 范世乾/翟继光 翟继光 高辅
    民事诉讼法(含仲裁制度) 常 英/杨秀清 常 英/杨秀清 ×××× 高辅


    法理学 叶晓川 叶晓川/杨 帆 叶晓川 高辅
    宪法 叶晓川 叶晓川/杨 帆 叶晓川 高辅
    行政法与行政诉讼法 王 旭 吴 鹏/王 旭 王 旭 高辅
    刑法 李金明/刘 秀/阮齐林 李金明/阮齐林 ×××× 高辅
    刑事诉讼法 刘 玫/卜开明 李奋飞/刘 玫 ×××× 高辅
    民法 李仁玉/樊东峰 李仁玉 ×××× 高辅
    商法 翟继光/鄢梦萱 范世乾/翟继光 翟继光 高辅
    民事诉讼法 常 英/杨秀清 常 英/杨秀清 ×××× 高辅

     

    立即报名2008年国家司法考试培训

     

    · 配备资料
    《内部讲义》《随堂试题》《模考试卷》《单元练习》

     

    · 优惠政策
    (1)现在报嫦娥 I 号班、过关实验一班、过关实验二班全程学员班享受9.5 折优惠。
    (2)集体 5 人以上、三班以上连报享受 9 折优惠。
    注:以上优惠不重复享受

     

    · 在线教育 VS 传统面授
    在线教育 传统面授
    学习时间自由安排 遵循规定的课程时间
    上网即可学习 去规定的地点上课
    学习内容可根据自身情况选择 按部就班的听 老师讲课
    随时答疑解惑 课堂上真正提问的机会很少,再加上人数多,机会就更少了
    重复学习 只能在课堂上听老师讲课
    不受时间限制,每个课程讲授完整、透彻 受时间限制到点下课、到时间结束,不一定能随时弄懂听透

     

    · 不是面授,胜于面授
    学易教育的在线模式优于传统面授

     

    · 选择学易,就是选择品质
    学易荣获2007年度十佳职业教育培训机构     学易荣获2007年度十佳网络培训机构     学易荣获2007年度全国大学生心目中最具影响力的培训机构

    选择学易的十大理由>>

     

    声明:学易保留随时对上述辅导方案进行调整的权利!

    引用:http://sikao.studyez.com/Help/RSList.aspx?Item=894&s=f83

  • 推荐一个购买司法考试教材、辅导书的好地方

    司法考试书店 http://sikao.studyez.com/Book/?s=f83

    专业出售司法考试类教材、图书、辅导用书,比市场价便宜很多,最关键还有很多内部资料,是外面买不来的。

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008年国家司法考试大纲

    作 者:中华人民共和国司法部

    出 版 社:法律出版社

    出版日期:2008/4/25

    市 场 价:¥22.00元

    学 易 价:¥17.60元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008年国家司法考试辅导用书【卷一、二、三】

    作 者:国家司法考试辅导用书编辑委员会

    出 版 社:法律出版社

    出版日期:2008/4/22

    市 场 价:¥260.00元

    学 易 价:¥208.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    02-07真题解析班内部资料【07年真题及解析】

    作 者:学易教育司法考试研究中心

    出 版 社:学易教育司法考试研究中心

    出版日期:2008/4/17

    市 场 价:¥12.00元

    学 易 价:¥12.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    02-07真题解析班内部资料【06年真题及解析】

    作 者:学易教育司法考试研究中心

    出 版 社:学易教育司法考试研究中心

    出版日期:2008/4/17

    市 场 价:¥12.00元

    学 易 价:¥12.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    02-07真题解析班内部资料【05年真题及解析】

    作 者:学易教育司法考试研究中心

    出 版 社:学易教育司法考试研究中心

    出版日期:2008/4/17

    市 场 价:¥12.00元

    学 易 价:¥12.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    02-07真题解析班内部资料【04年真题及解析】

    作 者:学易教育司法考试研究中心

    出 版 社:学易教育司法考试研究中心

    出版日期:2008/4/17

    市 场 价:¥12.00元

    学 易 价:¥12.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    02-07真题解析班内部资料【03年真题及解析】

    作 者:学易教育司法考试研究中心

    出 版 社:学易教育司法考试研究中心

    出版日期:2008/4/17

    市 场 价:¥12.00元

    学 易 价:¥12.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    02-07真题解析班内部资料【02年真题及解析】

    作 者:学易司法考试研究中心

    出 版 社:学易司法考试研究中心

    出版日期:2008/4/17

    市 场 价:¥12.00元

    学 易 价:¥12.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    卷四高分突破【政法英杰司考通】

    作 者:常英 吴鹏

    出 版 社:中国政法大学出版社

    出版日期:2008/4/21

    市 场 价:¥40.00元

    学 易 价:¥40.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    民法【政法英杰司考通】

    作 者:席志国

    出 版 社:中国政法大学出版社

    出版日期:2008/4/21

    市 场 价:¥48.00元

    学 易 价:¥48.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    民事诉讼法与仲裁法【政法英杰司考通】

    作 者:常英 史飙

    出 版 社:中国政法大学出版社

    出版日期:2008/4/21

    市 场 价:¥33.00元

    学 易 价:¥33.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    三国法【政法英杰司考通】

    作 者:李毅

    出 版 社:中国政法大学出版社

    出版日期:2008/4/21

    市 场 价:¥30.00元

    学 易 价:¥30.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    刑事诉讼法【政法英杰司考通】

    作 者:李奋飞

    出 版 社:中国政法大学出版社

    出版日期:2008/4/21

    市 场 价:¥39.00元

    学 易 价:¥39.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    商法与经济法【政法英杰司考通】

    作 者:范世乾

    出 版 社:中国政法大学出版社

    出版日期:2008/4/21

    市 场 价:¥53.00元

    学 易 价:¥53.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008年国家司法考试最新必读法律法规汇编(上、中、下)

    作 者:瑞德思新司法考试研究中心

    出 版 社:中国工商出版社

    出版日期:2008/4/17

    市 场 价:¥264.00元

    学 易 价:¥264.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2002-2007年国家司法考试历年试题解析

    作 者:王旭 王朝勇

    出 版 社:中国工商出版社

    出版日期:2008/4/17

    市 场 价:¥66.00元

    学 易 价:¥66.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008年国家司法考试法律版案例分析专题例解

    作 者:张能宝

    出 版 社:法律出版社

    出版日期:2008/1/17

    市 场 价:¥60.00元

    学 易 价:¥60.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008国家司法考试法律版案例分析专题例解

    作 者:张能宝

    出 版 社:法律出版社

    出版日期:2008/12/17

    市 场 价:¥60.00元

    学 易 价:¥60.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008国家司法考试法律版应试指导解读及配套测试

    作 者:法律考试中心

    出 版 社:法律出版社

    出版日期:2008/1/15

    市 场 价:¥78.00元

    学 易 价:¥78.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008国家司法考试飞跃版 重点法条关联解读及配套测试

    作 者:考试中心

    出 版 社:中国法制出版社

    出版日期:2007/12/15

    市 场 价:¥75.00元

    学 易 价:¥75.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008司法考试强化教材 物权法司考读本

    作 者:吴冬 李建伟

    出 版 社:人民法院出版社

    出版日期:2007/12/15

    市 场 价:¥26.00元

    学 易 价:¥26.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008年国家司法考试真题讲解与2008年命题走向预测

    作 者:郑其斌

    出 版 社:人民法院出版社

    出版日期:2008/1/15

    市 场 价:¥38.00元

    学 易 价:¥38.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    2008年国家司法考试真题解读 卷四主观题99例

    作 者:郑其斌

    出 版 社:人民法院出版社

    出版日期:2007/12/15

    市 场 价:¥30.00元

    学 易 价:¥30.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    历年真题随身练 试卷二

    作 者:法律考试中心

    出 版 社:法律出版社

    出版日期:2007/11/15

    市 场 价:¥25.00元

    学 易 价:¥25.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    历年真题随身练 试卷三

    作 者:法律考试中心

    出 版 社:法律出版社

    出版日期:2008/1/15

    市 场 价:¥25.00元

    学 易 价:¥25.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    司法考试历届真题分类解读系列

    作 者:北京万国编著

    出 版 社:北京万国编著

    出版日期:2008/1/14

    市 场 价:¥150.00元

    学 易 价:¥150.00元

    [查看详细介绍]

    ------------------------------------------------------------------------------------------------------------------------------------------------------------

    司法考试历年试题及考点归类精解系列

    作 者:张能宝

    出 版 社:法律出版社

    出版日期:2008/1/14

    市 场 价:¥108.00元

    学 易 价:¥108.00元

    [查看详细介绍]

  • 如何播放学易下载的课件

    注:下文中的粗体部分——“1529”为示例,您下载的不同课件的名称是不同的。

    例如,我下载了一个课件,下载下来的文件名为1529.zip 

    1. 右键电击下载好的课件压缩包,选择“解压到1529\”。如下图:

    2. 双击解压出的文件夹1529

    3. 双击文件夹中的“play.htm”,如下图:

     

    4. 左键点击下图中的黄条部分:

    5. 左键点击“允许阻止的内容”,如下图:

     

    ok,开始播放了

  • 使页面中的其他元素浮动在Flash上的方法

    通过添加"wmode"属性 

    <object>
         <param name="wmode" value="Opaque">
    </object>

    <embed wmode="Opaque">

     

    wmode

    属性/参数值:Window | Opaque | Transparent
    "Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。
    "Opaque" 使应用程序隐藏页面上位于它后面的所有内容。
    "Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

    说明:
    可用于embed/object标签,为可选标签。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。
    "Opaque" (windowless)和"Transparent" (windowless)都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。

  • Tab滥用造成的问题

    Tab虽然可以使页面盛放有更多内容,但有也有四个小缺点:

    1. 很多人并不知道把鼠标放在tab的title上就可以切换显示相关内容,所以打开页面的后如果第一眼没有看到感兴趣的内容时可能就会关闭页面;
    2. 如果使用的是onmourseover事件触发切换动作,很多情况下是用户无意中移动鼠标就导致内容切换,对于很多“傻瓜用户”就是比较麻烦的事,会让他困惑,不知道自己刚才看的内容去哪里了,不知道如何切换回去;
    3. tab切换压缩了页面的长度,但是页面中的实际内容确实页面所表现出来的n倍,如果一不小心添加了过多的图片或内容过于庞大,可能会导致页面数据量过大,影响用户打访问速度;
    4. 过多的tab使用户在一个页面上可以看完很多的内容,这时候可能会使每个用户访问的页面数变少,影响到网站的统计参数。

    另外推荐大家看看《Tabs, Used Right》http://www.useit.com/alertbox/tabs.html ,这是一篇关于tab使用禁忌的文章。

    即使是完美的东西,滥用也会造成负面影响,更何况世上本来就不存在完美。

  • 16种常用图片格式介绍 (z)

    总的来说,有两种截然不同的图像格式类型: 即有损压缩和无损压缩。

    1.有损压缩

      有损压缩可以减少图像在内存和磁盘中占用的空间,在屏幕上观看图像时,不会发现它对图像的外观产生太大的不利影响。因为人的眼睛对光线比较敏感,光线对景物的作用比颜色的作用更为重要,这就是有损压缩技术的基本依据。

       有损压缩的特点是保持颜色的逐渐变化,删除图像中颜色的突然变化。生物学中的大量实验证明,人类大脑会利用与附近最接近的颜色来填补所丢失的颜色。例 如,对于蓝色天空背景上的一朵白云,有损压缩的方法就是删除图像中景物边缘的某些颜色部分。当在·屏幕上看这幅图时,大脑会利用在景物上看到的颜色填补所 丢失的颜色部分。利用有损压缩技术,某些数据被有意地删除了,而被取消的数据也不再恢复。

      无可否认,利用有损压缩技术可以大大地压缩 文件的数据,但是会影响图像质量。如果使用了有损压缩的图像仅在屏幕上显示,可能对图像质量影响不太大,至少对于人类眼睛的识别程度来说区别不大。可是, 如果要把一幅经过有损压缩技术处理的图像用高分辨率打印机打印出来,那么图像质量就会有明显的受损痕迹。

    2.无损压缩

       无损压缩的基本原理是相同的颜色信息只需保存一次。压缩图像的软件首先会确定图像中哪些区域是相同的,哪些是不同的。包括了重复数据的图像(如蓝天) 就可以被压缩,只有蓝天的起始点和终结点需要被记录下来。但是蓝色可能还会有不同的深浅,天空有时也可能被树木、山峰或其他的对象掩盖,这些就需要另外记 录。从本质上看,无损压缩的方法可以删除一些重复数据,大大减少要在磁盘上保存的图像尺寸。但是,无损压缩的方法并不能减少图像的内存占用量,这是因为, 当从磁盘上读取图像时,软件又会把丢失的像素用适当的颜色信息填充进来。如果要减少图像占用内存的容量,就必须使用有损压缩方法。

      无 损压缩方法的优点是能够比较好地保存图像的质量,但是相对来说这种方法的压缩率比较低。但是,如果需要把图像用高分辨率的打印机打印出来,最好还是使用无 损压缩几乎所有的图像文件都采用各自简化的格式名作为文件扩展名。从扩展名就可知道这幅图像是按什么格式存储的,应该用什么样的软件去读/写等等。

    一、BMP图像文件格式

       BMP是一种与硬件设备无关的图像文件格式,使用非常广。它采用位映射存储格式,除了图像深度可选以外,不采用其他任何压缩,因此,BblP文件所占用 的空间很大。BMP文件的图像深度可选lbit、4bit、8bit及24bit。BMP文件存储数据时,图像的扫描方式是按从左到右、从下到上的顺序。

      由于BMP文件格式是Windows环境中交换与图有关的数据的一种标准,因此在Windows环境中运行的图形图像软件都支持BMP图像格式。

      典型的BMP图像文件由三部分组成:位图文件头数据结构,它包含BMP图像文件的类型、显示内容等信息;位图信息数据结构,它包含有BMP图像的宽、高、压缩方法,以及定义颜色等信息。

    二、 PCX图像文件格式

       PCX这种图像文件的形成是有一个发展过程的。最先的PCX雏形是出现在ZSOFT公司推出的名叫PC PAINBRUSH的用于绘画的商业软件包中。以后,微软公司将其移植到 Windows环境中,成为Windows系统中一个子功能。先在微软的Windows3.1中广泛应用,随着Windows的流行、升级,加之其强大的 图像处理能力,使PCX同GIF、TIFF、BMP图像文件格式一起,被越来越多的图形图像软件工具所支持,也越来越得到人们的重视。

      PCX是最早支持彩色图像的一种文件格式,现在最高可以支持256种彩色,如图4-25所示,显示256色的彩色图像。PCX设计者很有眼光地超前引入了彩色图像文件格式,使之成为现在非常流行的图像文件格式。

    PCX图像文件由文件头和实际图像数据构成。文件头由128字节组成,描述版本信息和图像显示设备的横向、纵向分辨率,以及调色板等信息:在实际图像数据中,表示图像数据类型和彩色类型。PCX图像文件中的数据都是用PCXREL技术压缩后的图像数据。

       PCX是PC机画笔的图像文件格式。PCX的图像深度可选为l、4、8bit。由于这种文件格式出现较早,它不支持真彩色。PCX文件采用RLE行程编 码,文件体中存放的是压缩后的图像数据。因此,将采集到的图像数据写成PCX文件格式时,要对其进行RLE编码:而读取一个PCX文件时首先要对其进行 RLE解码,才能进一步显示和处理。

    三、TIFF图像文件格式

     TIFF (TaglmageFileFormat)图像文件是由Aldus和Microsoft公司为桌上出版系统研制开发的一种较为通用的图像文件格式。 TIFF格式灵活易变,它又定义了四类不同的格式:TIFF-B适用于二值图像:TIFF-G适用于黑白灰度图像;TIFF-P适用于带调色板的彩色图 像:TIFF-R适用于RGB真彩图像。

      TIFF支持多种编码方法,其中包括RGB无压缩、RLE压缩及JPEG压缩等。

      TIFF是现存图像文件格式中最复杂的一种,它具有扩展性、方便性、可改性,可以提供给IBMPC等环境中运行、图像编辑程序。

      TIFF图像文件由三个数据结构组成,分别为文件头、一个或多个称为IFD的包含标记指针的目录以及数据本身。

       TIFF图像文件中的第一个数据结构称为图像文件头或IFH。这个结构是一个TIFF文件中唯一的、有固定位置的部分;IFD图像文件目录是一个字节长 度可变的信息块,Tag标记是TIFF文件的核心部分,在图像文件目录中定义了要用的所有图像参数,目录中的每一目录条目就包含图像的一个参数。

    四、 GIF文件格式

       GIF(Graphics Interchange Format)的原义是"图像互换格式",是CompuServe公司在 1987年开发的图像文件格式。GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目 前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。

      GIF图像文件的数据是经过压缩的,而且是采用了可变长度 等压缩算法。所以GIF的图像深度从lbit到8bit,也即GIF最多支持256种色彩的图像。GIF格式的另一个特点是其在一个GIF文件中可以存多 幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。

      GIF解码较快,因为采用隔行 存放的GIF图像,在边解码边显示的时候可分成四遍扫描。第一遍扫描虽然只显示了整个图像的八分之一,第二遍的扫描后也只显示了1/4,但这已经把整幅图 像的概貌显示出来了。在显示GIF图像时,隔行存放的图像会给您感觉到它的显示速度似乎要比其他图像快一些,这是隔行存放的优点。

    五、JPEG文件格式

       JPEG是joint Photographic Experts Group(联合图像专家组)的缩写,文件后辍名为".jpg"或".jpeg",是最常用的图像文件格式,由一个软件开发联合会组织制定,是一种有损压 缩格式,能够将图像压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤。尤其是使用过高的压缩比例,将使最终解压缩后 恢复的图像质量明显降低,如果追求高品质图像,不宜采用过高压缩比例。但是JPEG压缩技术十分先进,它用有损压缩方式去除冗余的图像数据,在获得极高的 压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像品质。而且 JPEG是一种很灵活的格式,具有调节图像质量的功能,允许用不同的压缩比例对文件进行压缩,支持多种压缩级别,压缩比率通常在10:1到40:1之间, 压缩比越大,品质就越低;相反地,压缩比越小,品质就越好。比如可以把1.37Mb的BMP位图文件压缩至20.3KB。当然也可以在图像质量和文件尺寸 之间找到平衡点。JPEG格式压缩的主要是高频信息,对色彩的信息保留较好,适合应用于互联网,可减少图像的传输时间,可以支持24bit真彩色,也普遍 应用于需要连续色调的图像。

      JPEG格式是目前网络上最流行的图像格式,是可以把文件压缩到最小的格式,在 Photoshop软件中以JPEG格式储存时,提供11级压缩级别,以0—10级表示。其中0级压缩比最高,图像品质最差。即使采用细节几乎无损的10 级质量保存时,压缩比也可达 5:1。以BMP格式保存时得到4.28MB图像文件,在采用JPG格式保存时,其文件仅为178KB,压缩比达到24:1。经过多次比较,采用第8级压 缩为存储空间与图像质量兼得的最佳比例。

      JPEG格式的应用非常广泛,特别是在网络和光盘读物上,都能找到它的身影。目前各类浏览器均支持JPEG这种图像格式,因为JPEG格式的文件尺寸较小,下载速度快。

       JPEG2000作为JPEG的升级版,其压缩率比JPEG高约30%左右,同时支持有损和无损压缩。JPEG2000格式有一个极其重要的特征在于它 能实现渐进传输,即先传输图像的轮廓,然后逐步传输数据,不断提高图像质量,让图像由朦胧到清晰显示。此外,JPEG2000还支持所谓的"感兴趣区域" 特性,可以任意指定影像上感兴趣区域的压缩质量,还可以选择指定的部分先解压缩。

      JPEG2000和JPEG相比优势明显,且向下兼容,因此可取代传统的JPEG格式。JPEG2000即可应用于传统的JPEG市场,如扫描仪、数码相机等,又可应用于新兴领域,如网路传输、无线通讯等等。

    六、TGA格式

       TGA格式(Tagged Graphics)是由美国Truevision公司为其显示卡开发的一种图像文件格式,文件后缀为".tga",已被国际上的图形、图像工业所接受。 TGA的结构比较简单,属于一种图形、图像数据的通用格式,在多媒体领域有很大影响,是计算机生成图像向电视转换的一种首选格式。

    TGA图像格式最大的特点是可以做出不规则形状的图形、图像文件,一般图形、图像文件都为四方形,若需要有圆形、菱形甚至是缕空的图像文件时,TGA可就派上用场了! TGA格式支持压缩,使用不失真的压缩算法。

    七、EXIF格式

      EXIF的格式是1994年富士公司提倡的数码相机图像文件格式,其实与JPEG格式相同,区别是除保存图像数据外,还能够存储摄影日期、使用光圈、快门、闪光灯数据等曝光资料和附带信息以及小尺寸图像。

    八、 FPX图像文件格式

       FPX图像文件格式(扩展名为fpx)是由柯达、微软、HP及Live PictureInc联合研制,并于1996年6月正式发表,FPX是一个拥有多重分辩率的影像格式,即影像被储存成一系列高低不同的分辩率,这种格式的 好处是当影像被放大时仍可维持影像的质素,另外,当修饰FPX影像时,只会处理被修饰的部分,不会把整幅影像一并处理,从而减小处理器及记忆体的负担,使 影像处理时间减少。

    九、SVG格式

      SVG是可缩放的矢量图形格式。它是一种开放标准的矢量图形语言,可任意放大图形显示,边缘异常清晰,文字在SVG图像中保留可编辑和可搜寻的状态,没有字体的限制,生成的文件很小,下载很快,十分适合用于设计高分辨率的Web图形页面。

    十、PSD文件格式

       这是Photoshop图像处理软件的专用文件格式,文件扩展名是.psd,可以支持图层、通道、蒙板和不同色彩模式的各种图像特征,是一种非压缩的原 始文件保存格式。扫描仪不能直接生成该种格式的文件。PSD文件有时容量会很大,但由于可以保留所有原始信息,在图像处理中对于尚未制作完成的图像,选用 PSD格式保存是最佳的选择。

    十一、CDR文件格式

      CDR格式是著名绘图软件CorelDRAW的专用图形文件格式。由于CorelDRAW是矢量图形绘制软件,所以CDR可以记录文件的属性、位置和分页等。但它在兼容度上比较差,所有CorelDraw应用程序中均能够使用,但其他图像编辑软件打不开此类文件。

    十二、PCD文件格式

       PCD是Kodak PhotoCD的缩写,文件扩展名是.pod,是Kodak开发的一种Photo CD文件格式,其他软件系统只能对其进行读取。该格式使用YCC色彩模式定义图像中的色彩。YCC和CIE色彩空间包含比显示器和打印设备的RGB色和 CMYK色多得多的色彩。PhotoCD图像大多具有非常高的质量。

    十三、DXF文件格式

      DXF是Drawing Exchange Format的缩写,扩展名是.dxf,是AutoCAD中的图形文件格式,它以ASCII方式储存图形,在表现图形的大小方面十分精确,可被CorelDraw和3DS等大型软件调用编辑。

    十四、UFO文件格式

      它是著名图像编辑软件Ulead Photolmapct的专用图像格式,能够完整地记录所有 Photolmapct处理过的图像属性。值得一提的是,UFO文件以对象来代替图层记录图像信息。

    十五、EPS文件格式

       EPS是Encapsulated Postscript的缩写,是跨平台的标准格式,扩展名在PC平台上是.eps,在Macintosh平台上是.epsf,主要用于矢量图像和光栅图像 的存储。EPS格式采用 Postscript语言进行描述,并且可以保存其他一些类型信息,例如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息和色调曲线等,因此EPS 格式常用于印刷或打印输出。Photoshop中的多个EPS格式选项可以实现印刷打印的综合控制,在某些情况下甚至优于TIFF格式。

    十六、PNG图像文件格式

       PNG(Portable Networf Graphics)的原名称为"可移植性网络图像",是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。由于PNG非常新,所以目前并不是所有的程序都可以用它来存储图像文件,但Photoshop可以 处理PNG图像文件,也可以用PNG图像文件格式存储。

     

  • javascript实现tab切换(三)[智能版]

    这段脚本的诞生,要隆重的感谢XB同志一下,他太天才了,赞一个先YesYes

    function findA(obj)
    {
             TagA=obj.getElementsByTagName("a");
             if (TagA.length>0)
             return TagA[0];
    }

    function findContentDIV(obj)
    {
            TagDiv=obj.childNodes;
            var arrDiv = new Array;
            for(i=0;i<TagDiv.length;i++)
            {
                    var objDiv = TagDiv[i];
                    var re = /div/i;
                    var arr = re.exec(objDiv.tagName);
                    if(arr != null)
                    {
                            if(arr.index == 0)
                            {
                                    arrDiv.push(objDiv);
                           }
                    }    
            }
            return arrDiv;
    }

    function chShift(o)
    {
            o.style.cursor="pointer";
            var t=o.parentNode;
            var tA=t.getElementsByTagName("a");   
            var tParent=t.parentNode;
            var tParentDIV=findContentDIV(tParent);
     
            for(i=0;i<tA.length;i++)
            { 
                    tA[i].className= null;   
                    tParentDIV[i].style.display="none";
                    if(tA[i]==findA(o))
                    {
                            tA[i].className="on";
                            tParentDIV[i].style.display="block";
                    }
            }
    }

    用法说明:

    这段智能脚本对页面中的HTML层级结构要求比较严格。必须遵从下列层次关系:

    <div>
            <ul>
                     <li onmouseover="javascript:chShift(this)">
                               <a class="on">Tab标题一</a>
                     </li>
                     <li onmouseover="javascript:chShift(this)">
                               <a>Tab标题二</a>
                     </li>
                     ……
                     <li onmouseover="javascript:chShift(this)">
                                <a>Tab标题n</a>
                     </li>
            </ul>
            <div>Tab标题一对应的内容</div>
            <div>Tab标题二对应的内容</div>
            ……
            <div>Tab标题二对应的内容</div>
    </div>

    如果HTML的层级发生了变化,代码重要做出相应的修改。

    部分CSS:

    ul
    {
     margin:0;
     padding:0;
     list-style-type:none;
     height:24px;
    }
    ul li
    {
     float:left;
     display:inline;
    }
    ul a
    {
     text-decoration: none;
     border-top:1px solid #ddd;
     border-bottom:1px solid #ccc;  
     border-left:1px solid #ddd;
     border-right:1px solid #ddd;
     display: block;
     padding: 5px 0 3px;
     margin-left:-1px;
     width:258px;
     font-weight: bold;
     text-align:center;
     line-height:15px;
     color: #11449E;
    }

    a.on,a:hover

     padding-top: 6px;
     padding-bottom:3px;
     width:259px;
     border: 1px solid #ccc;
     border-bottom: 0;
     background:#DEEBFF;
    }

    优点:无须设置任何参数,无序设置任何ID,使用方便。

    缺点:对HTML代码的层级要求严格。

    该脚本在ie6、ff1.5下测试通过。

    开心一下Big Smile,有了这段脚本不用再担心bt的页面了,即使有几十组的tab切换也不用烦心的去设置参数了。

    参考页面:http://gongcheng.studyez.com/

  • 用javascript实现tab切换(二)

    javascript部分 

    <script language="javascript" type="text/javascript"> 
    //tab切换
    //参数解释:o ---当前Tab的ID尾部数字;min  ---本组起始Tab的ID尾部数字;man  ---本组终止Tab的ID尾部数字;
      function chShift(o,min,max)
      {
       var o=o;
       var n=max;
       var m=min;
       var onTitle="t"+ o;
       var onContent="c"+o;
       var onTitle = document.getElementById(onTitle);
       var onContent = document.getElementById(onContent);
               
       onTitle.className="on";
       onContent.style.display="block";
               
       for(var i=m;i<=n;i++)
       {
        t ="t"+i;
        c="c"+i;
        tid = document.getElementById(t);
        cid = document.getElementById(c);
        if(tid != onTitle)
        {
          tid.className= null;
          cid.style.display="none";
        }
       }
      }
    </script>

    HTML部分

    <ul class="TabTitle">
          <li><a class="on" id="t1" onmouseover="javascript:chShift(1,1,2)" style="margin: 0px" onfocus="this.blur()" >学易资讯</a> </li>
          <li><a id="t2" onmouseover="javascript:chShift(2,1,2)" onfocus="this.blur()">招考动态</a> </li>
    </ul>

    <div class="TabContent" id="c1"><!--第一块内容--></div>

    <div class="TabContent" id="c2" style="display: none;"><!--第二块内容--></div>

    部分CSS

    ul.TabTitle
    {
     margin:0;
     padding:0;
     list-style-type:none;
     height:24px;
    }
    ul.TabTitle li
    {
     float:left;
     display:inline;
    }
    ul.TabTitle a
    {
     text-decoration: none;
     border-top:1px solid #ddd;
     border-bottom:1px solid #ccc;  
     border-left:1px solid #ddd;
     border-right:1px solid #ddd;
     display: block;
     padding: 5px 0 3px;
     margin-left:-1px;
     width:258px;
     font-weight: bold;
     text-align:center;
     line-height:15px;
     color: #11449E;
    }

    .TabTitle a.on,.TabTitle a:hover

     padding-top: 6px;
     padding-bottom:3px;
     width:259px;
     border: 1px solid #ccc;
     border-bottom: 0;
     background:#DEEBFF;
    }

    效果参见:http://gongwuyuan.studyez.com/

  • 《学易》作者:陆游

    学古忘衰疾,斋心洗昨非。

    拳拳奉天理,坦坦息心机。

    改过先幽隐,收功在细微。

    耄期犹自警,俯仰惜余晖。

  • 使用CSS你需要知道的十件事[推荐]

    很好的文章,写出了使用CSS的真谛。

    (The Only) Ten Things To Know About CSS

    1. The Point of CSS is to use clean, simple HTML in your page, then write CSS “rules” that style the objects on your page. The page stays clean and looks cool, and your HTML page works on both mobile devices and regular browsers. That’s the point of CSS.
      But The Art of CSS is quickly and easily referring to the right objects in your page from your CSS rules. The act of matching CSS rules to HTML tags is like a conversation: both sides need to be clear and in sync with each other, or they’ll talk over each other and you’ll get a headache from all the yelling.
    2. General or Specific Matching: suppose you want to style an <h1> header in your page. You can choose how general or specific your style is applied:
      • to style all <h1> tags, use css rule h1 {…
      • to style all tags in a certain place, e.g. for <b>’s inside <p> tags, use css rule p b {…
      • to style all <h1> headers of a certain kind, add class=”myheader” to the <h1> tags you want to style, and use css rule .myheader {…
      • to style just one <h1> header, add id=”myheader” to the <h1> tag you want to style, and use css rule #myheader {…
      • You can combine the above rules in different ways, too;
        to style all <h1> tags of type "barleymash" inside of forms of type "magicform", use css rule form.magicform h1.barleymash {…
    3. Target acquired: Because getting the matching rules wrong can waste so much time, use this trick: until your rule is for sure matching up, don’t use any CSS properties other than color: red; It’s quick to type and easy to spot. As soon as you see the text go red in your HTML page, you know your rule is matching. Then and only then, now that you know your rule is matching the right part of your document, then delete color: red; and write your rule. EZ. 
    4. Master the patented JM3 Gasbag Model: a CSS layout is like a big bag of objects. each of those objects can exert forces (Think gas jets. Like your layout is farting at you.) Mostly the forces “push” out (margins, padding, and float are all properties that “push” objects around.) By altering CSS rules, you adjust the forces. Viewing your page in a browser just shakes the bag, and things will settle where the forces direct them. This is the secret of CSS - manage the forces, and the objects will balance. Fight the forces, apply too many properties at once, all fighting against each other and your objects will jostle around, poking holes in the bag and in each other, and your page will leak all over the place. No fun.
      Gasbag Example 1: to center something, set margin-left: auto; and margin-right: auto; This works because you balance the opposing forces on the left and right, so the element is held perfectly centered like a ball held between two magnets
    5. Gasface Corollary 1: the JM3 Gasbag Model only applies when using the default CSS rules of “relative” positioning. It’s also possible to use something called “absolute” positioning, where you position each little box by giving it specific coordinates. don’t do this. it will take you a long time and your layout will look terrible if the amount of text or graphics ever changes. Only weird print designers use this :-) 
    6. Rule A - Divs and Spans: The lingua franca of CSS are two tags called <div> and <span>. Neither <div> nor <span> tags have a default appearance; other than the fact that <div>’s are boxes and <span>’s are “inline” within text, they’re just generic tags for applying styles to.
    7. Rule B - Divs are boxes, <span>s are text: <div>s are boxes, and have height, width, and alignment that you can can play with. By default, the height of a <div> is the height of its contents (text or images or other <div>s)
      <span>s are for “markup” within text. these are called “inline” elements, because they only make sense “in a line” of text.” Tags like bold (b), italic (i), underline (u) etc. are all <span> / inline elements.
      Don’t use <div>s (boxes) to markup text, and don’t use <span>s for boxes, and your layout will go much easier.
    8. Global, Local, or Intimate: you can apply CSS properties at three levels: across multiple HTML pages (via a file named something.css), on a single page (in a style block), or to a specific tag within a page (via the style=”…” attribute within a tag). When you FINISH a layout, it’s good to move all your CSS code into a separate CSS file so you can share it globally. But while you develop and test your code, it’s easier to just put the CSS rules in a style block inside the HTML page - then you’re not switching back and forth between two files as you’re write the code.
    9. Keep it clean: writing clean HTML these days is really easy. But even people who consider them self e1337 CSS HAX0Rs often don’t write very clean, efficient CSS. Efficiency doesn’t make the page load faster, it just makes your code easier to work on.
      Three tips:
      1. condense rules like (font-family, font-size) or (margin-left, margin-right) into single-line rules: margin: 0px 10px 10px 10px;
      2. stack your classes: no one EVER uses this trick; you can apply as many css classes to a single tag as you want, just put spaces between the names, like <h1 class=”exciting warning”> will apply both the class exciting AND the class warning. this saves TONS of duplication in your CSS. (i don’t know why no one uses this trick. it’s great. when you see someone’s stylesheet that has dozens of lines like:
        .redtext {
        font-family: Arial, Helvetica, sans-serif;
        color: red;
        }
        .bluetext {
        font-family: Arial, Helvetica, sans-serif;
        color: blue;
        },
        that's a sign that they probably don't know this trick. 
      3. use commas to apply the same CSS rule to many HTML tags at once: p, b, i {… will apply the … style to paragraphs, bold, and italic text in one line.
    10. Hacks are stupid. You don’t need them. Many CSS tutorials teach that to make a page work in multiple browsers, that you need to learn various “CSS hacks”. All this stuff is crap. You don’t need any of it.

       
    发表于 六月 25 2007, 07:37 下午 作者 vicwity with 1 comment(s)
    标签:
  • table与div的困惑

    web标准推出时,讨论了很多使用<div>替代旧式的<table>布局。有些极端的人会提倡页面中不要有<table>,还有很多人去写各种各样使用非table标签来表现表格样式的东西。这些人把web标准发挥到了极致,可是却忽略了web标准的本意。

    web标准其中有很大部分都是在说结构、样式、数据的分离,页面代码的结构要有层次,页面代码能反映内容的逻辑关系,代码的易读性。

    《网站重构》一书分析了使用DIV+CSS布局优于TABLE布局的原因,一是使用DIV+CSS能更好的表现页面结构,二是使用DIV+CSS使页面代码更易读,且可以减少页面文件大小。书中提到使用DIV+CSS布局的页面比使用table布局的页面,页面大小可以减少30%。

    其实这个真正实践中可能达不到这个数字,这句话精确的应该这样说:一个良好的使用DIV+CSS布局的网站,比一个糟糕的使用table的网站,页面文件的大小总量可以减少30%左右。

    做到这个良好实在是不容易,要清楚内容的逻辑关系、精通CSS+XHTML、做到样式共用的极大化。

    刻意使用DIV+CSS来做表格实际上是很辛苦的,如果加上CSS那部分的话,其实代码并不算简洁,结构也得不到太大的改善。而且为了做到通用性,往往还需要添加一些CSShack,无形中使得代码变得更加复杂。

    在表现表格式数据的时候,使用表格会事半功倍。也能节约很多时间。

    这两天觉得在做2列多行的表单的时候,适用表格更加方便。特别是表现宽度不一定、表头右对齐、输入框左对齐的时候,使用表格会快很多。而且XHTML对表格的标签也有一些优化,添加了一些结构性的标签如<th>,这样使用CSS定义的时候也可以省很多事,不用给每个<td>定义CLASS,可以直接用th来定义表头的样式,页面代码看起来也很干净。

    <table>还有一个长项,就是单元格内的内容垂直居中,特别是外围容器的高度已知,单元格内的内容高度不定时,垂直居中显得格外神奇。目前的版本使用DIV+CSS来实现此功能恐怕不得不借助javascript了。

    与页面相关的工种(无论是页面制作还是页面绑定),如果不会手写table,不知道table系列标签的用法,都不能算合格,至少在基本功上还是需要下下功夫的。

    遵循web标准的核心“结构、样式、数据的分离”,正确的使用table和div!

  • UI也应该懂点程序

    今天忽然觉得称职的UI也应该懂点程序的,不要求会写代码,但至少知道可以怎样实现某些功能。

    特别是有较多的交互操作、逻辑关系比较复杂时。如果页面流程没有设计好,会给程序员带来很大的麻烦。也会造成不好的用户体验。

    这次就有点失败,设计页面流程时有些问题考虑的太简单了。结果给别人带来了一些麻烦。

    设计一个好看的东西不是很难,设计一个大多数人觉得好用的东西就太难了。

    需要学的东西太多了。

  • 眼镜与演唱会

     

    “戴XX眼镜,看张学友演唱会”觉得他的这句广告词挺逗的。

  • How the Z-index Attribute Works for HTML Elements

    There are many ways to classify elements on a Web page. For the purposes of this article and the z-index attribute, we can divide them into two categories: windowed and windowless.

    Windowed Elements

    loadTOCNode(3, 'summary');
    <OBJECT> tag elements
    ActiveX controls
    Plug-ins
    Dynamic HTML (DHTML) Scriptlets
    SELECT elements
    IFRAMEs in Internet Explorer 5.01 and earlier
    NOTE ActiveX controls are implemented as windowless and actually fall into the windowless category. By default, Microsoft Visual Basic and Microsoft Foundation Class (MFC) controls are windowed, but Active Template Library (ATL) controls are windowless.

    Windowless Elements

    loadTOCNode(3, 'summary');
    Windowless ActiveX controls
    IFRAMEs in Internet Explorer 5.5 and later
    Most DHTML elements, such as hyperlinks or tables

    MORE INFORMATION

    loadTOCNode(1, 'moreinformation');
    All windowed elements paint themselves on top of all windowless elements, despite the wishes of their container. However, windowed elements do follow the z-index attribute with respect to each other, just as windowless elements follow the z-index attribute with respect to each other.

    All windowless elements are rendered on the same MSHTML plane, and windowed elements draw on a separate MSHTML plane. You can use z-index to manipulate elements on the same plane but not to mix and match with elements in different planes. You can rearrange the z-indexing of the elements on each plane, but the windowed plane always draws on the top of the windowless plane.

    -----------------------------------------------------------------------------------------------------------------------------------------------------

    z-index 指定当两个或多个元素占据同一区域时应该按什么顺序绘制元素。只要您需要在文档中使用覆盖其他元素的绝对位置或相对位置的元素,设置 z-index 就能派上用场。有关绝对定位或相对定位的详细信息,请访问在答案最后的链接。正 z-index 值位于负(或更小的值)z-index 的上面。具有相同 z-index 值的两个对象根据源顺序堆叠。如果元素的 z-index 为正值,则位于没有定义 z-index 的文本之上,如果元素的 z-index 为负值,则位于之下。那么,为什么设置选择元素的 z-index 属性没有效果呢?显然,这里还有其他问题。这里所说的“其他问题”是指,元素并不都是平等创建的。

    现在,进入正题,我们首先将 Web 元素分为两类:窗口化元素和无窗口元素。

    窗口化元素:

    SELECT 元素。

    <OBJECT> 标记元素。

    Microsoft ActiveX 控件。

    插件。

    动态 HTML (DHTML) 脚本小程序。

    Microsoft Internet Explorer 5.01 和更低版本中的 IFRAME。

    无窗口元素:

    大多数 DHTML 元素,例如超级链接或表。

    无窗口 ActiveX 控件。

    Internet Explorer 5.5 和更高版本中的 IFRAME。

    所有窗口化元素将自身绘制在无窗口元素的上面,因为无窗口元素都绘制在同一窗口上,如果要看到窗口化元素,无窗口元素就必须绘制在底部。

    但是,窗口化元素会遵循彼此相关的 z-index 属性,就像无窗口元素遵循彼此相关的 z-index 属性那样。原因在于,无窗口元素和窗口化元素绘制在不同的 MSHTML 平面上。您可以使用 z-index 来控制同一平面上的元素,但不要混合和匹配不同平面中的元素。您可以重新安排每个平面上的元素的 z-index 属性设置,但窗口化平面始终绘制在无窗口平面的上面。

    这是设计所决定的。解决窗口化元素绘制在无窗口元素上面这一问题的最佳方式是,通过脚本隐藏选择元素,就像您已经发现的那样:

    select1.style.display="none"; or
    select1.style.visibility="hidden";
    

    您可以使用 ASP 中的包含文件封装隐藏层的脚本,来减少维护工作。

    第二种方法是,将另一个窗口化元素与选择元素一起使用,这样,z-index 属性就由这两个元素共同决定,因为它们都是窗口化元素。还可以编写实现选择元素的无窗口 ActiveX 控件,但此控件需要在客户端上安装。

    发表于 三月 20 2007, 10:01 下午 作者 vicwity with 1 comment(s)
    标签:
  • 刚看完《生日快乐》

    刘若英、古天乐演的。

    一个伤感的故事。又一次证明了在失去的时候才会想到去珍惜。

  • 学易语录(三)

    午休时大家讨论到关于中国男女比例失衡的问题,为了更好的解决男多女少的问题,北京分公司来的WG同志提出了两点很具有建设性的意见:

    一、大力提倡反腐败,打击贪官。(因为贪官往往都会包n个二奶,占用了本来就很有限的资源)

    二、反对女性同性恋,适当的提倡男性同性恋。

    ……

  • 用户体验(易用性)测试方法

    三篇介绍易用性测试的文章。国外至少在2000年就开始研究用户易用性的问题了,可是中国……太落后了,看来以后还要多看看国外的资料啊,不能偷懒啊~!

    Jakob Nielsen's Alertbox, January 21, 2001:

    Usability Metrics

    Summary:
    Although measuring usability can cost four times as much as conducting qualitative studies (which often generate better insight), metrics are sometimes worth the expense. Among other things, metrics can help managers track design progress and support decisions about when to release a product.

    Usability can be measured, but it rarely is. The reason? Metrics are expensive and are a poor use of typically scarce usability resources.

    Most companies still under-invest in usability. With a small budget, you're far better off passing on quantitative measures and reaching for the low-hanging fruit of qualitative methods, which provide a much better return on investment. Generally, to improve a design, insight is better than numbers.

    However, the tide might be turning on usability funding. I've recently worked on several projects to establish formal usability metrics in different companies. As organizations increase their usability investments, collecting actual measurements is a natural next step and does provide benefits. In general, usability metrics let you:

    • Track progress between releases. You cannot fine-tune your methodology unless you know how well you're doing.
    • Assess your competitive position. Are you better or worse than other companies? Where are you better or worse?
    • Make a Stop/Go decision before launch. Is the design good enough to release to an unsuspecting world?
    • Create bonus plans for design managers and higher-level executives. For example, you can determine bonus amounts for development project leaders based on how many customer-support calls or emails their products generated during the year.

    How to Measure

    It is easy to specify usability metrics, but hard to collect them. Typically, usability is measured relative to users' performance on a given set of test tasks. The most basic measures are based on the definition of usability as a quality metric:

    • success rate (whether users can perform the task at all),
    • the time a task requires,
    • the error rate, and
    • users' subjective satisfaction.

    It is also possible to collect more specific metrics, such as the percentage of time that users follow an optimal navigation path or the number of times they need to backtrack.

    You can collect usability metrics for both