- 电脑网络

80后完全无包袱，更容易成功(转)

jiangzhiliang122@163.com(浪客剑心) — Thu,01 Nov 2007 12:14:40 +0800

年轻人可以外表沉稳内心狂野

我觉得作为年轻人，可以外表沉稳内心狂野，两种状态同时存在。就像我们做互联网行业，每个人都在吹泡泡，把事业逐渐吹成一个大泡泡。

有句话我非常认同，“不怕你在学校里不上课，就怕你在社会上不读书。”因为我父母、外公外婆都是老学究，他们给我规划好的路线是，上学-出国-回来打工—自己创业—养老，所以我在大学的时候就报了新东方的课程，结果，回自己学校上课很不习惯，节奏太慢，我就不太想去学校了。我跟我爸妈说，一年后我要成为这个领域技术上最牛的人，果然一年后我赚了十几万块钱，代价是功课全部挂掉了。

80后能更容易成为商业领袖

我的核心观点是关键看两点：
第一点就是积累。你觉得在人生经历中，一个人积累对他有帮助的商业方面的经验越早，是不是对他未来成为一个商业领袖的帮助就越大？

第二点就是机遇。从工业革命一直到信息化高速公路，我相信这是60年代、70年代生人从未有过的机遇。

世界上最成功的公司，大多都是第一次创业。反倒是多次创业的人，容易遭遇失败，因为经验或者经历可能会成为他未来成功路上的绊脚石。

我的逻辑是他们更容易成功，因为成功和他之前创业的次数并没有绝对的关系，这些人为什么成功呢，是因为他们身上完全没有包袱，他勇于去承担这个时代的变革带给他的一些机遇。　

我第一次上电视的时候，心里紧张得怦怦直跳，不知道该说些什么，也不知道怎么去面对这么多的摄像机，但是走到今天我完全能够应付自如了。经历也许会成为包袱，也许会成为动力。

成功站长十三个价值连城的习惯

jiangzhiliang122@163.com(浪客剑心) — Sat,23 Jun 2007 09:35:11 +0800

成功是一种习惯，失败也是一种习惯。成功很简单，只要简单的事情重复做，养成习惯，如此而已。以下是成功者十三个价值连城的习惯，我们称之为"百万元的习惯"。

习惯一：成功者清楚地了解他做每一件事情的目的。成功者虽重视事情的结果，但更重视事情的目的，而目的的清楚则有助于他达到结果并且享受过程。

习惯二：成功者下决定迅速果断，之后若要改变决定，则慎思熟虑。一般人经常在下决定时优柔寡断，决定之后却有轻易更改；成功者之所以能迅速下决定，因为他十分清楚自己的价值层级和信念，了解事情的轻重缓急，因此能有系统的处理。

习惯三：成功者具有极佳的倾听能力。倾听并非是去听对方说的话，而是去听对方话中的意思。倾听的技巧包括：一、倾听时不打断对方的谈话；二、把对方的话听完；三、即使不需要记录，你都可以听出来对方的意思；四、把所有的问题记在脑海，等对方说完后在一同发问。

习惯四：成功者设定"当日计划"。成功者在前一天晚上或一早就会把当天要处理的事情全部列出来，并依照重要性分配时间。他管理事情而非管理时间。

习惯五：写日记。写日记的法则：一、保持弹性，重表达思想，而不用太多严格规则；二、持续；三、用来设计你的生命价值和中心思想；四、记录每件事情的差异化；五、记录特殊时刻及事件；六、解决问题；七、学习问更好的问题；八、在日记上写下自己的宣言；九、把每日写下的东西在月底复习；十、深刻自己的记忆和经验。

习惯六：做喜欢的事。

习惯七：勤于练习基本动作。

习惯八：运用自我暗示的力量。自我暗示就是把目标用强烈语气不断念出声音，告诉自己，让潜意识无法分辨真假，因此相信它。

习惯九：运用冥想的技巧。当你不断想象自己达成目标是情景，潜意识会引导身体作出那些效果。

习惯十：保持体力或创造更多精力。

习惯十一：成功者人生的目的通常超越自我，立志为大多数人贡献自己的力量。为使命而非为金钱工作。

习惯十二：成功者有系统。成功者都有一套方法来整理思想、行为，因此能不断实践在自己身上，并且教导别人。

习惯十三：成功者找方法，失败者找理由。成功者愿意做失败者不愿意做的事情。如果你能不断采取以上做法，进而养成习惯的话，这些习惯对你可能不只是百万元的价值，更可能带给你金钱和心中的富有。

最新版网站推广完全手册(2007年)

jiangzhiliang122@163.com(浪客剑心) — Fri,01 Jun 2007 10:16:28 +0800

1.论坛推广

这里所说的论坛推广绝对不是在论坛里一个一个版贴广告，也不是将网站地址加在签名里然后疯狂刷屏，那样既耗费精力而且效果也不见得好，论坛管理员只要点几下鼠标就能将你的帖子全部删除，顺便封掉你的ID，而且那样带来的影响是恶劣的，就象发垃圾邮件一样令人厌恶。有次在某论坛看到一个推广网站的手段则高明得多。那是一个提供求职就业和学习资料的小网站，他们的宣传人员将网站上的各种文章做成链接形式，并分类放好，一次贴在各个论坛上，这样既能给某些需要的人带来方便，同时又不会因为过于直白的广告而被删贴，宣传效果无疑要好得多。如果将这些资料贴到比较符合自身定位的论坛相应的版块，必定能换来不少点击。

2.博客推广

这是我在站长资讯论坛里看到的，当时觉得真的很有创意，虽说是钻的空子，但确实很有效果。将那位网友的发现引用如下：“近期在音乐界最流行的两首歌：“老鼠爱大米”，“两只蝴蝶”，在百度搜索风云榜里，这两个关键词每天搜索量：1 老鼠爱大米 ↑ 181993，2 两只蝴蝶 ↑ 111631，虽然google没有热门关键词列表，但可以推断每天的搜索量在10 万以上，但你去google搜索这两个关键词，一定会让你大吃一惊，排在首页基本上全是一个人的blog，你想想，每天有几万人从google里进他的blog，然后进他的站，这个站建立于7月份，从11月站长利用这种方法以来，目前日排名在10000左右，非常成功。站长是了google PR值的空子，众所周知，这些提供免费blog的网站PR值非常高，大多在6以上，所以只要出现在这些blog托管商上的关键词排名都很靠前，而站长在他的每个blog都做了其他地方申请的blog，相互做连接，这会使他的这些页面PR值更高”。这大概可以算是博客里的另类SEO。

3.图片的病毒式营销

如文章开头所说，这是一种颇有创意的宣传方法，相信能在短时间内给网站带来很大的流量。对这种图片的最初印象是论坛里经常能看到的签名图：一个小卡通人物举着一块牌子，上面写着你的IP地址，操作系统和浏览器名称。该部分显示的内容就是可以改变的。那时候只觉得很有趣，也没有想到还能做其他用途。后来看到在网上流传甚广的新年金牌，把你要送的人的名字写下就可以显示在图片的金牌上，还以为是高手PS的，后来才发觉只需要输入文字即可。还有就是艾菲尔铁塔上的条幅了，都是这一类。顺便提一下这一类方法里用得最多的，给上传图片打LOGO。最早使用这些方法的一些网站从中获得了大量的点击。有的网站我就是从这些图片中知道的，比如HAHA168，PCPOP等。
4.电子邮件推广方法

