在《编写高质量代码 Web前端开发修炼之道》一书中，作者总结经验，认为网页设计中，css应当分为三层，分别为base层、common层、page层。其中base层为样式最底层，里面包含css reset代码和原子类，基本不需要维护。common层是中层的样式，设置一个网站频道等的样式。page层，则是具体页面的样式。如果把网页设计比作盖房子，base层就是地基，common层就是你这个房子的墙壁、结构，page层就是你房子的内饰等。

之前，潜行者m已经写过一篇关于css reset的文章，而今天，潜行者m就来介绍一下原子类。

原子类是可以高度重用的css样式。例如width:10px;或者是float:left;这类样式，很多的元素都要用到这类样式，但是在每个元素的css样式中，都添加这条语句，无疑会增加代码数量，使其不够简洁，而且当css样式很多的时候，维护起来就会非常麻烦。于是就有了css通用原子类。

如何编写？

在css文件中，编写简单简洁的类，每个类实现一个具体的小功能，并且命名一个非常简单直观的名字，例如：

.w{width:auto;}

.w10{width:10px;}

.fl{float:left;}

.fr{float:right;}

…………

在上面，只写了几个样式，作为例子，实际的原子类文件中，会包含各种原子类。

如何使用？

编写完成之后，我们应该如何在元素中，使用原子类？这就要用到元素的class属性了。在一个页面元素中，class属性值可以重复，并且可以指定多个样式。例如，我想要让这个div元素，宽度为10px，并且向左浮动，那么我就可以这样写：

<div class=”w10 fl”></div>

这样写之后，就说明这个div元素，同时具有.w10 .fl两个类的css样式。而如果我想要另一个div元素，宽度10px，并且向右浮动，我们就可以这样写：

<div class=”w10 fr”></div>

而不必为每个div分别制定width:10px;，这样就可以节约代码，高度重用代码了。同时，简短形象的名字，也可以让人非常容易理解样式的意思，例如一个div的class属性是w100 h100 fl，我们就可以知道，这个div宽100px，高100px，向左浮动，日后修改等都是非常方便的。

推荐使用 潜行者m 的 CSS creater 在线生成包含 常用原子类的 CSS 文件。地址：http://lab.qianxingzhem.com/app/csscreater/

article 元素与section 元素是 html5 中新增的两种元素，它们的功能与 div 是一样的，都是用来区分不同区域，它们的使用方法也相似，因此有很多朋友会将其混用。html 5 中之所以新增这两种元素，就是为了更好的描述文档的内容，所以它们之间肯定是有区别的。

article 元素

article 元素代表文档、页面或者应用程序中独立完整的可以被外部引用的内容。例如：博客中的一篇文章，论坛中的一个帖子或者一段浏览者的评论等。因为article元素是一段独立的内容，所以article元素中，通常包含头部（header元素）、底部（footer元素）。例如博客中的一篇文章的结构：

<article>
    <header>
        <h1>潜行者m的个人介绍</h1>
    </header>
    <p>潜行者m是一个男的中国人。。。。。</p>
    <footer>
        <p>潜行者m版权所有</p>
    </footer>
</article>

section 元素

section 元素用于对网站或者应用程序中页面上的内容进行分块。一个 section 元素通常由内容以及标题组成。例如：

<section>
    <h1>潜行者m的个人介绍</h1>
    <p>潜行者m是一个男的中国人。。。。。。</p>
</section>

从上例可以看出，**section 元素中，需要包含一个<hn>标题元素**，而一般不用包含头部（header元素）或者底部（footer元素）。通常用 section 元素为那些有标题的内容进行分段。 section 元素的作用，是对页面上的内容分块处理，例如对文章分段等，相邻的 section 元素的内容，应当是相关的，而不是像 article 那样独立。例如一篇文章：

<article>
    <header>
        <h1>潜行者m喜欢的科技公司</h1>
    </header>
    <p>本文中，潜行者m列举了一下他喜欢的科技公司。。</p>
    <section>
        <h2>google公司</h2>
        <p>著名的搜索引擎公司。。。</p>
    </section>
    <section>
        <h2>苹果公司</h2>
        <p>非常能创新的公司。。</p>
    </section>
    <footer>
        <p>版权所有，翻版不咎</p>
    </footer>
</article>

通过上面的例子，你应该能感受到 article 元素与 section 元素的区别。事实上 article 元素可以看做是特殊的 section 元素。article 元素更强调独立性、完整性，section 更强调相关性。 ## 一个比较完整的例子

<article>
    <header>
         <h1>潜行者m的个人介绍</h1>
    </header>
    <p>潜行者m是一个中国男人，是一个帅哥。。。。</p>
    <section>
        <h2>评论</h2>
        <article>
            <h3>评论者：潜行者n</h3>
            <p>确实，m同学真的很帅</p>
        </article>
        <article>
            <h3>评论者：潜行者a</h3>
            <p>M今天吃药了没？</p>
        </article>
    </section>
