UED，紫枫-80後

Axure RP 快速原型制作软件 – 线框图，原型，规格文档

紫枫印象 — Wed, 10 Mar 2010 23:25:18 +0800

今天刚接触了Axure RP，感觉很方便，特别是做大型项目，有很大的辅助作用！给我的感觉是，它是一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器！

好了，FH我少说了哈，了解哈Axure RP它。

Axure RP 快速原型制作软件，由美国Axure Software Solutions, Inc.公司开发。

Axure RP 能让操作它的人快速准确的创建基于 Web的网站流程图、原型页面、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发文档。（通过扩展还会支持更多的输出格式）。

它的功能特性有：

• 网站架构图 (Site Structure)
• 示意图 (Wireframe)
• 流程图 (Flowchart)
• 交互设计 (Interaction Design)
• 原型设计 (HTML Prototype)
• 规格文档 (Specification)

界面如下：

官方视频介绍

交互实例演示

Axure RP中文社区

SEO优化—挖掘关键词3大秘诀！

紫枫印象 — Wed, 10 Mar 2010 23:08:46 +0800

很多人会去关注一下专业性比较强的关键词，认为这样更有商业价值，却因为竞争力度很大，望而却步。

今天我要告诉你，那并不是唯一的，其实关键词是可以挖掘的，关键词挖掘的好，不仅仅比公众认为的关键词（竞争力大的关键词）作用相当，而且这个词竞争不激烈，所以说关键词挖掘的好，你可以花很少的时间和精力创造更大的利益。

讲到这里，我知道你非常想知道如何做挖掘了。我个人分为3种方式挖掘，范围性挖掘，行业专业名词性挖掘和长尾关键词挖掘。

第一种范围性挖掘

我来说一下什么意思，就是在你做的这个产品（无论是实质的还是什么）进行相关性的挖掘。举个例子，我们要做得产品是网站优化这一块的。那么我们当然想到的最好的关键词是SEO，但是都知道这个关键词竞争太激烈了，很多双眼睛的都在那盯着（开个玩笑）。所以我们要找到一个关键词跟他的左右差不多的(差不多的意思就是指关键词的商业转化率)，但是竞争不是很激烈的词。那我们就从这个网络优化范围里面来找。这个时候我想到一个泛关键词，不过我要秘密，因为让你知道了这个词就没有用了（竞争激烈了）

上面开个玩笑啊！因为老是看文字是比较枯燥的，所以说这个词我还是会公布的，我个人是根据用户的习惯来猜想的，因为用户的思维习惯就是一个懒的习惯，总是想花最少的时间找到自己想要的东西，于是我就想到了—“优化”这个词。果不其然，我在百度搜索“优化”的时候已经就有人做竞价广告了，是一家叫 “******搜索引擎排名(SEO)优化”的SEO优化公司，你看这次如果没有利益他会每天话这么多钱去做吗？没人会傻，但是我一查，竞争还是不激励，因为排在第一名的是优化大师。而且是一个频道页面自然排名第一名，下面都是SEO的网站排名，排前5的竟然有一个是内页和一个频道页面。

呵呵，说到这里不用我再说了，你也知道什么做了，那些排上去的SEOer也不要怪我把这个词说了，没办法，为了研究（这下你明白为什么很多高手他有很多实战经验而不写了吧，因为写出来的东西就不值钱了）。

接下来我们就来分析一下这个词到底转化率什么样？虽然前面我说有人竞价了肯定有用，但是这个是特例，如果你找一个没有做竞价的，那你什么判断呢？呵呵！这就是我们的网页后期跟踪，因为这个词要做上去难度不大，所以有两种方法跟踪

第一种就是很简单的竞价排名法，当天就可以尝试有没有效果，哈哈，这种方法估计很多人会骂我，但是还不失为一种方法。

第二种就是我经常在帖子里面说的，大量关键词跟踪，就是你可以做大量关键词，当这种关键词排上去的时候，你就做一个“商务通”（一种能够让你的网站访客直接对话的工具）进行跟踪。看那个关键词进来的转化率高流量也高的关键词重点做。当然我们这里是说评断某个关键词，其实很简单就是短期内把这个词做上去（没有其他办法，如果你有，请告诉我。）。

