Caker, Web developer,Beijing,China.

My projects

media of css

<LINK>标记也有一个可选的MEDIA属性,用于指定样式表被接受的介质或媒体。允许的值有

screen (缺省值),提交到计算机屏幕;
print, 输出到打印机;
projection,提交到投影机;
aural,扬声器;
braille,提交到凸字触觉感知设备;
tty,电传打字机 (使用固定的字体);
tv,电视机;
all,所有输出设备。

样的媒体通过用逗号隔开的列表或值all指定。

Tags:

Filed under:default

网站成功的26条

250定律,拉德认为:每一位顾客身后,大体有250名亲朋好友。

如果您赢得了一位顾客的好感,就意味着赢得了250个人的好感;反之,如果你得罪了一名顾客,也就意味着得罪了250 名顾客。在你的网站访客中,一个访客可能可以带来一群访客,任何网站都有起步和发展的过程,这个过程中此定律尤其重要。

达维多定律 -达维多认为,一个企业要想在市场上总是占据主导地位,那么就要做到第一个开发出新产品,又第一个淘汰自己的老产品。

国内网站跟风太严重,比如前段时间的格子网,乞讨网,博客网,一个成功了,大家一拥而上。但实际效果是,第一个出名的往往最成功,所以在网站的定位上,要动自己的脑筋,不是去捡人家剩下的客户。同理,买人家出售的数据来建站效果是很糟糕的。

木桶定律 -水桶定律是指,一只水桶能装多少水,完全取决于它最短的那块木板。

这就是说任何一个组织都可能面临的一个共同问题,即构成组织的各个部分往往决定了整个组织的水平。 注意审视自己的网站,是速度最糟糕?美工最糟糕?宣传最糟糕?你首先要做的,不是改进你最强的,而应该是你最薄弱的。

马太效应

《新约》中有这样一个故事,一个国王远行前,交给三个仆人每人一锭银子,吩咐他们:“你们去做生意,等我回来时,再来见我。”国王回来时,第一个仆人说: “主人,你交给我们的一锭银子,我已赚了10锭。”于是国王奖励他10座城邑。第二个仆人报告说:“主人,你给我的一锭银子,我已赚了5锭。” 于是国王例奖励了他5座城邑。第三个仆人报告说:“主人,你给我的一锭银子,我一直包在手巾里存着,我怕丢失,一直没有拿出来。”于是国王命令将第三个仆人的一锭银子也赏给第一个仆人,并且说:“凡是少的,就连他所有的也要夺过来。凡是多的,还要给他,叫他多多益善。”这就是马太效应。
在同类网站中,马太效应是很明显的。一个出名的社区,比一个新建的社区,更容易吸引到新客户。启示是,如果你无法把网站做大,那么你要做专。作专之后再做大就更容易。

手表定理

手表定理是指一个人有一只表时,可以知道现在是几点钟,而当他同时拥有两只表时却无法确定。一个网站,你只需要关注你特定的用户群需求。不要在意不相干人的看法。

不值得定律 -不值得定律:不值得做的事情,就不值得做好

不要过度seo,如果你不是想只做垃圾站。不要把时间浪费在美化再美化页面,优化再优化程序,在你网站能盈利后,这些事情可以交给技术人员完成。

彼得原理 – 劳伦斯.彼得认为:在各种组织中,由于习惯于对在某个等级上称职的人员进行晋升提拔,因而雇员总是趋向于晋升到其不称职的地位。

不要轻易改变自己网站的定位。如博客网想变门户,盛大想做娱乐,大家拭目以待吧。

零和游戏原理 – 当你看到两位对弈者时,你就可以说他们正在玩“零和游戏”。

在大多数情况下,总会有一个赢,一个输,如果我们把获胜计算为得1分,而输棋为-1分,那么,这两人得分之和就是:1+(-1)=0 不要把目光一直盯在你的竞争网站上,不要花太多时间抢它的访客。我们把这些时间用来寻找互补的合作网站,挖掘新访客。

华盛顿合作规律 – 一个人敷衍了事,两个人互相推诿, 三个人则永无成事之日。

如果你看准一个方向,你自己干,缺人手就招。不要轻易找同伴一起搞网站,否则你会发现,日子似乎越过越快了,事情越做越慢了。

邦尼人力定律

一个人一分钟可以挖一个洞,六十个人一秒种却挖不了一个洞。合作是一个问题,如何合作也是一个问题。
你需要有计划。

牛蛙效应

把一只牛蛙放在开水锅里,牛蛙会很快跳出来;但当你把它放在冷水里,它不会跳出来,然后慢慢加热,起初牛蛙出于懒惰,不会有什么动作,当水温高到它无法忍受的时候,想出来,但已经没有了力气。 如果你是soho,注意关注你的财务。不要等到没钱了再想怎么挣,你会发现那时候挣钱更难。