</article>

article、section 与 div 的区别

既然 article、section 是用来划分区域的，又是html 5的新元素，那么我可不可以用article、section来取代div，用来布局网页呢？如果你真打算这样做，那么你就像使用ul来打造表格（table）一样愚蠢。div的用处就是用来布局网页，划分大的区域，只是html 4中，只有div、span来划分区域，所以我们就习惯性的把div当成了一个容器。而html 5改变了这个，它让div的工作更纯正。div就是用来布局大块，在不同的内容块中，我们按照需求添加 article、section 等内容块，并且显示其中的内容，这样才是合理的使用这些元素。

从一开始，我博客网站的固定连接，就觉得不是很好看。后来一直做着思想上的斗争，如果换了新的伪静态策略的话，以前收录的就白弄了，会出现大量404，还要大量的301转向。但是后来一想，如果不换，就一直这样，以后文章越来越多了，再更换损失就会越大。所以就狠下心，换了。

换了伪静态规则之后，由于那段时间比较忙，结果忘了对重要的页面进行301转向。后来想到的时候，已经是几天之后了，抓紧用百度搜索了一下我独特的关键词“潜行者m”，结果排名一下子到了第二页了，果断被百度K掉了。然后就开始寻找恢复的策略，现总结如下：

百度K站的诱发因素：

网站改版，大量页面链接的改变。百度对这种情况的惩罚还是比较轻微的，只是把我的网站放到了第二页。特别是新站，搜索引擎发现大量改版的现象时，都会给予一定的警惕。因为垃圾网站就有这种特点，经常更改网站内容和链接。所以搜索引擎要K掉你网站一段时间，来观察一下。

除此之外，百度K站的原因还有大量垃圾外链以及其他的作弊手法等。因为这种原因造成的K站，一般是比较难以恢复的，需要很多时间。或者，直接永远无法恢复。做垃圾站、站群的，自己做好心理准备。

被百度K掉的解决方法：

被K掉之后，一般没有什么解决方法，除非你是百度内部的人，可以轻易的将你的网站从百度那边观察列表上清除。百度K你的，是因为你的网站具有他们认为是垃圾网站的特征，所以，如果是一个正规网站的话，大可不必担心。百度K你，只是考验你的网站是不是垃圾网站，你只需要继续和平常一样，发表原创文章，匀速的做高质量外链。当百度看到你网站在继续正常的运营，他们就会思考是不是自己判断错了，于是排名就会慢慢爬上来。

就像我的博客，发现被K之后，仍然写原创文章等，过了不到半个月，特殊关键词“潜行者m”现在又重新恢复到第一位了。

 

友情链接是一个完整的网站必不可少的一部分，而友情链接也不是随便就可以添加建立的，里面有很多需要注意的地方。下面，就由潜行者m为大家讲解一下如何建立合理有效的友情链接。

友情链接的作用

建立友情链接，可以建立你和对方的友情，这是网站友情链接的社会作用。有了友情链接之后，可以增进双方的友情。建立友情链接，可以增加一些流量。这些流量通常还是比较少的，因为很少有人回去关注网站友情链接，更少人去点击访问。建立友情链接，可以增加网站的相关性、网站权重等，友情链接，往往相当于一个高质量的外链，具有一定的seo的价值。这才是友情链接的重要作用。

寻找友情链接

寻找友情链接的方法有很多种，比如说，有很多链接交换平台，上面有很多交换友情链接的信息，你可以选择自己合适的进行交换。同时在站长qq群或者一些其他的地方，都可以发现有交换友情链接的站长。但是我不推荐这种方式。一个好的友情链接，是自己花时间去寻找发现的，我推荐的交换友情链接的方式是这样的：经常关注与自己网站类型相关的网站，看看他们的页面上，是否有没有申请友情链接等字样，看一下对方有没有交换友情链接的意向。如果有的话，就提交申请友情链接。还要观察他们的网站友情链接，因为一个比较好的网站，他的友情链接质量也是很高的，和他网站内容也是相关的，换句话说我们也可以和他交换友情链接。如果遇到好的，可以进行提交申请。潜行者m认为这种方式找到的友情链接的质量是最好的。

衡量友情链接质量

网站友情链接的方式，通常有三种，一种就是直接在首页下面显示友情链接，另一种就是建立一个专门用于放置友情链接的页面，在首页中链接这个页面，还有就是这两种结合起来的。通常来说，直接放在首页的友情链接质量是最高的，放在内页的要差很多。如果对方是一个大型的权重很大的网站，为了网站版面等，把你的链接放在内页，也有情可原，如果是小网站主动找上门来的还把你放在内页，说明对方根本不重视你，直接无视掉即可。