第二种行业专业名词性挖掘

如何做呢?先来理解字面的意思，行业性专业名词是指在在你做的这个产品里面有一个专业的名词是熟悉这个行业的人所共知的。举个例子，还是举网站优化，这个产品里面那个词是我们大家做网站优化都知道的呢？有的人说SEO，还用你讲啊！我们现在讲的就是要抛开竞争力度大的词汇来挖掘关键词。大家可以想想关于网站优化的名词有多少，然后再去分析那些知名度更大？我想到一个名词，还比较有用，那就是‘企业网站优化’这个词非常有针对性。我们来看做的人多不多，竞争度什么样？还不错，前6名有3个内页排名。说明我们的选择是正确的，大家会问？为什么会选择这个关键词呢？其实很简单，这个关键词的针对性很强，如果你是要做网站优化，你会选择什么样的来搜索，当然选择专业性强的词来搜索这样更让人信服一些，因为一般都是企业做网站优化所以我们前面加上企业。

第三种长尾关键词挖掘

这个就是我们非常熟悉的，所以我把它放在最后，什么叫长尾关键词？我表达可能有误差，所以就不解释了，为了不误人子弟，我还是举例子比较好
我们来看一下，我还是举SEO，呵呵，大家来看一下，如何做用长尾关键词挖掘呢？其实百度和谷歌都提供给我们好东西了，比如百度谷歌都有的相关搜索啊，还有就是谷歌独有的技术，就是你只有在谷歌输入一个词，比如SEO，你就会发现它下面就会出现一些相关关键词，并且啊，他还显示每个相关词的搜索次数了，这样就非常好了，我们知道那个词是搜索非常多的，我们就做那个关键词。长尾关键词就这么简单。

当然还有很多方法可以利用，比如百度的指数，百度的风云榜，还有现在谷歌最新出现的谷歌热榜。都可以去找关键词，但是这些比较模糊，只适合找那些热门关键词做流量，而不是我们企业针对性的关键词挖掘。

建新网站要做的四个SEO优化

紫枫印象 — Wed, 10 Mar 2010 23:04:47 +0800

1、创建站点地图

　　有两种类型的站点地图：传统站点地图和搜索引擎站点地图。两者都很容易加入到Web站点中。传统站点地图可以作为其他HTML网页创建，而搜索引擎站点地图根据搜索引擎的规范而格式化。创建它们一般会使得内容被索引的比率和深度增加，否则未引用的内容将不被索引。前者是重要的，因为它不但可以使得索引更快，而且可以减少内容盗窃。一个良好组织的传统站点地图对访问者也是很有用的。

2、修复重复的标题和Meta标签

　　在Web站点中的很多页面上使用相同的标题或Meta标签，对排名有害。实际上，这可能是因为搜索引擎不希望这种冗余的结果出现在它的SERP中显示，如果那样读者的兴趣就会降低。另外，千篇一律的标题通常也让读者没有兴趣去单击。通常需要对编程人员的这个疏忽进行修补。

3、请求并交换相关链接

　　发送一个友好的电子邮件给邻居索要链接，可能会获得一个高质量的链接。适当地交换相关Web站点的链接，有利于搜索引擎的排名。“适当地”很难定义。但是，一个比较好的尺度是这个链接是否出现在你所希望它出现的位置。如果不是，或者它只在某个目录页面底部，混在一堆其他链接当中，那还是别去了!

4、创建链接诱饵

　　虽然链接诱饵很难确定单击或丢失的结果，但是它不失为一种构建链接的经济途径。它可能根据有用信息和兴趣而不同，以复杂的站点工具或浏览器工具栏出现。

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

紫枫印象 — Mon, 08 Mar 2010 18:35:01 +0800

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

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

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

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

下面就要说的是最快的最好的方法，那就是获得尽可能多的外部链接。这些链接不一定在链接网站的首页，在其内页就OK.事实上，你的网站刚建成，还没有什么访问量，想找一些好的首页链接也是不太容易的。最好找一些PR值高一点（比如5以上），内容天天更新而且更新较多的网站，这些网站Google会每天漫游并更新其数据库。当Google漫游这些站点时发现了你的URL，就会顺着URL Crawl你的网站。笔者以前曾多次使用这种方法，非常有效，当然现在不用了，直接在一个稍高PR的网站首页做个链接就OK.

