Web&设计Design分类的最新日记
用户应该有哪些权利？在系统设计中，设计/架构师处于顶层，而用户往往位于底层（应用实践），对于系统的了解程度而言也仅限于使用。所以有人认为用户体验和知情权是相矛盾的，用户只需知道他所进行的操作足以，至于"是什么"，"为什么"之类的问题完全不需考虑，但是这样和"盲人瞎马"又有何异？用户对系统的熟悉程度不一，应用操作中他们常常会遇到这样那样的问题（尤其是初级用户），于是积极型的一部分（约30%）采取咨询（如果在恰当之处留有电话或者邮箱等联系方式的话，采取电话方式的又会占据其中的80%以上），大部分在简单尝试之后就会放弃了。这种带来茫然无助感导致放弃的体验显然是非人性化的。我认为用户应该具有一定的知情权，因为在生活中，我们也是用户，只有切身体验才会带来的换位思考。
昨天中午1：00整，新站终于发布了，邀请了两位同事帮忙测试，本以为应该不会存在什么问题，毕竟CSS+DIV改版已经不是第一次了，以往都很顺利，这回却漏了不少文件，比如HTML背景图片了，切换图片的Flash等等。此外，同事还帮忙发现了许多固有的问题，比如断链，内容错误等。内容太久没有更新了，自从2004年以来，错漏是难免的。当然主要的问题还是得自己出马：
最初是某个同事提出希望在网页email地址中增加一些功能，例如自带邮件标题等功能，以区别垃圾邮件。这个实现起来很简单，就是加上?body=""就可以了：
<a href="mailto:yy@mail.cn?Subject=主题&bc=其他邮件地址&bcc=密送其他邮件地址&body=邮件内容">mail</a>
后来无意中发现原来用ASCII码替代邮件地址还可以起到防护的作用。总的来说防护小招有三种：
对于CSS、JS在不同浏览器的兼容问题，我们已经讨论过很多次，上一篇名为"兼容IE6，IE7和firefox的菜单"的文中提到过菜单对不同浏览器的兼容问题，除了浏览器对css属性标签识别的差异外，还有个实质性的问题，就是菜单和其他div层重叠问题。文中我们最后通过设置不同div层的z-index属性（注意，两个比较的单位必须有一个是absolute属性）解决了此问题。接下来是js图片翻转特效的浏览器兼容问题。
需求使然，需要实现图片翻转特效 ，类似诸多大型网站上滚动的图片新闻。大凡特效，JS一般都可实现，而且用JS，却酷似Flash，非常绚。记得以前做过的小东西，直接拿来用了。
为了实现某种菜单效果，已经忙碌了好多天，依旧存在一些问题没有解决。菜单样式如下：
通常人们使用hacker，如下：
#example { background: red; } /* Moz FF */
* html #example { background: green; } /* IE6 */
*+html #example { background: yellow; } /* IE7 */
前些日子设计站点时，看到了一些斜角菜单的导航形式，如Indiana University Library .等少数国外站，但是大概查看一下代码，多为js实现，害怕兼容问题，没有使用。不过如今，利用纯CSS也可以实现斜角菜单了。关键在于倾斜的平行四边会造成首尾两个按钮的重合区，因此设置背景就是重点。设定时需固定li a 的宽度为单个倾斜四边形的宽度。然后使用相对加绝度定位调节他们相互的距离。让他们首尾有重叠区域。也就是切图时候拉开，定义时候拉近，很简单的思路。这样背景需要用到通明gif 或者png，才会放置重叠区域相互遮挡效果还是很绚的。
效果图. :
本想做个select option框完全隐身的效果，查找了诸多资料，结果发现《网页设计专家门诊》上的方法最为可行，也就是做两个层，下面的为设定的select选项框，而上面的层设定width和height小于select框，相当于作图中的遮罩，则可以做到将select框的上下左右边框隐藏，但是下拉框的箭头就不行了－－即如要达到"隐身"的效果几乎是不可能的。无奈，CSS一旦碰到win的组建，简直就是秀才与兵～
问题还是需要解决，设计效果需要尽最大的力量来实现，如果不行则修改设计方案，这是后话了。重新审视问题后发现，需求是实现"下拉框隐身的效果"，并非是"让下拉框隐身"，那么同样的效果则可以有不同的方式，其中使用CSS下拉菜单是最简单和最可行的。