此外链接的pr值也是比较重要的，虽然pr值作用已经削减，但是谷歌的判断通常是不会错的，pr值高的网站，说明网站质量要好。需要特别注意的是，要看一下网站的历史，不要被表面的情况迷惑了，看一下这个网站以前曾经做过什么，有没有被搜索引擎k掉。如果这个网站之前被惩罚过，那么和这种网站友情链接是很危险的。如果对方网站是一个充满垃圾的采集网站，那么和这这种网站链接是没有前途的。

查看对方网站友情链接的数量和质量，我曾经接到过一个网页游戏网站的友情链接申请，他们网站友情链接在下面有上百个，有各种各样的网站。如果对方链接很多的话，每个链接分到的pr值等就会很少得到的利益就会很少，更别提会给你带来点击流量了。相反的，你网站友情链接少，会给他很多的好处。而且对方链接很杂乱，说明这个网站并不是一个质量很好的正规网站，和他们链接是没有任何好处的，所以应当尽量避免此类链接。

友情链接中的花招

有很多素质比较低的站长，会使用一些友情链接的花招，来让他得到的利益最大化。

1，过段时间悄悄的删掉链接。本来和你说的很好，和你建立友情链接，之后过段时间就偷偷删掉。这种情况很常见，一般来说，清除友情链接，应该要提前和对方站长沟通说一声。应对这种情况，我们就要经常看一下友情链接中的网站，是不是还链接着你的网站，如果没有了，问一下出现了什么问题，如果是人为有意的，那么你就可以毫不客气的撤下链接，与这种人断绝来往。

2，各种方法阻止链接传递权重。比如加上nofollow属性，使用javascript来输出你的链接。这样可以控制权重不向你的网页还有很多中作弊的花招，在这里就不再赘述了。大家在检查友情链接的时候，不要仅仅看外表，一定要看一下相应的源代码。如果有不是最简单的a标签的话就要注意了。很有可能会动过一些手脚。

接受别人的友情链接

如果你的网站想要得到友情链接，并且允许申请友情链接的话，请在网站的底部或者其他地方新建一个友情链接页面。页面的锚文字可以是“申请友链?”之类的文字，让别人一看就知道是一个申请友情链接的页面，从而让别人知道你想要接受友情链接。在这一个页面中，你应该说明你要添加的友情链接的相关要求，比如要求对方pr多少，对方收录多少，对方网站更新频率多少等等。这样做一个要求之后，如果遇到一些不太好的友情链接申请，你就可以有个比较好的理由回绝对方。

申请友情链接的礼仪

在申请友情链接中，有许多需要注意的地方，要礼貌注重礼仪一些，这样得到对方友情链接的几率就会大一些。

1，在申请对方友情链接的时候，一定要真诚的请求，并且在自己的网站上，提前加上对方的网站链接。这样会让对方感到你是真的很想和他链接。

2，提前看清对方友情链接的标准，如果自己的网站达不到这个标准，就尽量不要去申请。申请也没有用处，对方一般不会同意的，而且还搞得比较尴尬。

3，如果对方的网站经常打不开，或者有一些不良的信息等，你不想和他继续交换友情链接了。请提前和对方站长联系一下，说明自己不想做友情链接了，说明对方网站有哪一些地方不符合自己的友情链接的要求，告知对方要撤下链接。不要不通知就私自撤下链接，这是一种非常不礼貌的行为。潜行者m不久前就遇到这种情况，发现后，直接撤下，以后永远不会和这个站长友情链接了。

申请友情链接的误区

1，有些人认为，友情链接越多越好，从而只要是网站就去申请友情链接。这是错误的，假如一个生物科技论坛和一个游戏论坛做友情链接，这是没有多少用处的。得到高质量的网站友情链接，必须是相关的网站，例如网络营销网站的话，可以与一些网站建设类网站链接，这样的效果和质量都要好很多。同时，友情链接尽量要控制在20个左右，不要太多了。如果太多了，会被搜索引擎当成链接工厂，而且每个链接的权重也会降低。

2，pr等指标越高，这个友情链接就越好。这又是一个seo的误区，很多人认为，一个网站的pr值越高，与他链接，得到的好处就越多。于是就有很多人卖pr值高的网站链接，有些人就买。对于pr值来说，不要和自己网站差距太大，相仿、低点、高点都可以。举一个简单的例子，一个pr为1的网站，却有一个pr8的网站链接。搜索引擎发现了，会怎么想？一个pr8的网站为什么要去链接一个pr1的网站？会不会是购买的链接？如果搜索引擎真的这样想，就麻烦了，因为搜索引擎是反感购买链接这类活动的。所以，与自己pr相仿或者高点的网站链接是最好的了。