通常使用何种方法2-4天就会被Google和MSN列入。Yahoo稍慢一点，可能需要1-2周，这和其搜索技术有关系。怎么才能在一些PR高，更新快的网站做一些链接呢？其实很简单，很多网站都有论坛或允许评论，做个签名带上自己的网站地址，发几个帖子或评论就行了。但这种URL一定要是活动的，就是点击可以到达你得网站的。根据笔者的经验，Google在发现你的URL之后，当天就会对你的网站漫游，漫游后一到两天，在Google搜索你的网址，就会发现你的网站已被列入了。首次列入的将只是你的首页，这一点Google和MSN一样。

接下来再谈谈前面提过的获得尽量多的链接的原因。如果你只有一个链接，几天内被Google列入是没问题，但首次只是首页，要等到Google收录更多的页面还需要一定时间，可能1-3周。这是因为Google对一个新站的漫游周期会比较长。如果你有较多的链接在外面，当Google漫游那些网站时，发现你的网址就会再次过来Crawl你的网站，越多Google Crawl的越频繁，这时就会深度漫游你的网站，收录更多的页面。这就会大大缩短Google的收录时间，使Google在较短的时间内收录更多的页面。

在对一个新的网站进行收录时，笔者的经验是，Google反应最快，收录最快，MSN 次之，Yahoo最慢。Google几天内列入后，如果链接多的话，过不了几天就会再次收录，在加上你的网站天天更新，内容更新平凡，内部URL结构合理，要不了一个月，就会深度漫游，全部收录你的网页。MSN的列入速度和Google差不多，也是很快的。但一般只是收录首页，到再次收录更多页面时，可能需要2周-3周左右。这期间你到MSN查看你得网站的话，会看到总是一个首页在那里。1-2个月后，MSN对你的网站就可完全收录了。Yahoo的反映是最慢，无论收录首页还是深度Crawl都是最慢的，首次需要1-2周，到完全收录可能需要2-3月。

最后，抛弃那些主动向搜索引擎提交链接的被动办法吧，多做一些高质量的外部链接，你会有意想不到的收获。

CSS Overflow属性详解

紫枫印象 — Sun, 07 Mar 2010 22:53:14 +0800

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
所有对象的默认值是 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。它会将所有超出盒子的所有内容都给隐藏掉。

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

Scroll

设置一个盒子的overflow值为scroll将会隐藏掉渲染到盒子之外的内容，但是它将会提供一个滚动条在盒子内部滚动，从而可以查看剩下的内容。

值得注意的是，使用scroll将会同时产生水平和垂直两个滚动条，就算内容只需要其中一个。

Auto

overflow的auto值很像scroll，它唯一解决的是在你不需要的时候也会出现滚动条的问题。

清除浮动

设置overflow的一个更流行的用处是，说也奇怪，清除浮动。设置overflow并不会在该元素上清除浮动，它将清除自己(self- clear)。意思就是，应用了overflow(auto或hidden)的元素，将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing))，假设未定义高度。就像这样：

跨浏览器的烦恼

就像CSS中的很多东东，overflow有很多的跨浏览器的蹊跷的事情。比如这些：
滚动条在盒子里面还是外面?

firefox将其放到盒子外面，而IE则将其放到里面。我认为只有IE是对的(它应该在里面的)。

看清楚这个明显的不同。

IE 8 扩展盒子的bug

IE8有很多有趣的新bug，包括一些非常严重的隐藏在网页中的。这里有更多的关于IE8的overflow的bug的介绍。

破坏浮动布局

IE 6, 7 和 8都会扭曲默认的overflow visible值并将水平的扩展一个盒子一匹配内容(比如图片)。这对使用浮动列布局的结构非常痛苦，而且单个扩展的列就能够将其它列挤下去并使布局乱掉！

滚动条能用CSS控制吗？

