长期出售：高pr域名,高权重域名,godaddy域名,15年以上域名!加qq索取列表。

 长期出售历史BA老域名,高外链域名,高反链域名,v认证域名!加qq索取列表。

 长期出售：高收录域名,历史建站域名,高权重域名等!需要添加qq索取列表。

 每一个网站的建立起来之前，我们做站长的就应该为接下来要打理的网站一个整体的SEO优化方案。要做好网站SEO优化，必须提交一套完整SEO方案，那么到底怎样才能制定出seo完整方案呢?下面笔者说说制定SEO方案的六大步骤：
第一、网站结构的检查和优化。最开始，我们要对网站进行一次全面体检，包括网站的全体规划和结构，以及网站所有页面的分级列表，以及网站的服务器、网页重定向、错误网页、网址结构以及JavaScript的运用。源代码、编程言语、数据库、Flash、内容管理系统、购物车和代码验证全部都要检查，并在必要的地方进行适当的修正和调整。
第二、基础文本整理。这个步骤是从搜索引擎的角度去做的，对蜘蛛重要的内容，对用户和站长来说也一样重要。在这个阶段，我们检查HTML代码的准确性和语法，还需要对页面内容和源代码提出详细的建议，包括网址、文件名、网页标题、描述和meta标签。
第三、关键词的选择。关键词的选择是优化开始的第一步。在作出选择之前，要对网站的关键字做详细的分析，分析哪些关键字带来的流量最多，通常这些关键字也是竞争最激烈的。竞争不太激烈的关键字也有很多，比如长尾关键词，长尾关键字竞争不大，也很容易取得排名，但是也可以带来宏大的流量。同时我们也需要分析竞争对手，分析在最流行的关键字上排名前5名或前10名的网站，并要特别注意他们的网站的结构、网页标题、链接、页面元素、内容和meta标签中关键词的设置和分布。
第四、关键词的布局规划，SEO要分析网页的内容，思索到网页位置、关键字密度、关键字突出水平和字数这些因素，很大局部内容都必须要重新修正。
第五、列出链接计划，排名的很大一部分因素仍然是链接，链接的质量和链接的相关性是最至关重要的问题。SEO也要检查内部和内部的链接结构，做到最大的优化。
第六、监测，报告，修改，不断的进行这样的过程。每个月最少提供一次网站状况的监测报告。这些报告不仅要说明排名情况，还要提出相应的修正建议。当然，SEO还要时时注意网络环境的变化，比如搜索引擎算法的变化、竞争对手的静态和不时变化的用户搜索模式，然后随机应变，让我们的网站也顺应时事。 

网站的前台是指浏览者、会员可以访问和操作的页面，该页面可以引导浏览者/会员获得所需要的资讯，包括网页的设计与制作，包括html页面、flash制作、图片处理等。
　　网站的后台主要是程序开发方面，体现在网站上就是网站的功能，如新闻发布系统、产品发布系统、会员系统、bbs等。管理员可以进行访问和操作的页面，该页面可以引导管理员对信息、会员、业务、产品进行管理功能操作，如：添加、修改、删除。 

　大家都知道使用“UTF-8”比“GB2312”跨平台的兼容性更好，却不一定知道文件的编码跟文件编码的申明不是一回事，以为只要申明了文件的编码类型就是改了文件的编码，导致很多时候只是简单的申明了文件的编码类型，而并没有真的修改文件编码类型，当浏览器以申明的编码类型去解析文件时，由于文件的实际编码跟申明不同，出现解析不正确的问题。
　　以上问题如何产生呢?
　　只修改了申明，没有保存与申明对应的文件编码类型
　　在不同文件间拷贝时，两个文件间的编码不一样
　　上面的问题只要再另存一份，选择跟申明一样的编码类型即可解决。
　　如果上面的方法都没有作用的话，可能就是编辑软件的问题啦，建议换个编辑器试试。
　　目前我知道的会有问题的编辑器：
　　EmEditor Professional v7.50 Alpha 5(可能还是Alpha版本的关系，在UTF-8不加签名时，如果样式注释结尾出现特定的中文，如“不、用、接、名、近、见、鬼、评、论、的、出、写、下、现、面、日”等，会导致之后的内容无法被IE7解析)
　　Editplus(不知道是哪个版本了，有人知道请告诉我，保存UTF-8加签名时，签名会导致内容无法被解析)
　　注：以上说的都是指样式部分，包括页面中的样式和独立的样式文件。 