网站搬家，顾名思义就是转移网站更换网站的服务器。在一个网站的运营发展中，必不可少的过程就是转移服务器，可能是由于续费、更换主机服务商或者网站规模增大需要更强配置的服务器等，都需要进行网站搬家。前些天，我看到过一篇不错的关于网站搬家的文章，是潜行者m写的《网站搬家的一般流程》，上面介绍了一下网站搬家的原则和实现的具体步骤，并没有涉及太多的关于seo方面的。在这里本人就从seo的角度来谈谈网站搬家。
网站搬家，注定是要更换服务器，通常的说，将一个网站转移到另一个服务器上，是不会对排名造成影响的。至于有些人发现排名下降了，那可能是由于你搬到了一台之前被搜索引擎惩罚的服务器上，或者是你搬家的方法不当，导致搬家过程中，搜索引擎发现大量的错误等等。如果操作得当，网站搬家对排名是没有影响的。

第一步：确定你真的要进行非常有必要的网站搬家。我周围就有很多朋友，总是不停的购买主机然后不停的把网站放来放去。这样既麻烦，又有可能造成文件数据丢失，导致排名受损。再说，如果搜索引擎检测到你的网站经常的更换服务器，那么它就会疑惑你的网站究竟是一个什么网站，为什么要经常转移网站，对排名很有可能也有一定的影响。

第二步：备份网站的所有资源。网站搬家的原则就是，不能丢失任何的数据和资源。包括你的数据库和图片等资源，都要全部复制下来。

第三步：把所有下载下来的网站资源，按照原先的目录结构等上传到新网站空间，保证文件名和目录一致，将数据等导入数据库。之后，我们就要进行检测和观察。对比原和转移之后的网站结构、数据等，进行适当的修改。比如有个文件缺失了，无法访问，就下载补上；如果有数据丢失文章不见了，再重新添加上。要多打开几个页面，多看一下，搬家之后的网站是不是和原来的网站有什么变化。如果有变化的话，就修改成原来网站的样子。

第四步：修改dns设置，使其生效。经过第三步，如果你发现已经没有什么问题了，那么就可以进行域名转接了。修改dns，将域名指向新网站空间的ip地址，并且修改一下ttl设置，把它设置成最短。ttl表示dns的缓存时间，短了可以即时的让域名转接生效。过几分钟之后，我们可以ping一下自己的网站域名，就可以发现域名已经指向了新的服务器。这时候，要看看网站和以前有没有什么不同，如果不同的话，请抓紧进行修改。

第五步：一段时间将原网站文件数据等删除。搬家过程已经完成，但是我们的旧网站仍然需要再放一会。如果新的网站空间不行的话，我们可以直接修改dns把域名转接回老网站。我们需要在旧网站上面添加一个新的统计代码，看一下还又没有人访问，通常经过几天，搜索引擎对网站进行正常的收录之后，我们就可以把原网站数据删掉。这也是为了安全的需要，防止原网站数据被下载等。

这样，网站搬家就算是完成了。还需要注意以下几点：
1，过段时间，需要把ttl设置调高。在第一时间告诉isp和搜索引擎你网站换服务器之后，就可以把ttl重新设置的高一些。因为网站的地址不会轻易的变化，所以不需要很短的缓存生效时间。调高之后，可以减少对dns服务器的请求，可以提高网站访问速度。
2，如果网站是一个更新速度很快的网站，而且主要的更新者是用户（例如论坛），那么出于防止数据丢失的考虑，我们需要在搬家之前，关掉网站相关功能，显示网站正在升级等。搬家之后，立刻开启功能，这样就不会丢失用户发布的新内容了。
3，一定要仔细检查网站文件是否丢失，网站结构是否变化。有些网站使用了伪静态功能重写了url，一定要按照之前的格式，重写，如果url发生了变化，就麻烦了。
4，在网站搬家的过程中网站一直可以正常访问，所以不会对搜索引擎的爬行、排名等造成影响。

1，网站推广29种常用方法

网站站长最头疼的事情，就是网站推广。如何才能进行有效的网站推广呢？本书中就介绍了29种网站推广的方法。本书是外国人写的，而且时代有些久远，其中的有些方法已经失效了，不过仍然有参考价值。

下载地址：http://qxzm.qjwm.com/down_1989383.html

2，王通《网站运营研究》超值

这本书的主题是网站运营研究，在本书中，王通以几个著名的网站作为例子，分析他们如何运营，如何成功。想要建设网站，却又找不到好头绪；想要运营网站，却又不知道方法的朋友，千万不要错过本书。通过本书的学习，会给你一些网站建设运营的灵感。