蘑菇管理

蘑菇管理是许多组织对待初出茅庐者的一种管理方法,初学者被置于阴暗的角落(不受重视的部门,或打杂跑腿的工作),浇上一头大粪(无端的批评、指责、代人受过),任其自生自灭(得不到必要的指导和提携)。
做网站毕竟要遭遇这样的阶段,搜索引擎不理你,友情链接找不到,访客不上门。这是磨练。

奥卡姆剃刀定律 – 如无必要,勿增实体。

把网站做得简单,再简单,简单到非常实用,而不是花俏。google的首页为什么比雅虎好?

巴莱多定律(Paredo 也叫二八定律)

你所完成的工作里80%的成果,来自于你20%的付出;而80%的付出,只换来20%的成果。
随时衡量你所做的工作,哪些是最有效果的。

马蝇效应

林肯少年时和他的兄弟在肯塔基老家的一个农场里犁玉米地,林肯吆马,他兄弟扶犁,而那匹马很懒,慢慢腾腾,走走停停。可是有一段时间马走得飞快。林肯感到奇怪,到了地头,他发现有一只很大的马蝇叮在马身上,他就把马蝇打落了。看到马蝇被打落了,他兄弟就抱怨说:”哎呀,你为什么要打掉它,正是那家伙使马跑起来的嘛!” 在你心满意足的时候,去寻找你的马蝇。没有firefox,不会有ie7,firefox就是微软的马蝇之一。马蝇不可怕,怕的是会一口吃掉你的东西,像 ie当初对网景干的那样。

最高气温效应

每天最热总是下午2 时左右,我们总认为这个时候太阳最厉害,其实这时的太阳早已偏西,不再是供给最大热量的时候了。此时气温之所以最高,不过是源于此前的热量积累。你今天的网站流量,是你一个星期或更长时间前所做的事带来的。

超限效应(溢出效应)  

刺激过多、过强和作用时间过久而引起心理极不耐烦或反抗的心理现象,称之为“超限效应”。 别到别人论坛里发太多广告。别在自己网站上放太多广告。别在自己的论坛里太多地太明显地诱导话题。

懒蚂蚁效应

生物学家研究发现,成群的蚂蚁中,大部分蚂蚁很勤劳,寻找、搬运食物争先恐后,少数蚂蚁却东张西望不干活。当食物来源断绝或蚁窝被破坏时,那些勤快的蚂蚁一筹莫展。“懒蚂蚁”则“挺身而出”,带领众伙伴向它早已侦察到的新的食物源转移。不要把注意力仅仅放在一个网站上,即使这个网站现在为你带来一切。你要给自己一些时间寻找新的可行的方向,以备万一。

长尾理论

ChrisAnderson 认为,只要存储和流通的渠道足够大,需求不旺或销量不佳的产品共同占据的市场份额就可以和那些数量不多的热卖品所占据的市场份额相匹敌甚至更大。对于搜索引擎,未必你需要一个热门词排在第一位,如果有一千个冷门词排在第一位,效果不但一样,还会更稳定更长远。

破窗理论

栋建筑上的一块玻璃,又没有及时修好,别人就可能受到某些暗示性的纵容,去打碎更多的玻璃。 管理论坛时,如果你发现第一个垃圾贴,赶紧删掉他吧。想想:落伍现在为什么那么多××贴?现在控制比最初控制难多了。

“羊群效应”,又称复制原则(Copy Strategy)

一个羊群(集体)是一个很散乱的组织,平时大家在一起盲目地左冲右撞。如果一头羊发现了一片肥沃的绿草地,并在那里吃到了新鲜的青草,后来的羊群就会一哄而上,争抢那里的青草,全然不顾旁边虎视眈眈的狼,或者看不到其它地方还有更好的青草。
不要轻易跟风,保持自己思考的能力。

墨菲定律

如果坏事情有可能发生,不管这种可能性多么小,它总会发生,并引起最大可能的损失。
除非垃圾站,否则不要作弊,对搜索引擎不要,对广告也不要。

光环效应

人们对人的某种品质或特点有清晰的知觉,印象比较深刻、突出, 这种强烈的知觉, 就像月晕形式的光环一样,向周围弥漫、扩散,掩盖了对这个人的其他品质或特点的认识。不要轻易崇拜一个人或者公司、一个概念、一种做法。

蝴蝶效应

一只亚马逊河流域热带雨林中的蝴蝶,偶尔扇动几下翅膀,两周后,可能在美国德克萨斯州引起一场龙卷风。
不管你做什么,网站或者其他,你都应该关注新闻。机遇或者灾难可能就在那。

阿尔巴德定理

一个企业经营成功与否,全靠对顾客的要求了解到什么程度。 我赞同别人的点评:看到了别人的需要,你就成功了一半;满足了别人的需求,你就成功了全部。尤其是做网站。