IE过去在较老的版本中允许这样，但是之后就收敛了。比如许多表单元素，滚动条就不允许使用CSS控制。我在它是否是件好事情上没有任何具体的意见，但是我可以说，在网站的所有内容上使用滚动条是很丑陋的和俗气的。如果你需要一个美化的滚动条，你或许需要寻找javascript来模拟。

IE 技巧

无论是否需要，IE都会一直显示一个垂直的滚动条，这对预防水平跳动是有些作用的，但并非总是可取的。要想在IE中移除它，可以在body元素中设置overflow为auto。

演示:

本文的演示页面，可以查看这个页面。

英文原文：The CSS Overflow Property
中文译文：CSS Overflow 属性

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

紫枫印象 — Sun, 07 Mar 2010 22:30:31 +0800

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

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

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

2. 检查CSS是否书写正确

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

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

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

4. 利用border属性确定出错元素的布局特性

使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。

5. float元素的父元素不能指定clear属性

MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的著名的bug，倘若不知道就会走弯路。

6. float元素务必指定width属性

很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。
另外指定元素时尽量使用em而不是px做单位。

7. float元素不能指定margin和padding等属性

IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性（可以在float元素内部嵌套一个div来设置margin和padding）。也可以使用hack方法为IE指定特别的值。

8. float元素的宽度之和要小于100%

如果float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。

9. 是否重设了默认的样式？

某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。

10. 是否忘记了写DTD？

如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下DTD声明。

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

紫枫印象 — Sun, 07 Mar 2010 17:24:09 +0800

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

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

　　搜索引擎是如何去判断一个页面的重要性，或者是搜索引擎的排名的工作原理是怎样的，我们可以模拟自己就是搜索引擎，如果是你去做搜索引擎你会如何去判断排名的权重?无非分了以下这么几个级别

　　1、域名

　　2、目录

　　3、单页面

　　这三个级别的丛属关系是域名>目录>单页面

　　首先从搜索引擎蜘蛛抓取页面的流程来看，蜘蛛首先要知道的肯定是你的域名，那么肯定域名中包含关键词或是关键词拼音是最重要的了，蜘蛛抓取了你的域名之后，他肯定会分析一下你这个域名下多少个目录，蜘蛛会先把目录抓取回去，然后按照目录一个一个级别往下抓取。很显然，在目录中包换关键词是很重要的，当然有时候你的域名根目录下不一定只有目录，还会有一些单页面，这样的单页面在搜索引擎中的权重肯定要比目录下的单页面高。

当蜘蛛抓取完目录之后就会开始抓取具体页面了，那么页面上的关键词的权重和密度设定，以及页面上包含关键词链接的密度都是搜索引擎参考的一个重要因素。所有这些因素都是你在架设网站之初就要考虑的，这些因素涉及到的都是网站的结构设计，而往往对于一个网站的整体关键词优化不是局限在单个关键词，而是要把你要优化的关键词群合理地分布到你的网站中去，并且与你的网站结构相符合。

你可以把关键词的级别分为三个层次，如果我们以“QQ”这个关键词作为例子，“QQ”是我们要做的核心关键词，当然“QQ”这个词下面还有很多相关的扩展关键词，例如：qq空间、qq空间代码、qq个性签名等等很多二级的扩展关键词，那么我们在设计网站结构的时候就需要把“QQ”作为核心关键词，这个词必须在域名中出现，而那些二级的扩展关键词则可以作为我们的子栏目在目录名称中出现，到了第三层页面就是我们具体要优化的三级关键词了，例如我们在“qq空间”这个子栏目中添加包含“qq空间留言代码”这样的单页面。也就是说网站页面结构中包含的关键词的重要程度跟你所要优化的关键词重要程度是要相匹配的，重要的关键词要放在重要的位置。总结出来就这么三条：

　　1、域名中最好是包含你的核心关键词，如果域名中没有包含关键词的话，那么你的网站名称也一定要包含核心关键词

　　2、把从核心关键词中扩展出来的二级关键词分别作为你的栏目名称，这个可以算作关键词的二级分类

　　3、把从二级关键词中扩展出来的三级关键词作为你要添加的单页面的主要关键词，也就是具体内容页的关键词