基于用户许可的Email营销与滥发邮件（Spam）不同，许可营销比传统的推广方式或未经许可的Email营销具有明显的优势，比如可以减少广告对用户的滋扰、增加潜在客户定位的准确度、增强与客户的关系、提高品牌忠诚度等。根据许可Email营销所应用的用户电子邮件地址资源的所有形式，可以分为内部列表Email营销和外部列表Email营销，或简称内部列表和外部列表。内部列表也就是通常所说的邮件列表，是利用网站的注册用户资料开展Email营销的方式，常见的形式如新闻邮件、会员通讯、电子刊物等。外部列表Email营销则是利用专业服务商的用户电子邮件地址来开展Email营销，也就是电子邮件广告的形式向服务商的用户发送信息。许可Email营销是网络营销方法体系中相对独立的一种，既可以与其他网络营销方法相结合，也可以独立应用。

5.连接交换

文字连接和图片连接以及首页醒目位置的交换,最好找一些PR较高的网站

6.qq群发信息

利用qq群发软件发布网站信息.可以同时加几十个QQ群,每个群有200人左右,总数也是很多的. CHINAZ

7.广告交换

可以找一些流量相当,或者是内容互补的网站交换广告,也是很不错的推广方法.

8.网址导航

现在网址导航站多如牛毛,如果都收录了自己的网站,效果也很不错的,可以直接申请.

9.搜索引擎

Google

Yahoo

MSN

百度

可提交申请.

10.名片宣传

可以印刷一些名片,并印上网址.发给客户和自己的好友.

11.网摘推广

这是网站推广的最好办法！只要你推荐你网站的一两篇好文章，你就会发现，从网摘过来的访问量是惊人的。推荐几个访问量比较大的网摘：天天网摘,加加文摘,人人网摘,新浪VIVI，我摘等。推荐文章的时候要注意，文章在于精而不在于多！在使用网摘之前，一定要先阅读他的说明，以免因触犯规定而被列入黑名单。在这方面有人教训惨重。如果有条件与这些网摘建立合作关系，那是再好过不过的了，每天访问量增加不少。向网摘推荐文章也要把握好时间，一般选择在上网高峰即将到来的时间推荐，只有在高峰到来的时候，你的推荐文章访问量比别人多，才可以在人气榜上显示。一旦登上人气榜，访问量将是惊人的。如果在上网高峰时间推荐，那么你的推荐文章将很快沉下去，效果将大打折扣。根据本人经验，发现早晨8：00——8：30是向网摘推荐文章的黄金时间！

12.网吧推广

很多人接触电脑是从网吧开始的，如果第一次上网就浏览你的网站，那印象一定很深刻。具体怎么推广呢？如果你跟网吧老板关系不错，那就叫他把网吧电脑的首页都设成你的网站（一般设置好之后，没有管理权限是修改不了的）。不认识网吧老板也是有办法的，认识网管就行了。一般首次上网的人都会叫网管教他们，这时你的网站就不经意之间被推销出去了。

13.制造轰动

如文章《真实消息：张学友被电动自行车撞死》，此张学友非彼张学友也。从来访数据来看，来访人数不少。

14.文本链

加入文本链，可以用您的流量换取更多的流量，而且有的还能换现金（呵呵）

黑马帮http://www.heima8.com

无忧文本http://www.51link.com/

网域文本http://www.xvlink.com/

太极http://www.textclick.com/

15.参加各种排行榜及评选活动

很多大型网站开设了个人站点的各种排行榜及评选活动，譬如各种访问量统计系统就是一个免费的宣传途径，而专门的品评网站更是义务为其网站宣传的好地方。当然各类商业网站或专业站不定期举行各种网页评比大赛、网站TOP 10之类的活动，不但提高访问量，更是站长成名的好机会，多多参加这类比赛吧，你的站点一定会被更多人知道的。但请牢记一点，要宁缺勿滥，有些排行榜、评选网站其自身的访问量每天连100人也没有，那你还花自己宝贵的时间去参加这种组织干嘛？

16.在各种留言簿、聊天室、新闻组发布信息引人注意

对于个人网站推广方式总是要抱着一种不花钱或少花钱，却能办成事儿的态度，这种在各个留言簿、论坛或其他交互地点发布广告信息的推广方式就是免费的。具体方式想必大家也都清楚了，但需要记住两点：一是要找人气旺、质量高的论坛或留言簿发布信息；二来要注意别让自己是来做广告的这个目的太明显，因为这样不但会引起论坛网友的反感，也可能会被版主删除贴子甚至封帐号。你完全可以潜移默化地进行推广，譬如探讨某个问题的同时，把自己的网站地址留下来，或者干脆把广告做在你的论坛签名中。记住不要老是写“欢迎光临我的主页”之类的话，应多与网友进行诚意的交流，在适当地方提一下自己的网站地址和内容就可以了。而且当你真正去这样做的时候，会发现不但有越来越多的人愿意访问你的网站，更能结识到不少朋友，何乐而不为呢？

17.网站自己搞在线活动进行推广

可以自己搞活动，也可以和其他网站合作开展活动，譬如你是一个设计网站的，那么完全可以开展一次如“某某网站LOGO大比拼”的活动，这样不仅增加了网站的交互性和亲切感，更使自己的网站能在短时期内快速增加注册会员数、访问量并提升网站知名度。但要记得如果这种活动是大规模的，或是网下配合进行的，那么你就要付出一定的物质代价了，而如果与人协办或在网上进行的，那么还是个人网站所能接受的。

18.多结识朋友
任何推广方式，都比不上这点来得更重要，多结识一些朋友，各种各样的朋友都要认识（但不是让你滥交朋友），譬如你和某商业站的网管私交不错，那完全可用他的关系帮你在其职权允许的范围内进行推广，如果你认识某位撰稿人，那么说不定他会主动来帮你写篇文章推广你的网站。

采用此种推广方式的典型个人网站是：华军软件园

华军现在俨然已成为众多个人网站的偶像，但是他如今的成功得自于其自身的口碑和人缘。因为从他上网那年开始就不断结实各种网上的朋友，加之其本人为人亲切，网站制作也的确精良，久而久之就有大批的朋友愿意帮他的软件下载站作推广了。

19.利用软件推广

利用软件推广是最便捷的推广方式了，能省却大量时间和精力，对于推广初期的网站来说不失为一个好办法。

常见的推广软件有：论坛群发软件、qq群发软件、邮件群发软件、留言本群发软件、搜索引擎登录软件，通过大量发帖，很快就能让你的网站信息被上网者看到并被搜索引擎关注。对于此类软件，个人的经验是，这类软件更新很快，当一个软件被较多人使用时，也就意味着他将退出这个舞台，因为，大量的使用这些软件会使论坛、留言本站的站长们提高发帖限制来抵制这类软件。当然，一山还有一山高，这就要看这些软件的升级速度了。
20.报刊杂志、广播电视

报刊杂志、广播电视的比例占用户得知新网站的49.9%。这项数据说明，要重视新闻稿对网站推广的作用，与新闻媒体良好的关系往往对网站推广起到意想不到的效果。

21.网站联盟

网站联盟:通过网站联盟,大面积的投放告知性广告,让网民点击,按有效点击量记费.这种方式尽管简单,但是是业界公认的有效推广方式.现在基本上有CPM（按有效显示计费），CPC（按有效点击计费）,CPA（按有效注册会员计费）

22.网页病毒