史密斯原则

如果你不能战胜他们,你就加入到他们之中去。不要试图做孤胆英雄。如果潮流挡不住,至少,你要去思考为什么。

Tags: ,

Filed under:Uncategorized

打造亲和力网站[十一,十二]

11.使用相对字号字体
如果可能的话,请使用相对字号的字体吧,比如”em”而非px,pt,虽然这样子看样子看起来是有点难以实现,或是考虑的情况会更多。但是如果有能力的话,还是这样做吧,因为用户在选择查看–>文字大小,选择大字体的时候,他的想法就是想字体能变大一些的,不是吗?
12.加入站台搜寻功能
正确的站台搜寻准则:

每一页都放搜寻对话盒,最好还要是“在褶层之上”(不需要卷动就看得到)。
预设会搜寻所有的东西。如果你可以让使用者选择祇搜寻文章、祇搜寻回响或两者皆搜寻的话,请预设“两者都搜寻”。
别让进阶选项(像是布林逻辑、大小写敏感或正规表示式)弄乱了你的搜寻对话盒。请预设使用类似 Google 的作用(比对所有的字,不比对部分的字,大小写不敏感,不使用正规表示式),同时在另一个“进阶搜寻”的页面里,提供所有的选项。
让你的搜寻对话盒有合适的标签以及一组便捷键。在此建议使用 accesskey=”4″ 我示范了如何指定你的搜寻表单的 accesskey ,但是我弄错了。为了要达到最大的跨浏览器相容性,你得把 accesskey 定义在 ,而不是 。正确的语法请见下面的范例)。

最后,为你的网站撰写亲和力声明,就这样。

Tags:

Filed under:Uncategorized

打造亲和力网站[十]

10.使用真正的清单(或以适当的方法伪造)
假设你有这三个链结的网志目录: Slashdot 、 The Register 和 dive into mark ;可是你不想要用丑陋的黑色项目符号来条列,而想要在每个链结前加上华丽无比的图片。这时候你能怎么办?最常见的解决方法是在每个链结前用上 标签。这不但可行,而且还可以在每个图片加上适当的 alt 来增加亲和力。
然而你还可以更进一步,使用真正的清单标记(

标签),再用 CSS 把丑陋的黑色项目符号换成图片。无论你在不在乎这种学术热诚,这个技术不但是“正确的方法”,还能够带来额外的亲和力。
11.提供能取代图片的文字
你站台上每个页面里的每一张图片,都该提供足以取代的文字部分,也就是所谓的“ alt 文字”;这是在 标签里用 alt 属性所加以指定的。

静态链结图示
“架站系统”图示
Mail-to 图示
XML 图示
浮在你的文章项目内的小图形
任何其他你加进样本里的图片

上面这些都需要适当的 alt 文字。
Google 从中获益了。因为 Googlebot 会对 alt 文字建立索引;这不仅对一般的搜寻有效,更会用于图片搜寻功能(不然你以为那是怎么办到的?)
定义一个良好的alt文字,而不是一些无意义的多余文字!

Tags:

Filed under:Uncategorized

打造亲和力网站[九]

定义头字语
例如:
ADA, ALT, AOL, API, CGI, CMS, CSS, CTRL, DMV, DNS, DTD, EFF, FAQ, FSF, GFDL, GIA, GPL, HTML, IE, IIRC, IIS, IO, KB, KDE, LONGDESC, MB, MSDN, MSN, MT, Mac, NC, OPML, P2P, PGDN, PGUP, PBS, PDF, PONUR, RSS, RU, SOAP, SSN, TDD, US, VNC, W3C, WCAG, WYSIWYG, Win, XHTML, 和 XML
用html的acronym关键字定义即可,用title标识内容
谁因此获益?
Google 从中获益了。因为 Google 不但会用头字语本身做索引,也会用头字语标题来做索引,所以人们就算用完整的拼写当关键字也可以找到你的页面。
怎么做:样式表
你还可以用样式表来更换所有头字语看起来的样子。不单单是 [...]

Tags:

Filed under:Uncategorized

打造亲和力网站[五]

安全地使用色彩
为了标识链接的样式,你也许会把它的着色为红色,仅是正常人来说,是没有问题的,但是如果在没有色彩的浏览器,或是红绿色盲的人,看起来可能会比较糟糕,因为它不知道哪里是链接,也许你应该给链接加上粗体或是下划线,是一个不错的主意,不是吗?

Tags:

Filed under:Uncategorized

打造亲和力网站[四]