下载地址：http://qxzm.qjwm.com/down_1989383.html

3，Google Adsense的秘密

Google Adsense是各位站长都知道的比较好的广告联盟。做Google Adsense其实是有很多需要注意的地方，在布置页面的广告时，也是有很多技巧的。

本书是老外写的，被翻译成中文。如果有想要做谷歌联盟的朋友，请务必看一下本书！

下载地址：http://qxzm.qjwm.com/down_1989385.html

4，王通的2007seo

王通是国内著名的seo专家，他曾写过不少的seo资料，但都是保密的这是他2007年的一本seo资料，虽然过去了几年，但是里面还有部分内容是非常好的，仍然有很多参考价值。推荐大家下载下来看一下。

下载地址：http://qxzm.qjwm.com/down_1989336.html

5，六篇网赚seo精选文章

今天潜行者m带给大家的是收集的六篇关于网赚的关于SEO的精品文章，挺不错的。大家可以先看一下文章标题，看看自己需要不需要看，如果需要的话，就下载。

下载地址：http://qxzm.qjwm.com/down_1989456.html

一个网站，仅仅有好的内容是无法变大的，因为即使有了好的内容，别人不上去看，也没有作用。所以一个好的网站，不仅要有好的内容，还要有好的推广方法。下面，潜行者m就为大家总结了14种目前来说最有效的网站推广方法以及推广技巧。

1，搜索引擎优化推广法

也就是传说中的SEO优化，把你的网站优化好了，让搜索的人很方便就找到你的网站。这种方法来的IP质量也是最高的。具体的就不多说了。

2， 软文推广法

这也是目前比较常用的方法，但是要有一定的软文编写功底。一篇好的软文，会让别人看不出这是一个广告，而且会不停的转载，自动为你宣传。至于说怎么写软文，你去A5上看看就会了，上面全是软文，看的多了，自然就会了。

3，自建博客推广法

博客推广是一种很有效的方法，例如在百度空间之类的博客，发文章可以增加外链。如果博客文章不违反相关规定的话，是不会被删除的，这样效果就会更持久。我们还可以悄悄的利用一些工具，到别的博客中去踩。这样，能吸引到很多的人来，这里面是有很多技巧的。

4，门户网站投稿推广法

如果你写了一些比较好的文章，不妨到某些可以投稿的比较大的门户投稿。例如网站建设类的文章，可以投稿到chinaz.com等门户网站，如果被发表了之后，就会有很多人看到，被很多人转载。当然，最好要把你的网站链接融入到文章中，因为转载你文章的朋友，百分之九十不会把最下面的你的版权声明复制上。

5，论坛网站推广法

去相关的论坛进行推广，一定要注意，要适当的进行推广，比如添加签名然后去发帖、顶贴等。推广前，最好先看清论坛的规则，就目前来说，很多论坛，都禁止发带连接的帖子，对于新注册的会员限制也比较大。

6，qq群推广法

目前在网上，你可以搜索到各行各业很多的qq群，你可以依次加上他们。这里面是有很多注意事项的，在加入之前，发送请求的时候，一定要输入一些相关文字，向管理员表明你不是批量申请，而是一个有需求的。进去之后，一定要先打声招呼。这样做有两个好处，第一个是让管理员注意到你是一个正常的用户，第二个就是，这让你不会在短期内被踢出去。有些qq群会不定期的踢人，就是看这个人进入群之后，有没有发帖等。此外，对于qq群来说，可以有三种方法推广：1，群邮件，一定不要发广告发的太过于明显。2，在群里发。3，依次打开群成员发临时消息。最后一种效果最好，风险也最大。qq群推广最好要经常在群中聊天，和管理员等树立良好的关系，这样你发广告，他也就睁一只眼闭一只眼了。

7，网摘推荐网站推广法

现在社会化的网站很多，这类网站发展很迅速。例如各种文章推荐，微博推荐等等。你一定要在网站上加上收藏分享链接，浏览者如果看到你的这篇文章写的不错，想收藏起来能够很方便。请你记住，当一个人收藏之后，可能会有很多他的好友看到你这篇文章，也有可能会收藏、分享。

8，昵称网站推广法

比较老的方法，例如qq，你可以在外面公开你的qq，让很多有需要帮助的人加你的qq，这样你可以修改qq签名、信息或者发微博等，主动加你qq的人，通常都会关注你，那么你的目的就达到了。对于潜行者m来说，就经常翻开qq上面的好友，看看他们的信息，如果发现了网址等，总是好奇的打开来看一下。

9，订阅邮件推广法