　　网站设计要考虑网站所在行业特点，行业网站不同于企业网站。根据自己的网站设计经验，应注意以下几点：
　　一、网站风格/创意
　　风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。
　　创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如中国现车交易网(2005年此站已经消失)就是一个很好的案例，它把车的外形融入到网站中，使它脱颖而出。
　　二、网站LOGO
　　Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。
　　三、视觉流程
　　人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。
　　四、网页框架与布局
　　网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。
　　1．分辨率
　　网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
　　2．合理广告
　　在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
　　浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…
　　3．空间的合理利用
　　很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
　　并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。
　　4．文字编排
　　在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。
　　4.1文字图形化
　　文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
　　4.2强调文字
　　如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
　　五、网站配色
　　1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
　　2.用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花稍。
　　3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。
　　4.灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，在使用时把握量避免网页变灰。
　　在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。
　　六、常见问题
　　6.1分解大型表格
　　为了加快网页的浏览速度，尽可能避免用大型表格，因为浏览器必须等待整个表格的内容全部到达客户端，才能显示这个表格的内容，而文本或图像则是一边下载一边显示。同时我们制作网页时要尽量减少表格的深度、表格复杂化，这一点尤为重要可直接影响网页浏览速度、又给后面的程序添加带来了不必要的麻烦。
　　6.2网站导航要清晰
　　“您所在位置”在大型网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数，不能超过三次。如果三次以上还找不到用户所要的信息，人家可就没有耐心陪你玩了！
　　6.3图片注解
　　在很多网站上我们都可以找到一个共同的缺点，当网速慢时有很图片都无法显示，又没有注解使得用户反感，如在注册时的按钮是图片做的又没加图片注解，而导致连注册都找不到，如果加了注解这些问题也就不成问题了！
　　6.4系统按钮
　　在我们做按钮的时候，要做成“按钮”的形式（type="button"），而不要做成“提交表单”的形式（type="submit"），方便以后程序设计。
　　6.5空链接、死链接
　　在一个优秀、专业的网站上是找不到任何一个空链接或死链接的情况，如果有这种情况会影响到用户对您网站的评价，所以我们在制作的时候尽量避免，避免办法就是提前做好链接，如果尚未完成的页面则链上“建设中…”的页面，加以解释。
　　6.6导航条
　　在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或Flash做导航条、缩小网站扩展性。
　　6.7网站的扩展性
　　对于一个行业网站而言，网站的扩展性是相当重要的，随时都要考虑到网站需求的变化！ 

在多年的网站设计中，总结了一些网站风格与色彩搭配的方法，希望对大家有所帮助。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。
在这里，我提供给大家一些参考经验：
将你的标志logo，尽可能的放在每个页面上最突出的位置。
突出你的标准色彩。
总结一句能反映贵站精髓的宣传标语！
相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
 
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三种色彩以内。
2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 

