2Guy's Blog

某网站的可用性评估

Author:
by： linkto
Date:
28. February 2009 13:34
Tagged in:
Comments:
0
前段时间应公司要求写了份对某网站的可用性评估报告（为了便于表达，下面用brand太表示），第一次真正的动手写这方面的内容，过程挺痛苦，不过至少最后还是坚持完成了，这点还是值得表扬的，呵呵。 我们无法确定用户是如何来到网站的，可能是搜索引擎，也可能是某网站的友情链接。但是有一点我们是可以确定的，用户都很忙，他们没有时间仔细的浏览页面的样式，他们关心的仅仅是内容，如果想留住他们，最好方式就是最大化的呈现 “他们想要看的那些东西”。brand是一个品牌折扣的购物网站，“品牌”“折扣”“购物”这三点在页面上必须要时刻突出。每一个页面都应该相互串通起来，让用户在任何一个页面都可以来去自如。 首页: 1....
[More]

CSS Hack:区分不同浏览器

Author:
by： linkto
Date:
27. February 2009 16:40
Tagged in:
Comments:
0
1.仅区别IE6 1) body            {                                color:green;   &nb...
[More]

实现文本替换的4种方法

Author:
by： linkto
Date:
27. February 2009 09:46
Tagged in:
Comments:
1
系统默认的字体实在太少了，大部分情况还是可以将就着使用的，可是特别情况下，我们还是希望能用更漂亮的方式显示内容。下面我介绍4种替换文本的方法，如果有用，大家可以选择的应用到项目中。对字体有兴趣的朋友可以读下这篇谈谈网页设计中的字体应用 (4) 实战应用篇·下 1.背景图片替换 这是我们这个例子中的html代码：<h1>Image Replacement</h1> <p>There are almost as many techniques for image replacement as there are web developers. The co...
[More]

我们必须知道的img标签

Author:
by： linkto
Date:
26. February 2009 14:37
Tagged in:
Comments:
1
在制作页面时，我们无可避免要使用到img标签，可是我们是否真正了解了这个看似熟悉的朋友呢？会用只是开始，要用的好才重要。如果你像我一样再次开始学习html，那么就让我们从img开始吧。 下面是我看了W3C对img标签的解释 和精通html总结的，如果有欠考虑的地方，欢迎大家批评。 img标签用来在页面中包含一幅图片，它是自结束元素，通常写为：<img src="image.jpg"  /> 此标签包含几个属性，src属性是必须的，用来指定所要显示的图片，通常是个URL或图片名称。 img标签可以指定图像的高和宽，单位是像素，在html中的形式是：width="100"/h...
[More]

设计过程中需要的注意事项（持续添加中）

Author:
by： linkto
Date:
25. February 2009 21:03
Tagged in:
Comments:
0
不要向用户提供无意义的信息，如：系统出现某错误、表单提交失败。要想用户解释这个问题，并为用户指明出错的位置，如果有解决方法也需要告诉用户； 不要让用户自己选择输入方式。如：需要用户提供出生日期时，用××年××月××日比一个文本框更适合； 保持信息简短。只把必须的内容放到页面上，并用最简洁语言描述； 及时反馈。用户的任何行为都应该及时作出相应的反馈； 提供404错误页面。为用户提供离开此错误页面的相应链接； 不要让用户做同样的事情，如：如果用户不得不离开未完成的表单，要确保用户再次进入该页面时，保留除密码之外所有之前已填好的信息； 关注内容的意义，只有在确保内容完整的情况下才能考虑样...
[More]

表单 Form（二）

Author:
by： linkto
Date:
25. February 2009 17:41
Tagged in:
Comments:
0
（内容节选至Art_Science_Of_CSS_Giveaway，我这里只是按自己的理解来整理，有兴趣的同学可以去看这本书） 样式化legend和fieldset 所有浏览器中legend都有默认的padding，而不同浏览器的默认值也不同。为了让legend与label垂直对齐，我们把padding值设为0； legend        {            margin-left:1em; &nb...
[More]

表单 Form （一）

Author:
by： linkto
Date:
24. February 2009 14:44
Tagged in:
Comments:
0
有做过网站的朋友应该对表单都不陌生，创建表单很容易，但是要制作真正好的表单却很难。所谓好的表单不是只那些外观好看的，只有好用的表单才是最重要的。很多喜欢设计的朋友可能会陷入表单外观的问题上，努力为用户提供大方、简洁的表单，这很好，可是设计的最重要原则应该是：好用。只有在确信表单不会带来任何不便时才能开始考虑外观。当然，如果用户不需要这表单就能很好的完成所关注的任务，那么我们应该毫不犹豫的整个去掉它，呵呵，这不是我们这里需要关注了，对这有兴趣的朋友可以看看：Don't Make Me Think。这里我介绍的是关于表单的内容，有兴趣的朋友和我一起体会下吧。 （内容节选至Art_Science_O...
[More]

设计页面的打印样式

Author:
by： linkto
Date:
23. February 2009 20:01
Tagged in:
Comments:
0
浏览器和纸在显示内容上有很大区别：链接在纸上将不能点击、纸页的文字是固定尺寸、篇幅长的内容将会分页显示等等。所以很有必要为网站的页面提供打印样式。 下面是3列布局的html代码：<div id="wrap"> <div id="hd"> <div id="logo">logo</div> <div id="mainNv">Main Nav</div> </div> <div id="bd"> ...
[More]

学习高级的JavaScript -14 奖励:function length

Author:
by： sliuqin
Date:
13. February 2009 14:42
Tagged in:
Comments:
0
1.函数的length 属性是如何工作的？ 1:  2: test_function_length: function() 3: { 4: function fn1() { }; 5: function fn2(name) { }; 6: YAHOO.util.Assert.areEqual(fn1.length, 0...
[More]

学习高级的JavaScript -13 强制函数上下文

Author:
by： sliuqin
Date:
13. February 2009 11:50
Tagged in:
Comments:
0
1. 当我们试图将对象的一个方法绑定到click事件时会发生什么？ 1: test_object_function: function() 2: { 3: var obj = 4: { 5: button: function() 6: { 7: this.clicked = true; 8: } 9: } ...
[More]

Powered by BlogEngine.NET 1.4.5.0
Theme by Linkto