邮件营销永远是非常有效的营销方式，很多网站添加了邮箱订阅功能。当用户订阅你的邮箱之后，会自动的把你网站上的文章，发给用户。这样，可以拉来很多的回头客。腾讯公司提供的“邮箱列表”服务很好，可以利用它来收集订阅用户，进行群发邮件。

10，自动回复邮件推广法

我们可以设置邮箱自动回复，回复内容可以是，我收到了之类的。在邮件的下面设置自己的网站链接，名字要起得有诱惑力一些。在外面的时候，要推广自己的邮箱，例如发送邮件到我的邮箱，可以收到某某资料之类的。当他们发送邮件的时候，就会自动收到带有你网站链接的回复邮件。

11，交换友情链接推广法

最古老的方法，在这里不再赘述。多说一点，看到某SEO博客写文章说，买链接的时候，不要仅仅的追求pr值高。他说，友情链接最好是pr值相当的，稍大点的。如果差距太大了，也不好，如果搜索引擎发现一个pr值为7的网站，在首页却链接了一个pr值为1的你的网站，它会怎么想？具体怎么说的，我忘了，仅供参考！

12，自问自答推广法

最典型的就是百度知道上，注册多个账号，自问自答。威客网站上有的是这种任务。但是我个人不推荐，因为麻烦半天，竞争对手只要在投诉页面，发上你的链接，一天之后，你这个问题就消失了。而且百度知道控制的力度也很大。我们可以转向其他问答平台，除了百度知道，还有很多问答平台。

13，百科类网站推广法

最常见的还是百度百科，很多百科词条下面，都有相关链接。有的是补充链接，有的是广告链接，如果你的网站能出现在相关词条下面，如果这个词条很火的话，无疑会给你网站带来很多流量。但问题是，一般无法通过，我试过好几次都不行，除非你的网站是一个比较大的、比较权威的、而且与词条相关程度非常高。

14，文库类网站推广法

百度文库、豆丁网等，都是这种，上传文档的网站。我们可以把自己的文章，复制下来，加上自己的链接，上传上去。特别是百度文库，排名很靠前，而且还能获得外链。这是很早以前就出现的推广方法，不过现在来说，百度百科的审核力度非常大，在文章加个版权链接，都被判断成广告，禁止发布。可以考虑其他类似的网站。

15，出版电子书推广法

电子书推广法是非常好的一种方法。你可以把自己网站相关程度比较高的一些文章整合一下，编成一本电子书，对外开放下载等。这里面的东西，可都是完全由你自己进行控制的，想加多少链接加多少，想怎么样就怎么样。不过一定要质量好，不然没人去看，没人下载。

以上就是潜行者m总结的15个现在来说，比较常用比较有效的网站推广方法，也是目前本人在用的。关于更详细的推广方法，可以去看本人的博客，我会不断写出自己的经验的。

现在基本上每个网友的电脑上，都会安装一些网络软件，例如下载软件迅雷，在线播放视频的迅雷看看、暴风影音等软件。安装之后会发现，电脑上网速度很慢，打开个页面都很卡。当我们检查的时候，却发现电脑上并没有从网上下载文件、也没有在线播放视频，究竟是为什么？究竟是什么偷偷吃掉了你的网速？

问题的原因还是出在那些软件上面。首先，先让我为大家介绍一种 P2P 下载协议。P2P 协议就是点对点，就是说这一个文件，没有真正的下载服务器，而是某个人把自己的电脑拿出来，设置共享。然后就有软件在互联网上开放这个资源，就有人来下载，当这个人从你电脑上下载完之后，他可能会共享出来，第三个人下载的时候，就可以同时从你电脑和他的电脑上下载。这样，每个人的电脑都是一个小型服务器，利用自己的网络共同进行资源分享。著名的电驴（verycd）就是这样工作的。这样做的好处就是，利用了每个人的资源，积少成多，不需要大量的服务器资源就可以进行资源共享。不好的地方就是，绝大多数软件是会自动上传的，这样就会在后台悄悄的占用你的宽带，在你工作的时候影响你。

通常出现这种情况的软件有两类，下载软件和视频播放软件。下面，我分别以迅雷、暴风影音为例。

两个举例

迅雷：

迅雷有种技术，即使资源源地址失效了，资源在网上不存在了，你仍然能够下载这个资源。原理就是，当某个人下载一个资源之后，迅雷会记录下这个资源，并且把这个资源的信息发送到网上的服务器，证明你有这个资源并且下载过。之后，当其他人下载这个资源之后，迅雷会对源地址发出请求，同时也会向服务器发出请求，看看这个资源以前是否被下载过。如果被下载过，那么迅雷就通过服务器上的信息，找到你的电脑，然后从你的电脑上也下载。这样，对于服务器的压力要小，这也就是为什么下载网站推荐使用迅雷的原因。