为了帮助了解当今HTML 5的一些新玩意儿，我们现在就进入正题，开始使用一些新的结构元素。我们创建HTML 5文档第一件需要做的事情就是使用新的文档类型。
根据你们询问的人，不是迈向创造更语义化的网络的下一 个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。
争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未经考验。
即便如此，我们不难发现下一代网络标记工具的好处和潜在的问题。
内容
1.     HTML 5有什么不同？
2.     最终，一个任何人都可以记住的文档类型
3.     最基本的语义结构
1.     <header>
2.     <nav>
3.     <section>
1.     <article>
2.     <aside>
3.     <footer>
4.     把他们放在一起
5.     为新元素编写样式
6.     兼容老的浏览器
7.     现在你可以使用HTML 5了，但你会用么？
HTML 5有什么不同？
首先，我们通过HTML 5表达什么？First off, what do we mean by HTML 5?理论上，我们表达所有的事——新的语义结构标签，例如canvas或者离线储存等API规范，以及新的内联语义标签。尽管如此，我们把实际的原因 （PS：浏览器支持问题）仅仅局限于结构标签。canvas，离线储存，本地视频或者地理定位API都很绝妙，然而他们还不能被所有浏览器一致的支持。
“但是等等”你说，“大多数浏览器也都不支持新的结构元素！”这是真的，但他们中的绝大多数将 会很乐意去接受你想要创建的任何标签。甚至连IE6也可以处理新标签，尽管如果你想要使用CSS设置样式，你需要一点JavaScript的帮助。
当你对新标签设置样式时，你需要记住一件事，那就是未知标签在大部分浏览器中没有默认样式。他 们同时被认为是行级元素。尽管如此，由于大部分HTML 5的新标签可以构造，我们将让他们拥有块级元素的行为。解决方法是确认你在CSS样式中包含了display:block;。
为了帮助了解当今HTML 5的一些新玩意儿，我们现在就进入正题，开始使用一些新的结构元素。
最终，一个任何人都可以记住的文档类型
我们创建HTML 5文档第一件需要做的事情就是使用新的文档类型。现在，如果你还清楚的记得HTML 4或者XHTML 1.x的文档类型，你真是一个比我们更强的淘气鬼。每当我们新建一个页面，我们必须打开一个旧的文件，剪切并粘贴文档类型定义。
这真是痛苦，也是为什么我们喜欢。你准备好了么？他出现了：
 
不会太难记。简单并且容易理解。不区分大小写。
这个构想是停止HTML版本化，使向后兼容变得更容易。从长远看是否成功是另外的事情，但至少 他节省了你输入的平均时间。
最基本语义结构
我们已经将我们的页面定义为HTML 5文档。到现在为止，一切都还不错。现在，这些我们已经听说的新标签到底是什么？
在我们钻研新标签前，想想你一般网页的结构，大概像这样：
 
这对于展示用途很好，但如果我们想要知道一些关于页面元素包含什么的问题，这又怎么办呢？
上面的例子中，我们为我们所有的结构div添加了ID。这在有见识的设计师中是很平常的事。目 的有两个方面，首先，ID提供了可以能用于给页面的特殊段落应用样式的锚，其次，ID充当基本的伪语义结构。高明的解析器将会查看标签的ID属性，并尝试 去猜测他们的含义，但当每个站点的ID名称不同的时候很难。
这就是新结构标签到来的理由。
当认识到这些ID成为了惯例，HTML 5的缔造者们更进一步，使这些元素中的一部分变成他们独立的标签。这儿有一个HTML 5中生效的新标签的快速概要：
<header>
头部标签被设计作为关于一个章节或者一整张网页介绍信息的容器。<header> 标签可以包含从你位于大多数页面顶部的典型标志或者标语，到介绍一个章节的标语和开场白的任何东西。如果你还在你的页面里使用<div id=”header”>，那可以使用<header>替换
<nav>
nav元素非常明显，这是你的导航元素。当然什么被算为导航是有一些争议的，有一个基本的站点 导航，但一些情况下还可能有页面导航元素。HTML5的缔造者WHATWG最近在修改<nav>的解释，来表现怎样在同一个页面使用两次。
更多关于nav的信息以及关于HTML5的激烈争论，参见。
如果你还在使用<div id=”nav”>标签来包含你的页面导航，你可以使用简洁的<nav>标签来替换。
<section>
Section可能是新标签中最模糊的。根据，一个章节是一个内容的主题集合，通常在header标签后，在footer标签前。但是如果 需要，section也可以相互嵌套。
在我们上面的例子里，被“content”标记的div就是一个变为section的很好的选 择。另外在那个section内，根据内容，我们可以增加section。
<article>
根绝WHATWG的注释，article元素可以包含“组成文档或站点独立部分的一段内容；例 如，杂志或者新闻的文章，或者博客条目。”
记住一个页面里可以有多个article标签；例如一个博客首页可能有最新的十篇文章，每一篇 包含在一个article标签内。Article也可以通过使用section标签分为多个段落，然而当你计划你的结构时需要稍微仔细一些，否则你容易引 起以一些难看的标签大杂烩结尾的情况。
<aside>
另一个相当模糊的标签，aside元素用于“与组成文档主要的正文流内容无关的”内容。那表示 一条附加的评论，内联的脚注，引用，注解或者像你看到的在这篇文章右边的更多典型的边栏内容。
根据WHATWG的注释，看起来<aside>可以用于所有的这些情况，尽管你边 栏里的引用和标签云有着很大的不同。
没人说HTML 5是完美的！
<footer>
Footer的用处也应该是很明显的，除了可能你不清楚可以拥有多个脚标。换句话说，除了通常 在大多数页面底部看到的主脚标，段落也可以含有脚标。
把他们放在一起
让我们使用新标签重新编写我们原来的例子：
 