先呈现你的主要内容
只用 CSS 来处理版面的主要好处之一,是可以轻松的重新编排 HTML 源码中各元件的顺序,而不影响到实际的版面。因此当其它资料还在载入时,主要内容早就已经显示出来了.
如果你用表格设计版面,左侧的内容会比右侧的内容先显示出来。
你不需要从头规划整个模版来避免这个问题。我们可以用一些(相对之下)较简单的技术来让主要内文先显示出来,并且让导览列维持在左侧。我们称这些技术叫“表格秘诀”。
谁因此获益?
1.也许用户访问你的网站的时候,更感兴趣的是你的内容,而不是导航或是其它的什么
2.Google 从中获益了。越接近顶端的内容,Google会给予越多的加权。这里的顶端不是指看起来的,而是指HTML 源码的顶端。

Tags:

Filed under:Uncategorized

打造亲和力网站[三]

建立有意义的网页标题

首页的标题可以就仅是网站名称。
按时间汇整页面应该包含网站名称、以及这些页面的日期或时序。例如在“ maze of blog/June 19, 2006 ”为标题的逐日汇总
分类汇整页面应该包含网站名称以及类别名称。例如我所有关于 CSS 的文章都汇整到一个名为“ maze of blog /CSS ”的页面里。
单篇汇整页面应该包含网站名称以及项目标题。

谁能因此获益?
Google 从中获益了。因为 Google 会在搜寻的结果里显示网页标题,而且位于网页标题的关键字会有比较高的排名。这对你来说是好事,尤其是对于那些单篇汇整页面来说更是如此(选个好标题总是没错的)。
提醒用户这个页面的主旨是什么
对于某些用于读屏幕软件有帮助

Tags:

Filed under:Uncategorized

打造亲和力网站[一,二]

1.选择Document type
普通的网站,可能选择过渡型
有时候,有上面的DOCTYPE,你会发现,页面有些排版的小问题,如果是这样子,可以用以下的折衷的方案:
如果是专业的网站,或是对自己的网站做一个严格的约束可以用xhtml,严格型。( HTML 4.01 Strict ”、“ XHTML 1.0 Strict ”、“ XHTML 1.1 ”)
2.指定你的网页语言
这样子做的好处有两点:
1)对于某些用屏幕朗读软件,如果不让它事先知道你的网页语言,那么它只会猜测,这样的话。。。。
2)即使你写的就是英文, Google 也从中获益了,当你使用的不是英语时更是如此。根据 Google Zeitgeist 的资料显示,50% 的 Google 使用者用英语之外的语言搜寻,而且许多使用者在 Google preferences 设定只搜寻特定的语言。Google 自动侦测语系的演算法比其他的都好,但是为什么要让 Google 的工作更加困难呢?
怎么做
首先你得找出正确的双字元语系码 (language code) 。英文的语系码是“ en ”、法文的语系码是“ fr ”、德文是“ de ”、中文则是“ zh ”。如果你用的是其他语言,请到这里找找。语系码并没有大小写的分别。现在把语系码放在 标签之前,实际的方法会依你所使用的 HTML 版本而有所不同。请先确定你的 DOCTYPE ,然后依照以下的步骤:
1.如果你用的是任一版本的 HTML 4 ,请修改你的 标签(如果你用的不是英文,就换上你自己的语系码):
2.如果你用的是任一版本的 XHTML 1.0 ,请修改你的 标签(两个地方都要用你的语系码):
3.如果你用的是任一版本的 XHTML 1.1 ,请修改你的 标签(当然,用你自己的语系码):
就跟 [...]

Tags:

Filed under:Uncategorized

打造亲和力网站[六、七]

6.使用真实链结
网页设计的苦难根源乃是“ javascript: ”链结;这个假链结会在你按下的时候执行一段 Javascript 程式码。这个问题最常发生于,网志用这种链结来在另一个视窗里显示回响。为什么这会是个问题呢?因为有 11% 的网际网路使用者因为某些原因而不使用 Javascript ;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支援。这种假链结对她们来说不能用,你应当改用真实的链结。
谁会受益?
Google 从中获益了。因为 Google 会跟着链结来寻找更多内容并加以建立索引,但是它却无法使用“ javascript: ”链结;因为当它索引网页时并不会执行任何 Javascript 程式码。
7.在链结上加入标题
既然网页上充斥着链结,你可能会因此觉得有很多人都知道 title 属性;不过我真的很少看到它。很多人可能不知道,所有的链结都可以在 标签里用 title 属性来指定一个标题。这个标题会额外附加到任何你指定的链结文字上;它可以在视觉性浏览器上产生工具提示,而且在非视觉性的浏览器上也一样会有类似的效果。
并非所有的链结都该有标题。如果链结文字是某一篇文章的标题,就请不要加上标题;因为链结文字本身应该就足够清楚了。但是如果你阅读链结文字本身时,发现自己在状况外而不知道它会指往何处的话,就加上标题吧。
切勿滥用,适可而止。

Tags:

Filed under:Uncategorized