迅雷推荐你开机的时候就启动，因为当迅雷启动的时候，不管你是否在下载东西，它都会把你之前下载的资源，不断的上传上去。当然，你是可以在软件中，设置上传速度的限制，但是设置之后，程序会根据你设置的上传速度，控制你的下载速度。比如你设置上传速度 1KB/s，那么如果你用迅雷下载文件的时候，最高下载速度就少大约几十 KB/s 左右。这样来回的设置，是比较烦人的。对于这种下载软件的解决方法，就是当你不用这个软件下载的时候，就关掉这个软件，这样就不会上传占用网速了。

在这里，潜行者 m 个人推荐使用“迅雷精简版”。要迅雷就是用来下载文件的，而目前的迅雷，体积太大，不需要的功能太多了，而且还有很多广告。而迅雷精简版，恰恰相反，功能很简单，就是给出一个下载链接，立刻下载，不用的时候关掉就可以，启动速度也非常快。

暴风影音：

基本上所有在线播放视频、电影的软件都会上传视频资源。特别是暴风影音来说，上面有很多的电影，下载速度基本上都能达到网速最大值，它不可能有那么多服务器和宽带来这样做，毕竟每天都有很多人用暴风影音来看在线视频。于是，他们就会通过你的电脑，上传已经下载到你电脑上面的视频缓冲片段。这样，看得人越多，速度越快。因为每个看过视频的人，都在不断的上传给其他想要看的人。

暴风影音是有个进程潜伏在后台进行上传的。我们同样可以限制它的上传速度，当然限制之后，你自己也无法流畅的观看视频了。在观看视频中，总是会不断的上传。但是在我们不看视频的时候，我们可以把暴风影音关掉，不要留任何的后台工作。这样就不会上传了。

辅助工具

金山卫士、360 安全卫士都有这种悬浮窗监控功能，通过这个，我们可以监控到当前计算机有没有程序在访问网络、在占用宽带等。并且，我们可以限制或者结束掉它们的进程。

 

多说一句

通过这种共享，可以节省服务器、宽带资源，我们还是应该接受合理的共享，即在空闲，不用网络的时候进行上传共享。因为你下载的资源，有可能一多半是来自网络其他陌生朋友的共享。

最近受到Sami大叔的激励，努力花了一天的功夫，又把博客模板改版了一下，升级了一下，几乎把所有的css代码又重新写了一遍。我发现，实践真的是最好的老师之一，通过实践，可以让你的技术层次更深一步增加。这一次的升级，让我得到了非常多的经验，例如本文要说的。

浏览器都是不同的，解析用的内核也是不同的（这里的浏览器不算360、搜狗等借用其他浏览器内核的浏览器）。这样就出现了不兼容的问题。例如，一行css代码，在这个浏览器可能会正常解析，而在那一个浏览器，却无法解析或者进行了加粗等等。这样就出现了一个很头疼的问题，一个页面，可能在火狐浏览器中显示很好很正常，但是到了IE浏览器下面，却错位，严重影响版面。

面对这个兼容的问题，大多数人都选择了进行修补，但是通过这次，我发现了，这种不兼容的原因，大部分还是因为你编写的css代码上。下面请看潜行者m在升级模板的时候，发现的两个案例：

1，显示文章摘要的框，在火狐浏览器等都是正常的，而在IE浏览器中，却莫名的增高了。重写css代码的时候，发现，在定义文章摘要框的时候，由于演示边框效果，临时定义了高160px。在整个定义整个文章框的时候，又强制定义了高度，由于类的优先性，这样就把文章摘要框的过高部分截掉了。所以就忽视了当时临时定义的高度属性。在火狐等浏览器中，都正常解释。但是在IE早期的版本，可能无法处理这种叠加效果，所以就全部显示出来了。导致每一个文章框的高度都很高。问题的解决方法，删掉对于文章摘要框的高度定义即可。

2，当我设计完这套模板的时候，在其他浏览器中均显示正常，但是在IE5.5和IE6中的“文章模块”显示中，边栏却错位。在“页面模块”显示中，却没有错位。由于“页面模块”是由“文章模块”衍生出来的，肯定是“文章模块”中某个地方的原因，导致边栏错位。经过仔细的对比观察发现，在文章下面的“文章信息”这一个块中，由于添加了两个虚线，导致整体宽度是642px，而文章内容是640px。正是由于多出了这2px的宽度，把边栏挤下去了。修改方法，设置“文档信息”的宽度为638px。

