兼容并受

大UE？小UE？泛UE！

我提出一种叫做“泛ue”的说法。泛ue：不仅仅是体现在技术层面上的用户体验，更包括了以网站为依托继而产生的人与人之间的交流。例如B2C网站的物流、售后售前服务等等。

今日在网上搜索ue类的文章，看到了一篇题目叫做《大UE？小UE？》的文章，地址在这里：点击浏览

看完了之后有一些自己的看法：

阅读全文…

2008年12月20日11:42

分类: 用户体验与互动

标签: 大ue, 小ue, 泛ue, 用户体验

340 views | 没有评论

网站可用性笔记：web设计一直延续到现在都没有解决的问题

有研究人员发现，现在web有八个问题存在多年，在今天依然困扰着浏览者。看了这篇文章想写写自己的感想。因为最近遇到了这其中的一两个问题，还算“深受其害”。
尽管这些问题已经不再重要：因为技术的进步和用户对互联网的理解以及使用越来越纵容或者说被迫养成了自己的习惯，但是用户体验也要注意细节。
网站的可用性在用户体验体系中，是隶属于最上层：表现层的，用户第一眼看到的部分，所以也要更加注意。

问题如下：
● 访问之后的连接颜色不变
这个问题好像已经不那么重要了。网站的css中都会专门的写好连接的颜色，hover的，visited的，所以我也没什么好说的。如果连这个都不写的话，
那公司的网页制作人员可以回家看孩子了，哈哈。我有一个例子是关于这个访问之后连接颜色的，let me show you.

我访问过下面的这个公司名称吗？显然没有。但是全屏幕的这个颜色让我怀疑自己的记忆力很有问题，他们好像就在嘲笑我的记忆力。你能看出来这是那个网站对吧？
● 后退按钮不起作用

阅读全文…

2008年12月20日09:50

分类: 用户体验与互动

标签:

720 views | 2 条评论

一侧固定，另一侧自适应css+div写法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .left_div{ float:left; margin-right:-220px; width:100%} .in_left{ margin-right:220px; background:#ccc; font:bold 24px/250px verdana; color:#072d84} .right_div{ float:right; background:#6699FF; width:216px; font:bold 16px/500px verdana; vertical-align:top} </style> </head> <body> <div class="left_div"> <div class="in_left">What's up, my man?</div> </div> <div class="right_div">555555</div> </body> </html>

提示：你可以先修改部分代码再运行。

2008年12月20日00:30

分类: web标准化

标签: web标准化, 一侧固定, 兼容, 宽度, 自适应

466 views | 没有评论

css中的>还有

>在css中表示紧跟前面的属性的东东，意即第一层。
怎么说呢，举个例子：

提示：你可以先修改部分代码再运行。

color_div中的p的文字会显示红色，下面的div中的p就不会显示了。>p决定了该p只跟前面的color_div

嗯，也就是说，层次问题。color_div之后的第一层的p。这下很清晰了。

———————————————————————————————————–

只用于ie浏览器，以保证ie与ff中页面一致，兼容性。

提示：你可以先修改部分代码再运行。

这个例子，在FF中，文字将是红色的，在ie中文字是灰色的。

2008年12月20日00:28

分类: web标准化

标签: div >

246 views | 没有评论

三列布局，两侧宽度固定，中间自适应的div+css写法，兼容ff,ie7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>两侧固定宽度，中间自适应</title> <style> </style> </head> <body> <div style=" float:right; background:#ccc;width:100px;">right</div> <div style=" float:left; background:#f2f2f2;width:150px;">left</div> <div style=" margin: 0 110px 0 160px; background:#e20002">center</div> </body> </html>

提示：你可以先修改部分代码再运行。

注意三个div的顺序。

2008年12月19日23:40

分类: web标准化

标签: web标准化, 三列, 中间, 兼容, 固定, 自适应

784 views | 没有评论

鼠标移动变色效果。可作新闻列表和搜索结果列表用。ie ff兼容

鼠标移动到每一行上面，这一行的所有元素都在变色。
以前看到有人用js实现，突然间想起来css子就可以做到了，写一个伪类就好了。

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>列表变色</title> <style> .color{ background:#333; color:#fff; padding:5px; padding-left:15px; border-bottom:1px solid #000} .color span{ color:#666; float:right; margin-right:10px; margin-left:10px} .color li a{ color:#fff; text-decoration:underline; padding-left:10px} .color:hover{ background:#666; color:#fff} .color:hover span{ background:#666; color:#fff} </style> </head> <body style=" background:#f2f2f2"> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> <div class="color"><span>2008-10-2</span><li><a href="#">新闻列表一</a></li></div> </body> </html>

提示：你可以先修改部分代码再运行。

2008年12月19日23:33

分类: web标准化

标签: ff，鼠标, ie, 兼容, 变色, 移动

655 views | 2 条评论

兼容并受

大UE？小UE？泛UE！

网站可用性笔记：web设计一直延续到现在都没有解决的问题

推荐两个很不错的百度知道类的英文的网站

一侧固定，另一侧自适应css+div写法。

css中的>还有

三列布局，两侧宽度固定，中间自适应的div+css写法，兼容ff,ie7

鼠标移动变色效果。可作新闻列表和搜索结果列表用。ie ff兼容

分类目录

最近文章

一堆标签

链接

Bookmarks