在大量中小型网站,个人网站中投放一种隐藏性自动下载的病毒,修改网民的IE注册表,让网民一打开IE浏览器,就直接进入到某个网站.尽管这种方式**网站的经验证明是非常有效的,但是对立志志走正规路线的网站来说,建议不要采用.

23.客户端捆绑

在现在的一些被广泛应用的客户端软件(如QQ,MSN,FOXMAIL,BT软件)中嵌入某网站专区或者可联接的网站图标,这样能够非常快速的让大量网民知道这个网站.不过成本可能会相当的高,除非能够寻找到对对方非常有利的盈利方式.

24.ADSL

ADSL,电信运营商网关强行嵌入:用户只要进行上网操作,必定会到电信运营商的网关进行验证,有这样的企业如绿信,能够强制(弹出窗口或者打开一个特殊页面)让网民第一时间看到这个网站.由于现在还没有正式商用,价格不明.

25.网吧桌面

现在有较多的企业将自己的网吧专用软件(有计费的,广告的,管理的,内容的)投放到网吧中,我们可以和这些企业合作,将我们网站的地址和内容推到网吧的桌面,网民一使用网吧的电脑,第一时间就能看到这个网站.现在的行情价格估计在每个电脑终端2-10/天/周元不等.如果大量的覆盖网吧,成本也是相当的高的,而且监控比较困难.

26.口口相传

拉人记费:我们寻找一系列的人员,进行口口相传,给每个人一个专用的地址,根据他能够拉来的会员人数进行付费.这种方法就是大家经常看到的网络赚钱法,是国外应用的比较成功的收集会员的方式.但是这种方法始终不能步入主流.国外有赌博性质的网站用这种方法创造了一周内50万注册会员的记录.有点类似于传销模式. CHINAZ

27.强行注册

强行给所有我们掌握的网民的邮件地址发送你已经在某个网站注册的广告,用统一的密码登陆.这个方法尽管恶劣,但是如果邮件内容进行过包装,事实证明,至少1%的网民有好奇心进行登录.

28.QQ迷你门户推广

加入迷你门户的时候，尽量把你的网站介绍写精彩点，这样别人在腾讯网看到你的网站介绍后，就会把你的迷你页面加入他的QQ，因此你又多了一个固定访问者。迷你门户加入方法请参考腾讯网站相关介绍。

29.创建网站MailList

通过创建自己网站的MailList，你可以让用户们主动参与讨论、反映问题，增加了交互性，这对用户是很有吸引力的。MailList不仅可以使你稳定主页访问量，还可以增加网站的知名度。创办MailList其实也很简单，国外的egroups和国内的通易都提供有很完善的服务，订户可以通过Web或E-mail方式自由的订阅、取消订阅和阅读MailList内容。

30.注册了两个中文域名

最近心血来潮，注册了两个中文.com域名，本来是注册玩玩的，结果发现，还是有点点利用价值的。2个词，在baidu的搜索量是 500-2000.每天通过浏览器直接输入中文.com域名的大约有20人。即使不装插件也能访问，因为不装的话首先会进入安置提示页，按否就去网站了，按是安装以后去网站。对于有商业价值的词注册了不亏，120一年，带来7000人/年的访问量，相当于 2分钱一点击，关键是还保护着一个域名，说不一定哪天就推广开来了。

31.网站优化

网站优化,优化代码,标题,关键字等,让页面在搜索引擎里排的靠前,效果非常不错,但是不要作弊哦. CHINAZ

32.内容合作

内容有互补性的两个网站,完全可以进行内容合作,互相增加流量.

33.病毒性营销方法

病毒性营销方法并非传播病毒，而是利用用户之间的主动传播，让信息像病毒那样扩散，从而达到推广的目的，病毒性营销方法实质上是在为用户提供有价值的免费服务的同时，附加上一定的推广信息，常用的工具包括免费电子书、免费软件、免费Flash作品、免费贺卡、免费邮箱、免费即时聊天工具等可以为用户获取信息、使用网络服务、娱乐等带来方便的工具和内容。如果应用得当，这种病毒性营销手段往往可以以极低的代价取得非常显著的效果。

34.大街上裸走
在多人的大街上裸走,,在身上大大的写www.xxx.com!然后走几圈,晚上你马上上电视新闻头条,看电视的都会看到你的网址!网上的新闻,什么163,sohu,sina,tom等大型的新闻网的头条都有你的身体.宣传力量吓死你,看你敢不敢试..记得在身上多写一些网址,(记得主要是在背后写上,因为新闻的一般不会把你前面的相片发上新闻头条.一般会影你的背后!哈哈)我说的对不??照我的方法做你的网站马上火暴前来,,,,有胆的去试,绝对行，免费加超级有效！

补充一下：如果你不想自己做的话可以出钱找个外地的，我想他开的价钱绝对比你在各大电台和各大新闻网放广告便宜Ｎ＋Ｎ备！
35.发展免费服务项目

说"请访问我们的网站并了解我们的公司"是一回事，而说"欢迎免费使用本网独家拥有的厨房装修计算器"是完全另外一回事。

36.电子杂志

创办一份电子杂志。电子杂志（周刊，月刊或季刊）可以帮助您的网站扩大影响，提高诚信度，以求更大发展。可以用电子邮件的形式发送，或者让访问者直接向您的邮件列表服务器订阅。

37.书签

请访问者把您的网站做个书签。这看上去非常简单，但您还是一定要请访问者做个书签，方便下次访问。

38.信息发布

信息发布既是网络营销的基本职能，又是一种实用的操作手段，通过互联网，不仅可以浏览到大量商业信息，同时还可以自己发布信息。在网上发布信息可以说是网络营销最简单的方式，网上有许多网站提供企业供求信息发布，并且多数为免费发布信息，有时这种简单的方式也会取得意想不到的效果。不过，最重要的是将有价值的信息及时发布在自己的网站上，以充分发挥网站的功能，比如新产品信息、优惠促销信息等。研究表明，大多数消费者访问制造商的网站是为了查找公司联系信息或产品基本信息，网站提供的有效信息越详细，用户的满意程度越高。如果一个网站的更新周期以季度为单位，甚至整年都是一个老面孔，自然不会受到用户欢迎，也很难取得好的网络营销效果。

39.问答式广告

问答式广告是一种采用一问一答提问方式的网络广告。广告收阅者在收阅广告时必须正确回答了广告所提出的问题才算是真正收阅了广告，此时广告收阅者就可以取得收入了。注册通行证会员可以通过回答问答式广告来取得收入。另外通行证会员还可以通过推荐他人成为通行证会员（或美名扬会员）来取得收入。真正的双赢呀

40.借势

易趣、淘宝、一拍这种平台在网站发展初期可以利用，其人气不容低估，可将客户顺利转移到自己网站。门户网站的商城可以不考虑，一是其收费过高，二是其流量虽大但有效客户不多，一句话：性价比实在太差。

影响搜索结果排名的因素

jiangzhiliang122@163.com(浪客剑心) — Wed,16 May 2007 10:10:56 +0800

* Title关键词

* 页面正文关键词

* 页面内容和页面关键词相关性

* H1标题中包含关键词

* 域名中包括关键词

* 页面URL中包括关键词

* H2，H3等标题中包括关键词

* 图像Title以及Alt标签中使用关键词

* 关键词用粗体字

* Meta Description 标签中使用关键词

* Meta Keywords 标签中使用关键词

页面因素（影响由大至小排列）：