　　关键词的权重也会有传递的，如果按照以上这三条来设计关键词的分布，那么我们可以看出，核心关键词将会出现在三个层次的页面中，二级关键词将会出现在两个层次的页面中，而最末梢的关键词也就是我们常说的长尾关键词则分布在具体的页面上。这样的关键词布局设计就会呈一个金字塔型。这样的话我们就不会对关键词的优化一筹莫展了。很多时候我们对关键词的选择是很为难的，这个关键词也想要，那个关键词也想要，什么关键词都想要。但是每个页面主要的关键又只能设置一个。所以很多站长都遇到了困惑，无从选择，但是你如果把关键词分级以后，然后按照我所说的这种金字塔形的关键词布局，你就不会再有困惑了。

　　当然关键词的布局设计只是一个网站排名的内因，这是一个网站要获取好的排名的基础，而外因还是取决于你的外部链接，很多朋友做外部链接都有一个误区，也就是只作核心关键词的外部连接，这是因为你没有分清楚什么是友情链接，什么是外部链接，友情链接需要以你的核心关键词去做链接，因为这个链接是直接链到你的域名，而对于你的二级关键词你也需要一些外部链接(有时候二级关键词的外部链接可以用网站内部各个栏目互链来补充)，同样的道理你的二级关键词链接要链接到别人的二级页面，做链接也要相做关键词布局设计一样，每个层次的关键词外部链接应该是不同的，而不是一个关键词打天下。不同层次的页面，链接也是需要不同的。

　　只有当你的网站体系结构清楚了，并且你的关键词体系结构与你的网站体系结构相匹，你的外链体系结构也与前面的两项相匹，我相信你的网站肯定会有不错的流量。

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

紫枫印象 — Sat, 06 Mar 2010 23:00:39 +0800

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

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

CSS：

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：

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

3、图片外框效果
webdesignerwall.com上有最好的讲解，这个效果是基于在上面层叠一个有透明度的图片的技术。至于IE6的PNG透明度问题，可以参考这篇教程。
演示：
http://www.sohtanaka.com/web-design/examples/drop-shadow/framed.htm

HTML：

<div class="frame-block">
    <span> </span>
    <img src="sample.jpg" alt="" />
</div>

CSS：

.frame-block {
    position: relative;
    display: block;
    height:335px;
    width: 575px;
}
.frame-block span {
    background: url(frame.png) no-repeat center top;
    height:335px;
    width: 575px;
    display: block;
    position: absolute;
}

4、水印效果
你可以通过降低主图片的透明度来让背景图片透过来显示的方法添加水印。
演示：
http://www.sohtanaka.com/web-design/examples/drop-shadow/watermark.htm

HTML：

1
2
3

<div class="transp-block">
    <img class="transparent" src="sample.jpg" alt="" />
</div>

CSS：

.transp-block {
    background: #000 url(watermark.jpg) no-repeat;
    width: 575px;
    height: 335px;
}
img.transparent {
    filter:alpha(opacity=75);
    opacity:.75;
}

5、为图片添加说明文字
使用绝对定位和透明度的设置来添加灵活的说明。
演示：
http://www.sohtanaka.com/web-design/examples/drop-shadow/caption.htm

HTML：

<div class="img-desc">
    <img src="sample.jpg" alt="" />
    <cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>

CSS：

.img-desc {
    position: relative;
    display: block;
    height:335px;
    width: 575px;
}
.img-desc cite {
    background: #111;
    filter:alpha(opacity=55);
    opacity:.55;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 555px;
    padding: 10px;
    border-top: 1px solid #999;
}

网站改版时需要注意的六大问题

紫枫印象 — Thu, 04 Mar 2010 08:36:01 +0800

网站改版，如何改?如果只是设计、功能和栏目等的稍微变动，这些很简单，从技术上说并没有多少难度。只是对于网站本身的发展来说，没有多大的作用，尤其是一些存在很严重的对搜索引擎不友好问题的网站，没有针对性的改版，相当于只给网站换了一个外壳，治标不治本。网站遭遇发展瓶颈时候，是需要改版还是重新建设?不管是改版还是重建，都需要先进行分析诊断，找出问题所在进行有效的优化改版，而不是盲目的去重新建设新的网站。事实上，倘若不是存在着很严重问题的网站，经过网站优化后，都能取得更好的发展。