非常清楚，并且容易理解，不是么？一些注释：我们可以在header标签中包含我们 的<h1>My Article</h1>标题。我没有这样做，因为h1元素已经表达了标题的含义，但如果你还有发布日期，署名或者其他数据在你文章的顶部， 为标签集添加一个header容器标签是一个很好的选择。
同时注意我们可以在article元素下添加第二个footer元素来包含诸如翻页导航，相关 文章或者其他内容。
为新标签编写样式
在大多数浏览器中，所有你需要做的就是像你通常做的那样，为在新标签上应用样式表，简单的定义 你的样式。但请确认为每一个元素添加了display:block;规则，无论如何，从现在开始。经过一段时间后，当浏览器开始标准化，并支持新元素后， 那就不必要了。
例如，让我们在我们的header里应用一些样式：
 
记住，你仍然可以给这些标签添加类和ID属性。所以，如果你想要单独为一个导航设置样式，你可 以轻易的给这个标签添加一个类或者样式，就象这样：
 
然后你可以应用一个样式：
 
兼容老的浏览器
但等一下，IE怎么办？这些样式完全不能在IE6下工作。如果你仍然需要支持像IE6一类遗产 般的浏览器，这儿有一个解决方法。IE6解析和显示这些标签还好，但你不能对他们设置任何CSS。解决方法是使用一点JavaScript。
我们只需要让IE去给我们使用createElement方法创造的的HTML 5标签设置样式。在HTML 5文件的head标签内添加这点东西。或者，你可以把他保存在一个特定的文件里，并用这种方法包含。
 
我知道你在想什么：“哥，你根本没有为那个脚本标签定义一个MIME类型。”
你根本不需要在HTML 5做这些事情。在HTML 5中，所有的脚本都被假定为type=”text/javascript”，所以没有必要让属性把你的脚本标签搞得乱七八糟（除非你的脚本并不是 JavaScript）。
这解决了IE的问题，但我们并没有摆脱困境。现在被证明Gecko渲染引擎有一个bug，导致 了Firefox2和Camino的一些版本在这些标签上卡住。
这儿有两个方法来处理这个bug，没有一个是理想的。更多的细节请查看。这篇文章同时附有一个让所有HTML 5元素都生效的方便脚本。
记住，尽管Firefox 2的使用率很快在所有网站流量中降到了10%以下，但单纯忽略这个bug可能还是需要根据你网站的访问者来定。
现在你可以使用HTML 5了，但你会用么？
简短的回答是：我们会。
复杂一点的是：那要看站点了。如果你指责重新制作CNN主页，好吧，你可能会有一点抗拒，直到 浏览器的支持变好些。但如果你要给你的博客改版，我们支持你。这儿还有一些可以帮助你的Wordpress插 件，如果你正在使用这么流行的发布系统。这儿是一个Jeff Starr制作的。
同时，试试以站点为主的，并且查看源代码，看看他们做了什么。
尽管如此，如果IE的缺点阻止你了，这样考虑吧：就连Google也在他们的主要搜索页面上使 用了HTML 5的文档类型。就算如果你不使用所有新的结构标签，你可以至少利用一下简洁的脚本声明和下次我们会介绍的关于一些非结构的语义标签。 

　做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。　　