* 页面站内链接广度

* 导出链接指向页面和网站的品质和相关性

* 文件存在时间的长短

* 页面内容篇幅

* 文本内容的品质（由搜索引擎的算法测定）

* 文本组织和段落形式

* 页面更新频率

* 目录末端的斜杠“/”个数（目录不能太深，控制在四级以内，虽然不影响排名，但影响收录）

* 拼写和语法错误

* HTML通过W3C标准认证

网站和域名因素（影响由大至小排列）：

* 网站链接广度（Global Link Popularity），即网站的反向链接

* 网站年龄

* 反向链接的相关性

* 网站在专题社区的链接广度

* 反向链接增加的速率

* 网站主题和用户查询的相关性

* 网站历史记录，例如页面停留时间，搜索结果的点入率，用户直接访问次数，网站被添加收藏次数等

* Google认为的网站指导性，权威性和重要性

* 顶级域名后缀（edu, gov, us, ca, com等）

* 新页面增加速率

* 一段时间内对网站和域名的搜索量

* 网站通过 Google Webmaster Central 认证

反向链接因素（影响由大至小排列）：

* 反向链接锚文字

* 反向链接网站本身的链接广度

* 链接页面讨论话题的相关性

* 主题社区的链接广度

* 反向链接环绕文字

* 反向链接页面站点内自身的链接广度

* 反向链接的存在时间长短

* 反向链接网站域名后缀（edu, gov, com, ca, co, uk等）

* 链接页面的PageRank

对页面抓取和排名不利的因素（影响由大至小排列）：

* 搜索引擎经常无法访问网站

* 页面内容和搜索引擎收录页面相同或雷同

* 导出链接指向低质量或垃圾网站

* 多个页面使用相同的Title和Meta标签

* 关键词过使用（关键词堆积和填充）

* 参与不良链接计划，或贩卖链接

* 服务器响应时间缓慢

* 从垃圾网站过来的反向链接

* 用户访问量少（根据工具条，搜索结果点击等统计）

_______________

从上面的列举，可看出搜索引擎对页面排名的一些趋势：

* 内容和关键词的绝妙搭配（相关性），其地位不可动摇，印证了“Content is the king”；

* 内容作用的实质性，降低了meta标签作为形式的影响；

* 搜索引擎开始考虑动态和行为因素：如网站的更新频率，搜索结果的点入率，有多少人收藏等等；

* 因为网站数量爆炸式地增长，引擎的过滤机制有增无减，引擎更加青睐于受信任和权威性网站，从受信任和权威性网站过来的链接权重较高，网站的合作也开始“物以类聚”；

* 因为web2.0的应用，引擎会看重社区和主题圈，如果你的网站做旅游，在旅游社区有一定的知名度，对搜索引擎推广将大有好处；

* PR的作用进一步削弱，排名比PR更重要。

由此可见，未来的搜索引擎推广会更加强调以人为本，提供用户最需要的内容，网站质量和链接质量的概念会深入人心。网站对文档的需求会增多，网站编辑和写手会有更好的发展空间。

每天多学一点博客的101个坚持

jiangzhiliang122@163.com(浪客剑心) — Tue,08 May 2007 15:13:53 +0800

如果你还没有开始写博客，那么从今天开始就写

　　写一些你热爱的东西

如果你想认真的写博客，那就买一个独立的域名

确保你的域名名字和博客名字一样

用一个简单且容易记住的名字

　　使用 Wordpress

　　使用 Wordpress 的插件

　　写博客一定要坚持下去

　　每周至少更新5篇文章

校对你的文章是否有错误

　　不止一次的校对

　　和其他的bloggers互相交往，交换链接

给其他博客留有意义的回复

　　给他人的博客留言时不能说些有意义的那就有趣点

　　经常第一个去留言

经常备份你的博客

侧边栏最好不要使用日历

明智的选择字体，不要太大，也不要太小

　　参与网上的博客活动

在你的个性签名上放上你网站的链接

　　使用社区性网络书签

　　内容才是王道

规范你的模板

使用trackbacks

　　越简单越好（内容与主题）

　　合适地在文章添加社区网络书签

加入一个blog network（国内不多）

　　展示“Top 10”列表，将你的好文章直接告诉读者

给每篇文章添加tags

使用pings功能

写一些“如何.......”的文章

　　让读者可以搜索你的博客内容

　　使用目录来展示你的博客

　　向你的读者提问问题

　　使用Feedburner（国内的也可以使用Feedsky）

　　尽量把文章写的幽默一些

要宽宏大量

鼓励读者订阅你的博客

　　当你因为出差等不能在接下来的几天里更新博客的话，最好提前准备几篇文章，让他们自动发布

鼓励你的读者 digg 你的文章

在每一篇文章中都放置一个RSS订阅图标

　　写个“系列文章”

回复别人的留言

　　回复别人的 links

使用易读的字体

收集来在 edu 和 gov 的反向链接

　　把过长的文章分段

　　尝试不同的盈利模式

　　写一些有价值的能体现你能力的文章

　　使用 Google Analytics

分析一下Google Analytics的数据

　　使用邮件交流

　　原创性

　　避免复制他人的文章

使用一个RSS阅读器

　　尽可能多的阅读其他人的博客

　　阅读精彩的文章

　　写一个“关于我”的页面

在“关于我”的页面中放上一张你的照片

　　建一个单独的“广告”页面

　　合适的使用关键词

　　学习基本的SEO知识

尽可能的在文章中使用图片

　　为你的读者创造价值

　　合理的放置广告

　　成为有耐心的人

找一些有共同兴趣爱好的blogger

　　在目录总显示你的文章

　　分享对你有用的东西

　　告诉其他人对你没用的东西

　　阅读 Problogger.net 的文章

　　不要放置过多的图标让你的sidebar看起来很杂乱

　　不要放置过长的友情链接

　　尝试Google Adsense

尝试软文广告
　　
　　尽可能的链接他人的博客

　　使读者可以更方便的联系你

　　使用有效的文章题目

　　提供邮件订阅

经常回答他人的问题

　　经常回答他人的回复

　　使用 Technorati

　　添加订阅后续评论支持

　　提供有用的工具或者资源

　　以个人的口吻来写博客（不提政治）

　　在你感兴趣的那方面成为专家
　　
　　不要指望 “ linking posts”

经常发表你的观点

　　使用简单的颜色

　　参与博客活动

去认识了解其他的bloggers

　　将你最好的文章列表

　　文章要有说服力

合理组织你的分类

　　直接和你的读者交谈

使用合理有效的URL地址

在博客底部放置functional links

　　在文章中提到你参考的资料和文章

做一个每月的文章聚合

　　考虑添加podcasts

写一个 “101系列文章”

　　我觉得应该加上两点，一是要全文输出，这个很重要，二是注意博客的一些细节，比如说订阅图标，RSS图标等。

Windows Vista中IIS7的安装及配置ASP+Access环境

jiangzhiliang122@163.com(浪客剑心) — Mon,07 May 2007 15:40:41 +0800

终于搞定iis7的asp开发环境了，vista的权限设置不是一般麻烦 , 收录以下文章，可惜已经找不到出处了
----------------------------------------------------------------
一、IIS7的安装

Windows Vista中IIS7是默认不安装的，所以在安装完Windows Vista之后如果需要安装IIS7的话，就要自己动手了。