对于国内很多没有经过优化的网站来说，网站改版相当于网站的二次重建。针对改版的策划方案，对于改版是否成功起着至关重要的作用。网站改版方案的策划，不仅仅要涵盖前台设计，功能模块设计，栏目设计，数据库设计，团队合作等各个环节，还需要把搜索引擎优化的思想结合在里面。使网站系统完善的同时，增加用户友好度和搜索引擎友好度。

以下是针对网站改版可能遇到的几种情况以及建议，仅做参考:

一、网站改版选择什么样的内容管理系统(CMS)

现在大多网站都带有后台管理系统(CMS)，这样能大量的节省编辑文章的时间，能使维护和管理简单化。即使是一个没有CMS的网站，要添加CMS也是极为容易的事情。一个好的CMS不仅仅是要求能管理维护好现有的网站内容，还要有弹性和可扩展性，能帮助你把网站建设得更好。

CMS能帮助我们更好的维护和管理网站，但是就目前而言，大多数CMS都缺乏搜索引擎友好性，难以适应搜索引擎规则。

评价一个CMS的搜索引擎友好度，你可以通过以下几点来评价：你在编辑和提交网页的时候，能否通过CMS为网页设置独立的title和meta;通过CMS生成的网页url是否具备搜索引擎友好性(如url是否做过静态化处理)，你能否更改编辑内容的方式，比如通过文本编辑和通过代码视图编辑;能否为文本内容添加链接;为产品设置的导航结构是否对搜索引擎友好……，如果你在乎你的网站在搜索结果页面的位置的话，这些都是很重要的。

二、更改管理系统(CMS)需要应对的情况

管理系统(CMS)改版后，文件名以及目录改变，网页URL的后缀可能由.html变为.asp和.php等，尽管内容还是以前的内容，但是已经是一个不同的新网页。

主要问题：旧网站已经被搜索引擎收录，有较高的PR值，并且在搜索引擎结果页有好的表现。改版后，旧的网页将从搜索引擎中消失，并且随之消失的是已有的高质量的流量。代替旧网页的新的网页需要重新被搜索引擎收录，并且从PR值为0开始。

如果你选择不删除旧网页，让它与新网页同时挂在网上，那么，你的网站将面临复制网页的状况，从而受到搜索引擎的惩罚。

解决办法：让搜索引擎知道你的旧网页已经改变成另一个新的网页，即设置301永久重定向页面，告诉搜索引擎目前这个网页已经不再使用，并将它永久指向代替它的页面。那么，旧网页以前的链接广度以及PR值会逐渐的转移到新的网页上。

三、网站内部导航的改版

大多数情况下，网站改版中需要考虑到网站内部导航的重新设计。很有可能旧网站使用的是超链接文字导航，或者是静态的图片链接做导航，而今为了使网站美观，运用flash或者javascript 技术使导航菜单具备动态效果。

对现有导航结构做任何改动，都有可能对搜索引擎产生影响。原因可能是多方面的:基于文字的导航转换到基于图片的导航，可能潜在的失去了原先导航中的关键词对所指向的内部页面pr值提升的帮助，使内部网页在搜索结果页的排名降低;JavaScript制作的导航，如果使用不恰当，会人为的致使搜索引擎无法识别导航中的内容，基于flash的导航也会使搜索引擎爬虫无法识别关键词和内容。

这些难道是技术本身的错?当然不是!你可以使用任何方法让你的网站更美观更受用户欢迎，只要使用恰当，便能化腐朽为神奇。

首先，你必须确定制作了一个完整的网站地图，地图中包括你的产品的所有类别和网站的每一个部分，尽量在导航以及网站地图中使用你的最优关键词，但是要避免为大量的关键词加上超链接，这样会有关键词作弊的嫌疑。

尽量避免使用flash导航，如果使用图片导航，确定你为每个导航菜单的图片设置了适当的alt属性描述文本。那样图片就不再仅仅是图片，可以有描述文字，可以对链接指向的页面进行描述说明，这能帮助搜索引擎了解图片链接的页面的中心主题。