通过这两个例子，不得不让我思考，网页错位等原因，究竟是什么造成的？很显然，是由不完善的css代码造成的，是人为造成的。浏览器确实针对某些css样式的解释不同，显示的效果不同。但是绝大多数浏览器对于基础的css样式解释是没有问题的，比如：width:900px;绝对没有一个浏览器会把这条语句中的900px的宽度，显示成1000px的宽度。所以说，对于常用的常见的css样式规则，浏览器全部都完美支持，只是有部分比较生僻的标签样式或者某些高级的样式应用技巧，对于某些比较旧的浏览器来说，显示不出来应有的效果，仅此而已。所以，如果你的网页中，出现了不应该出现的显示效果，请仔细检查你的css代码，看看是不是有一些低级的错误。

对于一个人编写的css样式表来说，这种错误会很容易避免，因为css代码比较少，一个人去写，风格也能统一。但是对于一个比较大型的网站，对于一个需要团队共同维护的css样式表来说，麻烦就来了。每个人的编写风格都不同，而且代码很多，出现错误不易检查。所以，本人总结出了几条针对不兼容问题的应对方法：

1，尽量使用最低级，最简单的样式。因为这种基础样式在所有浏览器中的显示效果都是一样的。

2，统一编写风格，细化样式控制，尽量避免在一个区块叠加多个样式，意思就是说，对于一个div或者区域，就用一个样式去控制，不要再添加多个样式，让这个div继承其他样式。这样，哪一个区域出现问题，可以迅速的查找原因，而且不会出现其他继承样式优先级等导致的意外情况。

很多人把网站优化的重点都放在了外链上面，我个人则认为网站优化的重点是内在的质量上，而不是其他的外因。

网站优化不可避免的是研究搜索引擎的排名算法等。我们从用户与搜索引擎的关系来简单分析一下：用户为什么要使用某个搜索引擎？原因就是使用这个搜索引擎，可以方便快捷的找到自己需要的信息，这个信息必须是自己需要的并且高质量的信息。如果当一个用户搜索信息，在搜索引擎前几页，全都是乱七八糟的垃圾信息或者自己不想看的无关内容的话，用户便不会再用这个搜索引擎了。所以搜索引擎的工作就是，在网页中筛选出内容相关的网页并且按照网页质量来排序，以便让搜索者首先看到最相关的质量最高的网站，找到自己最需要的信息。所以搜索引擎的算法，就是去识别页面的主要内容是什么，它的质量好不好。其中一个方法就是通过外链进行判断，看它的外链多不多，有什么网站对其外链。

看到这里，你会说，网站优化的重点这不还是外链吗？你为什么说是网站质量？

网站优化的最终目的是什么？目的并不是在搜索引擎上排名多少、让多少人访问，而是尽量的把访问的人留住，转化成潜在的价值。这需要的就是高质量的内容。当一个人来了之后，不会看一眼立刻就关掉，而是继续看这个网站其他内容，把它放在收藏夹里，甚至发给他的朋友自愿的宣传。这才是一个成功的网站优化。

而实现这一个目的，最简单最原始的方法就是提高网站的质量。当一个网站的质量高了之后，排名自然就上去了。因为搜索引擎知道了这个网站的质量很高，自然愿意把它放在前面，让用户看到。至于外链，在初期可以进行适当宣传，后期基本不用了。由于你的网站质量高，可以让用户受益，用户自然会推荐给自己的朋友，或者在自己的网站上进行共享，大量外链就自然建立了。一个很经典的例子就是W3school.com.cn，它提供免费的权威的教程，有人去看了，发现了这么好的学习资源，自然就会推荐给他的朋友，或许也会像我一样，在写的文章中当做例子宣传它。这样建立的外链，质量最高，也最轻松，不用你去群发大量垃圾信息。

网站质量高了，他的浏览者转化率也高。假设两个销售某产品的网站，一个仅仅重视外链，产品相关内容都是工具生成的伪原创，还有病句等；另一个则重视网站质量，仔细编写产品相关信息，让浏览者有一个清晰的认识，页面也设计的美观大方。第一个网站，访问量可能会很大，但是大部分人看到设计糟糕的页面，乱七八糟的内容，可能就仅仅访问一次就关闭了。而第二个网站，访问的人不多，但是看到了产品的详细信息，并且觉得这个网站设计不错很正规，极有可能产生消费购买自己需要的产品，并且会推荐给朋友，让朋友也购买。我们做网站，需要的不是大量的过客，而是大量的回头客。

所以，潜行者m个人认为，网站优化最重要的是网站自身的质量，至于外链等，都是其次的。关于一个网站的质量，需要从两方面去考虑：第一个方面，要站在用户的角度，合理的设计，合理的布局广告等，让用户觉得你这个网站很美观很正规感觉很好，他才有可能再次访问。记住，没有一个人喜欢一个到处漂浮着乱七八糟广告的网站，除了站长。第二个方面，就是用户所需要的高质量的内容，如果没有用户所需要的内容，再好的设计也是白搭。