安装的步骤为：开始》控制面板》程序》打开或关闭Windows功能》Internet信息服务。IIS7安装时需要注意的是，如果需要ASP、ASP.NET等的支持，是需要把功能模块给装上的，默认是不安装的。

二、ISS7安装完成,但ASP并不能正常运行,还需要进行以下配置

1.打开系统对父目录的支持
在站点主页上选择"ASP",然后在"行为"组中将"启用父路径"设置为True即可。

2.给C:\windows\ServiceProfiles\NetworkService\AppData\Local\Temp这个目录添加一个"Autheticated Users"的读写或完全控制权限。

表格对决CSS--一场生死之战

jiangzhiliang122@163.com(浪客剑心) — Mon,16 Apr 2007 15:35:35 +0800

前言
　　
　　我第一次在internet上冲浪用的还是哑终端。不久以后，明尼苏达州的一种单色的显示器居然可以通过服务器播放电影"巨蟒和圣杯"。当时没有鼠标，没有良好的操作界面，更不用说24位彩色了。Gopher是唯一可用的工具。搜索则只能用Archie和Veronica。没有人听说过W3( World Wide Web)，当时网络看起来已经足够用了。

　　译者注：

　　1.哑终端。很像PC，但没有它自己的CPU、内存和硬盘。通过共同的主机来处理事务。

　　2.Gopher。一个客户/服务器(client/server) 应用程序，它通过执行FTP传输，远程登录(remote login)， Archie 查找等，把所有信息以菜单形式显示给最终用户(end-user)，使用户能浏览大量信息。这样用户访问 Internet资源时可以不需要知道（或输入）其地址。

　　3.Archie是第一个自动索引互联网上匿名FTP网站文件的程序，但它还不是真正的搜索引擎。

　　4.Veronica是一种Gopher型的资源，你可用它在Gopher空间里检索包含指定的特殊单词的所有菜单项。

　　又过了一段时间，奇怪的代码开始充斥我的搜索结果，我虽然还能够阅读需要的内容，但这些代码却令人讨厌。同事告诉我那是HT ML，一种internet图形化语言，我曾经学习了一些方法试图滤掉HTML。再后来，出现了256色的显示器和Mosaic浏览器的第一个版本，一切都开始变得不同了。

　　从那时到现在已经很长时间了，技术上已经发生了难以置信的提高，web界面也被无数次地彻底改革、重新思考和重新改造。从我开始成为网页设计师工作，我亲自历经了表格为基础的设计、JavaScript的悲哀、CSS的努力发展以及更重要、更普遍接受的web标准各个发展时期。

　　一开始，internet只是按照Geek(技术狂热分子)想法创建出来的，internet上只有纯粹的内容，他们没有考虑到背景颜色和漂亮的图片。但事实上，人们都喜欢在冲浪的时候看到更丰富的表现形式。表格(table)设计方法的出现解决了这个困难，我们可以通过表格来控制布局！我们纷纷开始"欺骗"系统，不能做出1 pixel的细线？只要在表格的行中插入一个透明的GIF小点，再设置一个背景色就可以实现了！不能控制字体？那就使用另一个标签!

　　在我接触CSS和web标准之前，我已经用表格方法设计好多年了。web标准的设计方法完全与以前不同，它是有效率的，它是迷人的。我深深地、热烈的喜欢上新的设计方法。它可以用有意义的代码将内容从布局中分离出来，却依然保持空格和美丽的设计，我一下就"喜新厌旧"了，不再采用老的设计方法。

　　直到今天。

　　关于web标准和CSS目前已经有了很多的讨论，就象每一个好的关键词，它将成为web技术发展史上下一个"大人物"。它开始于Dougl as Bowman重新设计连线网站(Wired.com)，并不断发展。2003年，Zeldman写的《Designing with Web Standards》一书出版，让我们都看见了曙光，全世界各地的设计师都为新的设计方法而拥抱欢呼。它是结构化的，它是有语义的，它是快速的和轻量级的。

　　然而，依然有一部分人们再采用传统的表格设计方法，甚至还在用标签，他们说传统方法更容易，更方便维护和快速开发。到底谁是正确的？

　　我决定亲自做一个实验来看看事情是如何变化的，我们到底选择哪种方法更好。

　　挑战

　　我用图象软件设计了一个假想的网站。然后先用HTML4.01制作它，用表格,不用任何CSS；作为对比，再用XHTML1.0 Transitional 制作它，代码符合易用性和可访问性规范，并采用CSS，尽量避免表格(除非表格是用来表现表格化数据。)

　　制作过程分三阶段，并详细记录过程，进行正反两面的比较，看看我们得到了什么？失去了什么？我们应该站在哪一边。

　　第一阶段：设计站点

　　我开始设计虚构的站点。我假设为一个叫"Butterfly Watchers Association(蝴蝶观察协会)"的组织制作网站。呵呵，这也许是我最好的客户了，不会参与到设计流程中来。我尽量把它制作的真实一点，假想网站的目标用户，采用传统的布局和比较权威的字体。

　　我希望站点是结构紧凑的、有效的、简明扼要的。而且，我想页面上应该有蝴蝶，我到处寻找合适的蝴蝶图片，不久就在stock.xchng找到了图片。蓝色的蝴蝶停在绿叶中，非常符合站点的形象。经过一些处理、修饰，这张图就成为我们页面的header。

　　在设计过程中，我坚持一些易用性原则。例如尽量使图片文件尺寸最小。一开始我准备在导航上采用Garamond字体，后来考虑到用户的机器上可能没有这种字体，我决定采用Georgia字体(这种字体类似 Times New Roman，最差情况下可以用 Times New Roman字体替代)。但在header图片上，我还是采用了Georgia，因为它是图片。

　　文本使用灰色背景，使用Trebuchet MS字体；新闻采用Verdana字体，这种字体缩小时看起来也很好。有一种不成文的规则，就是在一个设计中采用4种字体，我并不怎么同意这种观点。

　　对于蝴蝶和那些观察它们的人们我知之甚少，我放了一篇观察稀有蝴蝶的文章在首页重要位置，我想这是用户比较感兴趣的内容。作为组织，应该有很多会员，所以我还放了一些会员信息。同时新闻也是必不可少的，我也加了上去。然后，还加了版权，一些象素装饰图，一个标语口号(They flutter. We watch them.)。整个页面的布局是一个页头(header)紧接着是一行导航菜单，然后是2列内容，最后一行footer。我将"About"菜单设置为高亮，以显示onmouserover的效果，整个页面看起来就象这样：

　　好了，现在可以开始代码了。
　　第二阶段："用以前的做法，使用透明的GIF图片来控制间距."

　　如果你已经是一位参加过多个项目的网页设计师，下面的结构是你再熟悉不过的：

　　


	Content goes here.

　　用表格说话，我们已经习惯于用它了，因为它是我们最基本的"积木块"。例如：用透明的GIF图片来控制间距、用表格的各种属性来控制位置。有人这么解释：表格是可靠的，用表格布局的页面可以向前兼容！没有css敢与表格对抗，表格可以适合所有浏览器等等。

　　让我们开始一步一步再现整个设计过程。

　　第1小时

　　噢。好象时光倒流，不用CSS我们用什么来定义背景颜色?哦，对...是bgcolor，谢谢提示。好，开始制作表格，预览效果。我定义了"align=center"，这样就可以在所有浏览器中居中，太好了，这多么简单！表格看上去好象并不坏，我有与老友重逢的感觉。我熟练地使用透明的GIF图片来控制间距，工作飞速前进！恩？在header和菜单之间怎么会出现空白呢？哦，原来在images代码后面多了一个空格，IE浏览器会把它显示出来。这改起来简单，删除空格就好了。