　　方法1：直接在body里面加上属性scroll　　

　　代码如：

　　< body scroll="no" >　　

　　方法2：使用样式表overflow　　

　　代码如：

　　HTML{overflow-x:hidden;}　　

根据自己的js代码编写经验。
在js代码优化方面主要考虑代码的长短和代码执行的效率。
 
1.使用局部变量避免使用全局变量
比如

function test(){
                var s = document.getElementById('aaa');
                s.innerHTML = document.body.clientHeight;
        }
 改成

架构css
　　在当前浏览器普遍支持的前提下，css被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。
　　(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂，增删改都很方便——可这种日子早已远去。(现在)建立新时，必须花点时间好好筹划怎么组织和架构css。
 
　　文件的组织
　　构建css系统的第一步是大纲的拟定。(我认为)css组织规划的重要性堪比网站目录结构。(htmlor注:用词夸张一点，让你加深记忆) 没有哪种方案放之四海而皆准，因此我们会讨论一些基本的组织方案，以及它们各自的利弊。
　　主css文件
　　通常可以使用一个主css文件，来放置所有页面共享的规则。这个文件会包含默认的字体、链接、页眉和其他等样式。有了主css文件之后，我们开始探讨高级组织策略。
　　方法一:基于原型
　　最基本的策略是基于原型页面(archetype page)分离css文件。假如一个网站的首页、子页面和组合页设计不同，就可以采用基于原型的策略。(这种策略下)每个页面都会有专属的css文件。
　　在原型数量不多的情况下，这个方法简单明了、行之有效。然而，当页面元素并不按部就班的位于各个原型页时，问题就出现了。如果子页面和组合页共享某些元素，而首页却没有，我们应该怎么做呢?
　　把共享元素放入主css文件。这虽不是最纯正的解决办法，却适用于某些具体情况。可是如果网站庞大，(这样做的话)主css文件会迅速膨胀——这就违背了分离文件的初衷:避免导入不必要的大文件。
　　在组合页和子页面的css文件里各放一份样式代码。(这么做)就意味着要维护冗余代码，很显然我们不想这样。
　　创建一个新的文件，由这两种页面共享。这听起来不错。不过假如只有10行代码，我们创建这个文件仅仅是为了共享这10行代码?(htmlor 注:杀鸡用牛刀?) 这方法很纯粹，但如果网站庞大有很多对页面共享很少量元素时(htmlor注:比如30对页面分别共享10行代码)，就显得很笨重了。
　　创建一个单独的css文件，包含所有共享元素的样式。这方法可能比较简单，却要取决于网站的大小和共享元素的多少。有种情况会很烦:导入了一个很大的css文件，但页面只用到一小部分样式——还是那句话，这违背了分离文件的初衷。
　　这就是我所说的重叠的两难(overlap dilemma)。零碎css规则的重叠不一而足，并没有一个完全清晰无误的方案来组织它们。
　　方法二:基于页面元素/块
　　如果网站使用端include，这个方法会很不错。举例说明，如果使用页眉include，它会有自己相应的css文件。页脚或者其他部分的include可以如法炮制，只须导入自己的css文件。这个方法简单干净，不过可能会产生很多小css文件。
　　举例来说，假如页脚的样式只需要20行css代码，单独创建一个文件就划不来了。而且这个方法会导致每个页面都包含一堆css文件——因为有多少include，就得有多少css文件。
　　方法三:基于标记
　　这个方案直观实际，与前一个类似。如果网站共有30个页面，其中10个含有form，那么可以创建一个css文件专门处理form的样式，只在这10个页面导入它。如果另外10个页面含有table，就创建一个文件专门处理table样式……诸如此类。
　　另外的组织技巧
　　除了用主观的方法组织文件，我们还要考虑如打印、手持设备和屏幕等多种媒体类型。这虽然已经很清楚的定义过，可依旧是建立文件结构时应该考虑的一个因素。一旦必须支持多种媒体类型，主css文件里的某些规则可能就得重新考虑。
　　另外，品牌联合也可能是一个重要因素。(htmlor注:如google和nike联手推出的joga) 如果涉及品牌联合，你就得考虑哪些元素应该调整以适应另一品牌。比如分别使用不同的css文件等。
　　还有一个常被忽略的技巧:使用嵌套的@import语句。只包含一连串@import语句，或者再加几句css规则，就能创建一个css文件。用这个方法完全可以创建网站的主css文件(用@import导入各部分的样式文件)。假如网站的每个页面都导入了4到5个不同的css文件，无疑你应该考虑使用这个技巧。
　　规则和选择器的组织
　　谈完了文件组织，接着讨论一下怎么组织文件里的东西吧。很自然，我们希望在文件里畅通无阻的浏览，迅速找到要编辑的选择器(selector)或规则。
　　冗余 vs. 附属
　　正如Dave Shea在其文章《冗余 vs. 附属》(Redundancy vs. Dependency)里所说的，你必须不断了解级联(cascade)。你要决定是对选择器编组(意味着附属)，还是把它们分离(意味着冗余)。编组可以保持代码简洁扼要，可是会建立附属关系，导致维护开销增加。如果不编组，就会增加文件大小，让相似的选择器保持一致变得困难。只有做好这种权衡、取舍，才能每次都作出正确的决定。
　　按相互关系/上下文编组
　　既然文件组织可以是主观的，那么显然，按照规则和选择器与其他部分的相互关系来进行编组是最好的方法。举例说明，假设你用容器、页眉和页脚来完成布局，就应该把它们编成一组。
　　这似乎很简单，其实不然。比如，把页眉中的导航加入css时，是将它跟父元素编组还是独立编组?这种情况下，要视乎规则的上下文。通常，页眉与页面布局相关，应该与其他布局元素一起编组。而导航是页眉的一块，应该和页眉的其他块编组，而不是页眉本身。
　　使用注释
　　跟大多数代码类似，注释是组织良好与否的关键。应该根据css的控制范围，清楚的标注每节(section)。最好确保注释视觉突出，以便在内容滚动、一目十行时快速定位。
　　Doug Bowman在其文章《css组织技巧之一:标记》(CSS Organization Tip #1: Flags)里把css注释玩得高明之极。他详细说明了在节名之前加上等号，以便使用文本编辑器的查找功能迅速跳到某节。
　　别忘了
　　你应该细致认真的了解了特异性、级联和继承，并善用它们。它们之中的每一项都可以是你最可怕的敌人，也可以是你最友善的朋友。当建立庞大的网站时，是否理解这些细微精妙之处，决定了你所构建的是坚如磐石的系统，还是经不起风雨的豆腐渣工程。(htmlor注:这句完全意译，比较爽)
　　属性的组织
　　现在我们了解了文件的组织，也知道了文件内规则的组织，但还有一个重要的组织环节(没有提到)，那就是属性(attribute)。虽然属性比前两个概念更简单，可是还有一些非常好的、能够保持规则整洁的方法很值得一提。
　　按字母排序
　　提到属性，如果说需要遵循什么原则的话，那就是:按-字-母-排-序。其实这招对于属性浏览帮助不大，不过可以防止属性值覆盖这种偶然事件的发生。
　　举个例子吧，已经数不清有多少次，我为某个选择器定义过了margin值，之后的某天无意间又加了一个(或前或后)。(这种情况下)后一个属性自然会起作用。假设不知道第二个属性存在，不管我怎么调整第一个属性值、刷新浏览器，也看不到页面变化。(htmlor注:这个问题我深有体会) 如果按照字母顺序排列，你就会发现margin被定义了两次(因为它们挨在一起)，这个问题自然可以避免。
　　优先项
　　当网站复杂、牵涉太多css文件时，会建立大量的附属关系。一旦需要定制某个元素特有的样式，!important选项似乎是最佳选择。没错，!important是能解一时之需，但最好搞清楚导致问题的根源，然后根据级联关系决定是否真的需要用它。
　　如果你对上文提到的特异性、级联和继承很熟悉，大可不必抱着!important一颗树不放。(htmlor注:整片森林等着你~) 当然它还是会派上用场，不过使用之前要对具体情况了然于胸。千万不要因为不知问题的症结所在而把!important当作捷径或是补救方案。
　　小结
　　当我们变得依赖css而使样式表日渐复杂时，就需要正确的计划来避免犯错，并使代码易于维护。既然完美无缺的方案并不存在，那么了解css的工作方式以及文件、选择器和属性的多种组织方案，无疑有助于我们写出优质的代码，经受住时间考验。 

  网站制作效果可以很一般,放到网上没人能够认识出你。网站制作效果也可以很独特，充分的展示网站的意思，让人耳目一新。
  因此，网站制作不仅仅是技术，而是一种艺术。
  你可以泛泛的展示你的产品、企业形象，语言平淡的让人乏味。也可以风趣、幽默、机智。从而使你的网站展示出与众不同的特点。
真正优秀的网站是艺术与灵魂的充分表达。 

对于很多刚刚www.warmshop.eu站的朋友来说，选择适合自己www.warmshop.eu网站的关键词是一个细心活，因为在此期间，很多人没有明确的目标，不知道如何设置关键词。那么，在百度里面打开网页，输入关键词研究竞争对手的方法是比较明智的。笔者搜索的是“成都租车”这个词，因为租车这个词地域性比较强，可以看到百度搜索第一位左侧和www.warmshop.eu右侧各为8个竞价排名位，说明这个行业竞争程度也是比较大的，百度找到的相关搜索结果大概为829万个，看到这个数字，你会感觉有压力吗?继续翻到第二页，在搜索结果的顶部会出现百度推送的相关关键词，如图：

比较忙，很久不写博客。昨天晚上有个乐意分享的小朋友告诉了我一些他从某个地方学来的SEO “葵花宝典”，后来经过我的分析，认为是无效的东西，在经过这位朋友的同意后，决定把他写成一篇文章，或许能可以将许多人从坑里解救出来？（本文观点可能 会影响你的SEO世界观，不论是支持还是拍砖，请慎重）

一、所谓SEO新型技术之一：神奇魔术内链，用户循环点击！轻松提高关键词搜索量与排名！

先请大家看看这个网址

http://www.baidu.com/s?ct=2097152&tn=bds&si=www.xiaoyyu.com&sts=&bs=%C0%F1%CE%EF&f=8&rsv_bp=1&wd=SEO

当网站没有排名的时候，SEO从业者焦急万分;好不容易有了排名，却发现网站流量寥寥无几，此时SEO搜索引擎优化局限性就体现出来了……

笔者通过长期数据调研分析发现，从百度搜索引擎自然排名来的网站流量越来越少。一些行业的企业网站自然排名还算不错，核心关键字排名也有多个在百度首页，但是自然搜索流量跟关键词指数明显不对等，获得的流量寥寥无几，为什么网站SEO无法分享百度奶酪呢?且看笔者一一道来。

一、百度推广挤掉自然排名位置www.warmstore.biz

搜索引擎看似简单的抓取-入库-查询工作，但其中各个环节暗含的算法却十分复杂。

搜索引擎抓取页面工作靠蜘www.warmstore.eu蛛（Spider）来完成，抓取动作很容易实现，但是抓取哪些页面，优先抓取哪些页面却需要算法来决定，下面介绍几个抓取算法：

1、宽度优先抓取策略：

我们都知道，大部分网站都是按照树状图来完成页面分布的，那么在一个树状图的链接结构中，哪些页面会被优先抓取呢？为什么要优先抓取这些页面呢？宽度优先抓取策略就是按照树状图结构，优先抓取同级链接，待同级链接抓取完成后，再抓取下一级链接。如下图：

现在大家比较熟悉的一些统计工具应该是百度统计、站长查询、51la等，几乎百分之90的站点都安装了百度统计的这个数据统计工具，主要是因为它可以直接嵌入我们的站点，而且相对而言对于统计自己站点的一些数据还是比较准确的，百度的统计工具是我每天关电脑之前必须去看看的一件事情，倒也不是说笔者是一个数据狂。虽然SEO最看重的其实还是流量，但是笔者觉得SEO不应该只停留在流量上面，如果流量不准确那么就算有再多的流量，转化率也不会那么客观，所以我觉得流量应该分很多中，想SEO行业不是淘宝商城，我们每个人都需要衣物蔽体，但是不是每个人都需要SEO的，百度统计工具其实还是非常不错的，百度统计工具进去之后左边的那些分析版块自己看一看，我今天主要说说怎么利用百度统计工具来给自己的站点做SEO优化。

说到SMO（社会化媒体优化)这个话题我想先说一下互联网网站的一个发展历程，首先是以雅虎为户为代表的第一波趋势，其次就是来到了搜索时代，这方面现在全球以谷歌为代表。现在的时代是社交时代，以facebook为代表。目前在中国做的比较好的也比较火的是以微博为代表，所以我们来到了一个社交时代，大家记住这是一个时代。当然搜索引擎也得跟上时代，所以百度就果断的推出了百度分享，看看百度站长平台的胡蓉是怎么说的：www.woolrichoutlet.biz

最近分析网站日志，发现一个奇怪的现象，百度蜘蛛开始爬行网站里的js文件了，而且几乎每天都来爬行，这个现象也得到很多站长朋友的证实。就百度蜘蛛爬行js文件到底能不能完全识别js代码里的链接以及文字特作了以下分析：

1、大批量利用js作弊的网站被降权甚至被k　　www.woolrichonline.biz

大家都知道，百度对淘宝的东西是相当敏感的，因此淘宝客的网站是一类利用js隐瞒蜘蛛爬行的典型网站，然而自从百度6-28(6月28日大批量网站被k)事件开始，淘宝客类型的网站当然是受到了重创，不少以返利为盈利的淘宝客站长收入一度下降，就这一类型的网站底是不是因为百度技术升级而识别了js里面的淘宝链接呢?

在进入SEO行业一年半左右时间里，一直以来的理念都是主推网站整体优化，而关键字优化则是其次。自从6月份至今百度搜索引擎算法多次调整，我对SEO的有了小小的改变。尤其是Robin的SEOVIP站点迅速达到热门关键词排名，再次让我对于SEO搜索引擎优化有了更多的思考。

即使是百度官方说法也仅仅是提供参考，更何www.spyderstore.biz况那些自诩SEO专家的一家之言。SEO考验的不仅仅是你的技术，更多的是你的逆向思维与创新能力，如果你没有这样的想法，那么请改变吧。在兑现“SEOVIP获得好排名的原因”文章末尾提到的分析报告前多说一句话：本文提到的观点只是笔者观点，不代表众数。你可以提出不同意见进行探讨，但请别断章取义!顺道说一下：看了 Chinaz两篇关于SEOVIP站点排名的原因分析，笔者感受是：说的都是表www.spyderstore.biz面或者众所周知以及Robin公开的内幕，其他一无所获!

当我们通过表单，这个自HTML诞生以来变化甚少的组件，向访问者提问时，显然我们最想要访问者可以积极回复我们，进而我们可以获得我们想要的或尚未了解到的访问者信息。但是，横亘在我们与访问者之间的巨大障碍显然不是从外表看起来那样只是举手之劳。尽管，在多数情况下，单纯从填写表单需要的时间和复杂程度来看，对于每个独立的访问者来说，完成一个网站所有者寄予厚望的表单确实可能只是几秒钟的事情，十足的举手之来，但完成率却非常的低。这是为什么？虽然回答问题只是一件极简单的事，但本质上来说，却体现了访问者对网站十足的信任。所以，在访问者与网站间建立必要www.spyderonline.us的信任是提升表单完成率的核心要素。

我们每天都需要获取大量的信息，而绝大多数的获取方式都是通过搜索引擎，所以浏览器能否实现快速高效的搜索就显得比较重要了，现在的浏览器大多数都自带了快捷搜索框，却没有办法实现划词搜索、自定义搜索引擎这些功能，而chrome作为一款主流浏览器怎么能缺了这些功能呢？下面推荐一款chrome的搜索增强插件-聚搜索 for Chrome 6 and higher version，有了这个插件会是你的搜索有更高的效率。

功能:www.spyderonline.org