教你如何让google baidu收录网站最快最多

最近俺在弄网站优化(SEO),被搜索引擎收录算是第一步吧！

通常情况下，百度最快收录新站3天左右，google收录稍慢点，一周左右吧！不过要想真正的在最短的时间内被搜索引擎收录还是有方法可实施的！

一般的方法，大家首先想到的可能是登陆各大搜索引擎，一个个向搜索引擎提交自己的网站URL.这种方法已经过时了，现在已是最被动，最没效的方法。 GoogleGuy也曾说过，向Google提交URL的重要性在降低，这种提交的吸引力对于Google越来越小。对于这部分提交Google的数据更新非常之慢。如果你只使用这种方法可能两个月也列不到Google上。

还有就是向一些公开目录提交，比如 DMOZ.org等。对于一个新的网站，内容还不多，想列入这些大型目录会是相当一个漫长的过程，可能需要很长时间。因此想通过这个被 Google等搜索引擎快速找到，也是不可取的。当然你提交一下，等着慢慢被收录也是可以的。

2010.03.08 / 没有评论 / 文章分类: SEO

CSS Overflow属性详解

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
所有对象的默认值是 visible ，除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。

overflow属性有四个值：visible (默认), hidden, scroll, 和auto。同样有两个overflow的姐妹属性 overflow-y 和overflow-x，它们很少被采用。

Visible

如果你不设置overflow属性，则默认的overflow属性值就是visible。所以一般而言，并没有什么理由特别的设定overflow 的属性为visible除非你想覆盖它在其它地方被设定的值。

这里需要记住的重要的事情是，尽管盒子外面的内容是可见的，内容并不会影响页面的工作流。比如：

一般来说，你至少不用为里面的内容为文字的盒子设置固定的高度，这样就不会遇到这种情况了。

Hidden

默认值visible的相反的值就是hidden。它会将所有超出盒子的所有内容都给隐藏掉。

这对应付使用动态的内容，而且可能会由于内容溢出而引起一些布局上的问题的确很有用。尽管如此，请记住用此方法隐藏的内容将彻底的看不到(除非去查看源代码)。 比如有的用户设置他们的浏览器的默认字体比你预期的要大些，你会将一些文字推到盒子的外面然后完全的隐藏之…

2010.03.07 / 没有评论 / 文章分类: CSS+HTML

CSS网页布局中易犯的10个小错误

即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS 网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。

1. 检查html元素是否有拼写错误、是否忘记结束标记

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

2. 检查CSS是否书写正确

检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。

3. 用删除法确定错误发生的位置

如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。

2010.03.07 / 没有评论 / 文章分类: CSS+HTML

网站结构设计之关键词群布局

在seo中有很多人忽略了细节，也有人忽略了系统而不注重全局，本篇文章是讲述如何使用系统的思想去进行 seo的关键词布局，其实seo的理论就那么多，很多东西必须你通过实践才可以悟出来，所以多动手，你才会有收获。

很多人靠黑帽seo获取了一点点成功就沾沾自喜，其实seo的最高境界不是你知道怎么做能行，而是你应该知道怎么做是不行的，如果你是发现你被搜索引擎惩罚之后才醒悟了这个道理的话，那么已经迟了，当然一个小站长做几个小站拿点小钱，被搜索引擎惩罚并不可怕，大不了我换个站从头再来，但你如果是给一个大的门户作seo，那么如果被搜索引擎惩罚，后果是不堪设想的。你对搜索引擎惩罚的重视程度取决于的网站的价值，如果一个网站具有很大的价值，那么我情愿不去做太多的seo，以免导致搜索引擎的惩罚。用一句很深奥的话来说就是：seo的最高境界就是不需要seo。

2010.03.07 / 没有评论 / 文章分类: SEO

使用CSS为图片添加的五种特殊效果

1、阴影效果
通过使用带有一些padding之的背景图来添加阴影效果。
演示：
http://www.sohtanaka.com/web-design/examples/drop-shadow/dropshadow.htm
HTML：

1

<img class=”shadow” src=”sample.jpg” alt=”" />

CSS：

1
2
3
4

img.shadow {
            background: url(shadow-1000×1000.gif) no-repeat right bottom;
            padding: 5px 10px 10px 5px;
}

2、双边框效果
这应该是目前最常见的技巧，我们通过以下方式创建说边框。
演示：
http://www.sohtanaka.com/web-design/examples/drop-shadow/doubleborder.htm

HTML：

1

<img class="double-border" src="sample.jpg" alt="" />

CSS：

1
2
3
4
5

img.double-border {
    border: 5px solid #ddd;
    padding: 5px; /*Inner border size*/
    background: #fff; /*Inner border color*/
}

2010.03.06 / 没有评论 / 文章分类: CSS+HTML