　　第2小时

　　我使用javaScript制作导航菜单的翻转效果：

　　...
JavaScript这样写:

　　function chBg(obj) { obj.bgColor = "#E1E5DB"; } function chBg2(obj) { obj.bgColor = "#CBD1C3"; }
除了我对老设计方法有点忘记以外，整个进度还是相当快的。虽然，我尽量减少表格的嵌套，但代码看上去还是有些复杂，所以我加了一些注释上去，以方便找到我们需要修改的地方。

　　遇到了一个小问题：不用css就无法消除链接的下划线。也许有解决办法，让我们用google来搜索一下。

　　第3小时

　　google搜索后还是没有找到办法，如何才能制作没有下划线的链接？一定有一个解决办法！

　　第4小时

　　可恶！因为不能消除下划线，我不能继续制作图片菜单。不过这个实验的规则是我自己制定的，我可以破例违反一下。我用一点点 css来解决，只要放一句style="text-decoration: none;"在链接的地方就可以了，yay!解决了菜单下划线的问题。
　
　　好了，我们接下来可以制作主要的2列。正文中的蝴蝶图片我用了2个表格来实现细边框效果，就象这样：

　　让我们来看看前4个小时的成果在IE6以外浏览器上的效果。噢！在Firefox中非常丑陋，在Opera和Netscape中看起来还不错。

　　第5小时

　　继续代码...，调试和修改。

　　工作中，我认识到标签控制字体尺寸的局限性，我不能定义多种尺寸。真是该死！

　　News部分的文字排版也遇到了问题，为了缩进，我不得不用更多的表格嵌套来实现效果。为了使正文中的蝴蝶图片排列在文字的右面，我也不得不增加表格来解决。这种“欺骗”式的排版让我感到很无奈。

　　第6小时

　　设计结束了，看上去和最初的设计差不多，你可以点击这里看看。

　　其中包含了多少表格，点击这里查看。

　　第三阶段：我们不需要表格！

　　下面我们将看看什么是基于web标准的、用CSS布局的设计。我将从内容的标识开始。我将尽量使标识有语义，避免多余的标签。

　　页头是一个图片，但它也是一个标题，所以我这样写代码：

　　

Butterfly Watchers Association. They flutter. We watch them.

　　我将稍后再考虑如何正确显示这个标题(理想情况下，我们尽可能多的关心内容，尽可能少的关心布局)。其他标题(news，Sightin gs and Membership)将被标识为

。

　　菜单从根本上讲就是一个无序列表(list)，所以将被标识为list。段落不需要分类(我们采用继承选择器来把它们"挂"在包含的层中)。我将对比原始的内容文本，看为了实现布局需要增加多少额外的标签(我将尽力避免增加标签)。

　　这就是原始的内容文本。看看原代码，它符合xhtml1.0 transitional规范。注意所有的元素都已经被包含在定义了名称的
中。新闻中的日期也被加上了date的类(class)。你可以看到代码非常简单。

　　第1小时

　　定义"container" 层的border为1px。通过在body样式中定义"text-align: center"将内容居中。为了在所有浏览器中都居中，还在"container"中定义了margin: 0 auto;(意思就是top=0, right=auto, bottom=0, left=auto)。居中的处理方法和表格一样容易。

　　定义"body"的padding"top"和"bottom"数值为20px(不直接在"container"中定义padding是为了适合所有浏览器)。

　　无序列表(li)必须定义为"display:inline"，这样菜单会被显示在一行内。我在菜单间增加了导航图标。这些导航图标是用不重复背景方法定义的，可以精确定义(x,y)位置，类似这样：

　　background: url(menuBullet2.gif) no-repeat 4px 9px; 菜单的点击颜色变化效果采用链接的hover样式，不再需要JavaScript。

　　我设置页头的蝴蝶图片为
的背景，这样可以不用担心易用性，在不能显示图片的设备中(如屏幕阅读机和搜索机器人)也可以正常阅读标题。

　　第2小时

　　菜单的第一项(HOME)使用一个不同的图标，我不得不隐藏原来的背景，为HOME菜单增加一个额外的id(frst):

　　#hMenu ul li#frst

　　再另外一个(CONTACT)图标：

　　background: transparent url(menuBullet3.gif) no-repeat 615px 9px; 我无法用CSS控制2列有一样的高度，幸运的是，我可以用背景图片来变通实现。我定义了"container"纵向重复背景。

　　background: #fff url(bgMain.gif) repeat-y;

　　第3小时

　　CSS定义盒比表格方便多了，特别是边框的许多属性非常有用。

　　现在我开始定义
标题。图标的定义和上面的方法一样。

　　我将"news"层浮动(float)在"sightings" 和 "membership"的右面。定义"copyright"层" clear: both;"，这样它可以跟在浮动层的下面。将正文中的蝴蝶图片浮动在右面，文字可以自动环绕在图片周围。定义图片的1px border和设置padding距离就可以实现原来2个表格嵌套的效果。

　　又发现一些问题：版权层与内容层有部分重叠。

　　第4小时

　　显示的错误与"sightings" and "membership"的float:right; 定义有关。将它们浮动在左面就可以解决这个问题，这看上去很奇怪。我用firefox进行第一次测试，恩，看上去还不坏，只是菜单的图标有几pixel的移位。

　　有一些CSS技巧可以修正在非IE浏览器的显示效果，例如给不同浏览器不同的属性值。

　　我同一元素定义中使用了!important 值，相同的定义写在前面可以优先执行，这个值不被IE浏览器支持。

　　background: url(menuBullet2.gif) no-repeat 4px 6px !important;

　　background: url(menuBullet2.gif) no-repeat 4px 9px;

　　在CSS中，如果同一元素有多个定义，最后一个是有效的。但是因为IE不支持!important，所以IE将使用第二个定义值，而其他浏览器将采用第一个定义值。

　　全部完成，看这里的结果。

　　结论

　　基于表格的设计

　　我用各种能找到的浏览器来测试页面，包括linux、windows和Macintosh平台的浏览器。表格布局的页面在不同浏览器中看上去都一样。"它象岩石一样坚固"，这是给表格布局的第一评价。

　　然而，当需要修改页面部分内容时，表格布局改起来相当费力。这是一个问题，如果我们使用CMS(内容管理系统)，内容需要被格式化就比较麻烦。
　
　　整个设计时间有点长，是因为我已经有点遗忘了老方法，如果重新再来一次，我想可能会节省1-2个小时。

　　我形容基于表格的设计是大量"老土的(grunt work)"工作，虽然我经常吃惊于那些高级设计技巧。使用基于纯CSS的设计，我通常习惯于分解设计和逐步分析bug。而用表格设计则不需要这些工作，你只要不断往设计里面扔table就可以了。让我们再来看看CSS的过程。

　　基于CSS的设计

　　用CSS设计的感觉好多了。代码的改变直接而透明，我能清楚得控制整个过程，反观表格的设计就象在垒砖头。页面的改变越大，越感到CSS设计的方便和效率。

　　CSS设计对节省带宽也非常有意义，将所有样式提取出来放在单独的文件中，整个站点用一个或几个样式表文件，可以使整个站点尺寸更小。