四、改变域名

有可能我们会遇到这样的情况，由于多种原因，需要改变域名，那么，如何才能留住以前那些忠实稳定的客户以及固定的访问者呢?如何如在短期内使新域名的流量增加到旧域名的高度，成为一个棘手的问题。

解决的办法就是在新的域名使用的同时，旧域名最好同时保持在线，直到新的域名有一定的流量为止。当然这样一来，在保持流量的同时，也可能会遭遇复制页面的后果，这就需要把旧域名上的网站内容删除，如果旧的域名还打算使用的话，我们可以为旧的页面制作302重定向页面，这样就能短期的把旧域名上的流量转移到新的域名上。如果旧域名已经不打算再使用，那么，可以像前面所见的那样，可以设置301永久重定向页面。

需要说明一下，301为永久性重定向，实施301后，新网址完全继承旧网址，旧网址的排名等于完全清零。302是临时性重定向，实施302后，对旧网址没有影响，但新网址不会有排名。301重定向是网页更改地址后对搜索引擎友好的最好方法，只要不是暂时搬移的情况,都建议使用301来做转址。

由于302重定向曾被作为seo作弊的一种手段，目前搜索引擎友好性欠佳。所以对于搜索引擎迄今为止，能够对302重定向具备优异处理能力的只有 Google。也就是说，在网站使用302重定向命令将其它域名指向主域时，只有Google会把其它域名的链接成绩计入主域，而其它搜索引擎只会把链接成绩向多个域名分摊，从而削弱主站的链接总量。既然作为网站排名关键因素之一的外链数量受到了影响，网站排名降低也是很自然的事情了。

五、网站改变设计时保留以前的优化结果

一个公司网站决定对前台设计改版，过去他们曾经请专业的SEO公司定时的对网站做优化，网站内部各个要素都已经达到搜索引擎优化最优。网站设计改版的过程中，设计师并没有考虑到搜索引擎优化，因此没有保留原有的优化效果。

网站改版结束，网站搜索引擎能见度大幅降低，最终也将影响到网站的流量。原因主要在于，在新的设计中，可能在改变时删除了图片的alt属性，或者把已有页面的title和meta删除了。网页的重新设计中，部分关键词以及链接会失去，最终使已有的优化效果大打折扣。

如果网站本身已经经过优化，那么，在改版中，一定要注意把网站以前的优化基础带到新的网站上面来，如果你有合作的专业seo团队，最好能有他们参与网站的改版，如果网站在改版的时候文件名和结构导航都没有变化，是很容易在保留原来的优化基础的前提下，实现前台设计改版的。如果在改变设计的同时，对网站的文件目录以及结构做了修改，那样要回到以前的优化效果就比较难，当然并不是不可实现的，你需要把现有的网站源文件给网站优化公司，让它们帮助你恢复搜索引擎可见度，并且对已经更改url的网页进行301重定向。

六、慎用flash文件

毫无疑问，一个精彩的flash会使一个本来平淡的网站活色生香、魅力四射，对于美丽的事物，我们从来都很少人能从心里真正拒绝。

网站在使用flash时，要适可而止，对于很多站长而言，网站目标并不是第二个苹果树，而是带有商业目的。甲之熊掌，乙之砒霜，flash只是一个装饰，使用不当无异于自己买砒霜吃。如果一定要使用flash的话，尽量采用体积小的flash，并且加上属性。

谷歌-短信最流行-2010虎年短信免费(收发)

紫枫印象 — Thu, 11 Feb 2010 12:52:32 +0800

手机现在越来越流行了哈！发短信更是没得说哈。。

今天看到了谷歌为我们广大的用户提供了一个很好的免费服务，可能之前就有了哈，没去注意！

快过年了哈，手机的问候必不可少哈。俺就为那些懒得打字的朋友们，提供方便哈。

可以上网的朋友，就去谷歌热榜-短信最流行：

http://www.google.cn/rebang/msg

点击进入→

先看界面：

2010虎年免费短信收

在这里，祝大家新年快乐，虎年吉祥！