　　将布局信息从内容中分离出来，也有许多的好处。在将来，我可以随时改版整个站点而不需要修改任何内容，就象CSS Zen Garden 。同时也增加了易用性，搜索机器人将更加方便发现你的页面(记住：google是你最重要的访客来源)。

　　在制作完毕，我同样在不同平台不同浏览器上进行测试。IE5.5和IE6.0表现完美。IE5.0上出现了错误，菜单和一些缩进失效，错位的页头效果看下面图片：

　　好无疑问这个bug可以被修复，但是考虑到这篇文章的主题范围，我不展开讲了。如果这是一个真实的客户项目，我肯定不能牺牲I E5.0的用户。在更老一点的浏览器中，CSS的设计表现得一团糟。

　　IE4

　　Netscape 4.7x

　　如果对不支持CSS的浏览器做一些代码处理(例如对Netscape用@import)看上去会好一些。
　　尽管当你熟悉基于CSS的设计后工作效率非常高，但是之前你必须花费大量的时间学习规则、盒模型的不同、浏览器的处理技巧以及许多的理论，并需要不断的实践来掌握。简而言之，CSS比tables更简单，但如果你想使用纯CSS设计，请准备投资大量的时间学习。即使你是一位经验老到的开发高手，也要准备好应对各种bug，有时候处理一个bug会花费几个小时。

　　胜者

　　CSS和基于web标准的设计胜出。只要看看两种方法的代码就足以做出选择了。CSS提供了更多的好处(主要在易用性方面)。其实根本的原因是我的懒惰。如果用表格设计，客户一年后联系我说需要改版，我可能会告诉他我参军了，正在国外某个乡村。如果我使用的是CSS，我将毫不思索地为客户改版，因为我不需要全部推翻重来。

常用CSS缩写语法总结

jiangzhiliang122@163.com(浪客剑心) — Mon,16 Apr 2007 15:34:22 +0800

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：

　　颜色

　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;

　　盒尺寸

　　通常有下面四种书写方法:

　　property:value1; 表示所有边都是一个值value1；

　　property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

　　property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3

　　property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

　　方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：

　　margin:1em 0 2em 0.5em;

　　边框(border)

　　边框的属性如下：

　　border-width:1px;
　　border-style:solid;
　　border-color:#000;

　　可以缩写为一句：border:1px solid #000;

　　语法是border:width style color;

　　背景(Backgrounds)
　
　　背景的属性如下：

　　background-color:#f00;

　　background-image:url(background.gif);

　　background-repeat:no-repeat;

　　background-attachment:fixed;

　　background-position:0 0;

　　可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;

　　语法是background:color image repeat attachment position;

　　你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：

　　color: transparent

　　image: none

　　repeat: repeat

　　attachment: scroll

　　position: 0% 0%

　　字体(fonts)

　　字体的属性如下：

　　font-style:italic;

　　font-variant:small-caps;

　　font-weight:bold;

　　font-size:1em;

　　line-height:140%;

　　font-family:"Lucida Grande",sans-serif;

　　可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

　　注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

　　列表(lists)

　　取消默认的圆点和序号可以这样写list-style:none;,

　　list的属性如下:

　　list-style-type:square;

　　list-style-position:inside;

　　list-style-image:url(image.gif);

　　可以缩写为一句：list-style:square inside url(image.gif);

CSS的十八般技巧

jiangzhiliang122@163.com(浪客剑心) — Mon,16 Apr 2007 15:33:56 +0800

一.使用css缩写

　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

　　二.明确定义单位，除非值为0

　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

　　三.区分大小写

　　当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。

　　class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。

　　四.取消class和id前的元素限定

　　当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如：

　　div#content { /* declarations */ }
　　fieldset.details { /* declarations */ }

　　可以写成

　　#content { /* declarations */ }
　　.details { /* declarations */ }
　
　　这样可以节省一些字节。

　　五.默认值

　　通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样：

　　* {
　　　　margin:0;
　　　　padding:0;
　　　}

　　六.不需要重复定义可继承的值

　　CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。

　　七.最近优先原则

　　如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码

　　Update: Lorem ipsum dolor set

　　在CSS文件中，你已经定义了元素p，又定义了一个class"update"

　　p {
　　　　margin:1em 0;
　　　　font-size:1em;
　　　　color:#333;
　　　}
　　.update {
　　　　　　　font-weight:bold;
　　　　　　　color:#600;
　　　　　　　}

　　这两个定义中，class="update"将被使用，因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》了解更多。

　　八.多重class定义

　　一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。

　　.one{width:200px;background:#666;}
　　.two{border:10px solid #F00;}

　　在页面代码中，我们可以这样调用

　　

　　这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。

　　九.使用子选择器(descendant selectors)

　　CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码：

　　

Item 1

Item 1

Item 1

　　这段代码的CSS定义是：

　　div#subnav ul { /* Some styling */ }
　　div#subnav ul li.subnavitem { /* Some styling */ }
　　div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }
　　div#subnav ul li.subnavitemselected { /* Some styling */ }
　　div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }

　　你可以用下面的方法替代上面的代码

　　

Item 1

Item 1

Item 1

　　样式定义是：

　　#subnav { /* Some styling */ }
　　#subnav li { /* Some styling */ }
　　#subnav a { /* Some styling */ }
　　#subnav .sel { /* Some styling */ }
　　#subnav .sel a { /* Some styling */ }

　　用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。

　　十.不需要给背景图片路径加引号

　　为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如：

　　background:url("images/***.gif") #333;

　　可以写为

　　background:url(images/***.gif) #333;

　　如果你加了引号，反而会引起一些浏览器的错误。

　　十一.组选择器(Group selectors)

　　当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。

　　例如：定义所有标题的字体、颜色和margin，你可以这样写：

　　h1,h2,h3,h4,h5,h6 {
　　　　　　　　　　　　　font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
　　　　　　　　　　　　　color:#333;　
　　　　　　　　　　　　　margin:1em 0;
　　　　　　　　　　　　　}

　　如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如：

　　h1 { font-size:2em; }
　　h2 { font-size:1.6em; }

　　十二.用正确的顺序指定链接的样式

　　当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link :visited :hover :active。抽取第一个字母是"LVHA"，你可以记忆成"LoVe HAte"(喜欢讨厌)。为什么这么定义，可以参考Eric Meyer的《Link Specificity》。

　　如果你的用户需要用键盘来控制，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置，如果你希望聚焦元素显示:hover效果，你就把:focus写在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover后面。

　　十三.清除浮动

　　一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。

　　通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How To Clear Floats Without Structural Markup》(注：本站将尽快翻译此文)。

　　上面2种方法可以很好解决浮动超出的问题，但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办？一种简单的方法就是用overflow属性，这个方法最初的发表在《Simple Clearing of Floats》，又在《Clearance》和《Super simple clearing floats》中被广泛讨论。

　　上面那一种clear方法更适合你，要看具体的情况，这里不再展开论述。另外关于float的应用，一些优秀的文章已经说得很清楚，推荐你阅读：《Floatutorial》、《Containing Floats》和《Float Layouts》

　　十四.横向居中(centering)

　　这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：CSS如何横向居中？你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样：

　　你可以这样定义使它横向居中：

　　#wrap　{
　　　　　　width:760px; /* 修改为你的层的宽度 */
　　　　　　margin:0 auto;
　　　　　　}

　　但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样：

　　body　{
　　　　　　text-align:center;
　　　　　　}
　　#wrap {
　　　　　　width:760px; /* 修改为你的层的宽度 */
　　　　　　margin:0 auto;
　　　　　　text-align:left;
　　　　　　}

　　第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。

　　十五.导入(Import)和隐藏CSS

　　因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如：

　　@import url("main.css");

　　然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法：

　　@import "main.css";

　　这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》

　　十六.针对IE的优化

　　有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。

　　1.注释的方法

　　(a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector):

　　html>body p {
　　　　　　　　　　/* 定义内容 */
　　　　　　　　　}

　　(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)

　　* html p　{
　　　　　　　　/* declarations */
　　　　　　　　}

　　(c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用"反斜线"技巧：

　　/* \*/
　　* html p　{
　　　　　　　　declarations
　　　　　　　　}
　　/* */ 　

　　2.条件注释(conditional comments)的方法

　　另外一种方法，我认为比CSS　Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样：

　　

　　十七.调试技巧：层有多大？

　　当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。

　　另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。

　　十八.CSS代码书写样式

　　在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式：

　　selector1,
　　selector2 {
　　　　　　　　property:value;
　　　　　　　　}

　　当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。

　　我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。

　　最后，关闭的大括号}单独写一行。

　　空格和换行有助与阅读。

网站程序员如何应对web标准

jiangzhiliang122@163.com(浪客剑心) — Mon,16 Apr 2007 15:33:05 +0800

本文讨论的是在web标准普及的形势下，网站程序员的定位以及如何与设计师配合开发符合web标准的网站项目。

　　本文适合的读者是传统TABLE布局下分工不是非常明晰的程序员。

　　1:学习web标准，让你的工作变得更加简单。

　　web标准是大势所趋，所以作为网站程序员。你必须洗脑，必须去学习web标准。去重新认识html标签，去了解如何让程序输出页面需要的代码。

　　比如：

上边是美工出来的效果图，下边是符合标准的程序代码：
Dim oHtml

set rs=server.createobject("adodb.recordset")

Sql = "select top 10 id,Title From tbl_News order by id desc"

rs.open sql,conn,1,1

oHtml="

" & rs("title") & "

"

rs.close

set rs=nothing

response.write (oHtml)

　　而如果是传统的TABLE布局下，程序员要写的HTML代码就会多很多，要写出TABLE、要判断什么时候输出TR来换行、要在每条新闻的前边加个一个IMG来输出小图标、要用程序去控制输出的标题长度。所有的工作都需要先出页面代码，程序员才能去写出这段程序。

　　对于程序员而言，你应该把web标准当成是一种福音，你应该把它当圣经一样去读，去了解页面代码到底需要什么，明白之后你就会发现。你比以前要轻松多了。由于web标准注重的是表现与内容相脱离，而程序只负责内容数据。从此你就不再需要考虑用程序代码如何控制隔行换色、一行分几列输出等等。你需要去做的，就是向页面输出最直接的内容，没有任何装饰的内容。

　　当然如果你是用.net开发的话，你就可以更彻底一点了。你可以完全将工作重点放在建立对象、类库、数据访问等，向表现层提供方法即可。下边的例子是我以前做项目的，应该有点参考价值。

　　2:网站程序员，别让HTML标签阻挡了你的视线。

　　如果你觉得你真的非常讨厌繁琐的HTML标签，而且自己的学习方向也不在网站的表现层，那你就和HTML标签彻底地说再见吧。

　　我曾经在传统桌面软件开发的公司工作，程序员都不会HTML，网站项目紧的时候又不得不让他们来帮忙。我们就拿着Visual Studio .Net 2003自带的几个例子仔细分析，按照面向对象的结构化分层开发模式，也能非常好的进行配合。以新闻模块的开发为例：

　　第一步：网站程序员可以按需求分析进行数据库设计，你可以负责建表、编写存储过程。这类的事情程序员都非常的熟悉。

　　第二步：定义对象。将网站的信息对象化，比如：

Public Class News

Protected _id As Integer

Protected _typeId As Integer

Protected _title As String

Protected _author As String

Protected _original As String

Protected _updateTime As DateTime

Protected _content As String

Protected _clickCount As Integer

Public Property Id() As Integer

Get

Return _id

End Get

Set(ByVal Value As Integer)

_id = Value

End Set

End Property

Public Property TypeId() As Integer

Get

Return _typeId

End Get

Set(ByVal Value As Integer)

_typeId = Value

End Set

End Property

Public Property Title() As String

End Property

Public Property Author() As String

End Property

Public Property original() As String

End Property

Public Property UpdateTime() As DateTime

End Property

Public Property Content() As String

End Property

Public Property ClickCount() As Integer

End Property

End Class

　　就像这样，把网站里所有的表都试着对象化。然后再定义对象相关的记录集，上边定义的是单个的新闻对象，再定义一个新闻的记录集。

Public Class Newss

......

End Class

　　第三步：定义一套公共的数据访问方法。

　　定义一些操纵数据库、执行存储过程的公共方法。

　　第四步：编写基于对象的方法层。如：

Public Function ReadNews(ByVal ID As Integer) As News

End Function

　　函数返回的就是一个新闻对象。根据功能的需要，一般还会定义一些相关的函数，如：

　　'读取新闻列表

Public Function ReadNewss(ByVal newsType As eNewsType, ByVal nCount As Integer) As News

End Function

　　'增加一新闻

Public Function InsertNews(ByVal n As News) As Integer

End Function

　　'更新一条新闻

Public Function UpdateNews(ByVal n As News) As Integer

End Function

　　删除一条新闻

Public Function DeleteNews(ByVal ID As Integer) As Integer

End Function

　　这样来做，网站开发可以分成对象层、数据访问层、方法层、表现层。而程序员则只需要提供表现层所需要的方法。这样一来，在表现层需要显示新闻列表时，页面设计师只需要用.net中的Repeater控件，如下代码：

"><%#Container.DataItem("title")%>

　　而在表现层的程序代码中我们只需要加上：

topNewsList.DataSource = New facade.newsFacade().ReadNewss(eNewsType, newsCount)

　　这样的话，程序员基本上可以与HTML完全脱离了。而且这样的话，整个项目组的成员都可以并行工作了。能非常明显地提高整个项目的开发效率。况且现在web2.0模式的兴起，对后台数据库开发提出了更高的要求。如豆瓣网、365Kit等网站，后台的数据库挖掘工作是非常复杂的。所以在分工明晰的今天，除了HTML代码，其它有很多更重要的工作等待网站程序员去做。

　　3:以用户为中心的设计，离不开前端开发工程师。

　　如果你觉得脱离了熟悉的HTML代码，你有点舍不得的话，不要紧。干脆将自己推到web技术的风口浪尖。做一个成产品设计关系密切的前台开发工程师。

　　随着网络、计算机硬件设施的不断提升，我们正在朝着富客户端的方向前进。为了产品的易用性，给网站程序员提出了非常高的要求。前台开发工程师这个岗位也越来越显得重要。这个职位应该说也是近年才有的，而这个职位也不是一般的网页设计师能胜任的，所以网站程序员也自然分开了，分后台开发工程师和前台开发工程师，这个方向应该说也是一个非常好的选择。而这个则需要你对web标准有一个比较全面的认识。既需要你对javascript非常了解，同时也需要你对DOM文档对象模型、CSS表现层样式代码、ajax异步都非常了解。相关的例子就非常多了，比如：在线注册表单的即时检测、密码强度的提示、多级下拉菜单的联动等。对于改善用户体验、提高网站访问速度都有非常重要的作用。