任鸟飞网页设计博客-关注网页设计、网站开发、图形图像设计、互联网趣味信息及搜素引擎的IT原创博客 » 优化

博客中的伪微博

任鸟飞 — Thu, 15 Jul 2010 10:15:50 +0000

进入2010年，国内类似Twitter的微博服务开始流行，大大小小的网站都相继推出微博服务，顷刻之间遍地微博。时至今日，拥有独立博客的博主们也没有闲着，很多博客也推出了自己微博。

什么是博客中的伪微博？

我在这里想呼喊一声：请去掉博客中自带的伪微博吧！

为什么越来越多的人在博客中增加微博客，而我却劝诫大家“背道而驰”呢？理由如下。

1. 这些博客带的微博都是伪微博。

纵观这些伪微博，我看不出来哪一点像微博客，纯粹的博客而已，只是文章的字数变少了而已，两者的功能在这些博客中完全重叠。微博的本质是信息的快速传播，实际上不产生内容，而博客重在产生内容。

2. 自带伪微博是一种懒惰的表现

大家都知道，真正的微博只有140个字，140个字用于信息的传播是够用的，但是用于产生内容，确远远不够，很多博主加上一个微博系统，就是一种偷懒的表现，他们不愿意花更多的时间，用更多的精力来阐述一件事情，只是几句话一带而过。

3. 自带伪微博是一种盲目跟从的表现

看到别人的博客上挂了一个微博系统，然后自己也趋之若鹜，盲目跟从，这里送上一句名言——过分的盲目，反而会伤害自己！既然是自己写博客，就应该有自己的特点，博客是展现你锋芒的地方，你必须把你自己的独特见解写出来，这样读者才会喜欢。

4. 自带微博并不能提升博客流量，对博客推广也没有任何效果。

访问你微博的人只能从你的博客页面进入，所以纵使你在博客中增加微博系统，对你的博客推广也没有任何好处，反而会造成分流现象。

所以我希望博主们在博客中增加微博系统时，能稍加权衡一下，如果你真的喜欢微博，可以使用新浪提供的微博服务，这里推荐新浪的微博秀功能，具体的使用方法可参考新浪微博秀，直接将新浪微博集成到博客或网站中。

以上也只是个家之言，起个抛砖引玉的作用，我们广纳箴言，如果有说的不对的地方，请留言指出，在此先表感谢！

网站开发压缩工具收集整理

任鸟飞 — Tue, 13 Jul 2010 08:09:44 +0000

影响网站打开时间有两个因素，一个是网页加载速度，另一个是网站页面的大小。网站加载速度与用户所处的网络环境及主机性能有关，而网站页面的大小则由网站开发者决定。本文的重点就是如何压缩网站页面，以减少页面加载时间。

1. 图片压缩

相对与文本来说，图片是相当占用空间的。压缩图片是重中之重。

图片压缩工具推荐：

2. Javascipt 压缩

为了增加页面的交互性及动画效果，很多页面大量使用 Javascript ，特别是 Jquery。

推荐工具：

3. CSS 压缩

由于 CSS 代码有很多缩写，所以使用压缩工具压缩一下，能大大的降低CSS文件的大小。

推荐工具：

4. HTML 压缩

推荐使用 Dreamweaver 的清理工具。

附：Google Chrome 插件 —— 网页加载速度分析工具 Speed Tracer (by Google)

Wordpress安全密钥简介及使用方法

任鸟飞 — Fri, 09 Jul 2010 07:54:35 +0000

随着Wordpress的普及，大量的“坏蛋”也盯上了Wordpress，Wordpress当然不会坐视不理，Wordpress本身也提供了很多措施来提高其安全性，这里要介绍的就是 Wordpress安全密钥（Wordpress Secret Kyes）。

1. 什么是Wordpress安全密钥（WordPress Security Keys）？

Wordpress安全密钥（WordPress Security Keys）是一组存储在客户端Cookies中的随机生成的经过加密的变量值。总共包括4个安全密钥（AUTH_KEY，SECURE_AUTH_KEY，LOGGED_IN_KEY，NONCE_KEY）。

2. 为什么要使用Wordpress安全密钥（WordPress Security Keys）？

安全密钥能够有效阻止黑客破解你的密码，一组未经加密的用户和密码，很容易被黑客破解。而如果要破解一组随机生成的，不可预测，经过加密的密码组合，例如 88a7da62429ba6ad3cb3c76a09641fc ，则可能需要好几年的时间。

3. 如何使用Wordpress安全密钥（WordPress Security Keys）？

默认情况下，Wordpress并没有定义Wordpress安全密钥（WordPress Security Keys），你需要自己添加这4组密钥。

首先，你需要到这里生成Wordpress安全密钥，这是Wordpress提供的随机生成安全密钥的页面。
其次，到Wordpress安装根目录找到wp-config.php文件，在45行以后添加上面生成的4组Wordpress安全密钥。
最后，推出重新登录即可。

说明：此安全密钥设置一次即可，且无需记住。

友情推荐模块功能调整

任鸟飞 — Thu, 01 Jul 2010 12:19:37 +0000

任鸟飞网页设计博客开通差不多一年了，在这里特别感谢那些关注任鸟飞网页设计博客的朋友，为了能永远记住这些真诚的朋友，特意调整了本博客的友情推荐模块。

很多博客都有介绍，利用友情链接（推荐）来增加博客在搜索引擎的权重，以及提高PR值等。友情链接中的“友情”二字的含义渐渐消逝，更多的是一种相互利用，铜臭味太重。

您在这里的留言，也就留下了您的足迹，为了保存更多的足迹，我们将尽量将留言者的博客添加到友情推荐模块，并定期的回访各位朋友的博客。期待您能在这里驻足片刻！

为了保证任鸟飞网页设计博客友情推荐模块的质量，我们暂时只推荐与网页设计、网站建设、图形图像设计、搜索引擎、互联网趣味信息等相关的原创博客。

进入任鸟飞网页设计博客友情推荐页面有两个入口：首页右边栏底部友情推荐里面的更多链接或者从页脚的友情链接进入。

任鸟飞网页设计博客友情推荐模块已经收集了几十个朋友的博客，这些博客的内容原创性高，且专业性强，对你也许有帮助，不妨看看。

友情推荐模块博客列表

如何选择网页图片格式（.jpg .png .gif）

任鸟飞 — Tue, 25 May 2010 13:50:11 +0000

作为网页显示类型的图片格式有三种 —— .jpg .png .gif，每一种格式都是为了满足其特定使用要求，其目标都是，在保持图片清晰度的同时，尽量降低图片的大小。

一 .JPG 格式

适用于有较多颜色的图形图像，JPEG格式图形图像可以包含成千上万种颜色。而且可以在降低图片质量级别的同时，尽量保持图片图像不失真。

二 .PNG 格式

适用于颜色数量较少的图表类型的图片，以及有大范围的单一颜色。最为重要的是 .PNG格式图片可以制作半透明效果。

相对于 .GIF格式，我们优先考虑使用 .PNG格式，原因如下：

压缩率更大，文件相对来说更小
可以制作半透明（透明程度可任意调节）效果
颜色深度范围更大，图像失真程度较小

三 .GIF 格式

适用于颜色数量较少的图表类型的图片，以及有大范围的单一颜色。最为重要的是 .GIF格式图片可以制作半透明效果。

.GIF格式图像图片最多包含256中颜色，一般的图形图像编辑软件可以根据实际情况选用最少的颜色种类来存储图片，尽量减小 .GIF图形图像的大小。

下面的情况下，可以考虑使用 .GIF格式

动画效果
透明效果

四. 图形图像格式在线转换工具推荐

Online Image Converter

五. 小技巧

其实，网页显示图片格式就这三种，我在保存图形图像的时候，都是一个一个试一下，然后选择一个效果最好的格式。

Google Adsense 文字显示广告布局样式调整

任鸟飞 — Mon, 24 May 2010 00:52:44 +0000

最近Goolge对Adsense文字显示广告布局样式进行了调整，我估计这种调整可能处于测试阶段，因为网站上的文字广告会随机显示调整前或调整后的布局样式，但也有可能是根据某种算法来实现这种效果。

不管怎么说，Google对Adsense布局样式进行调整还是顺了“民心”的，因为Google Adsense文字显示广告的显示样式确认很“难看”。

Google Adsense 调整前的文字显示广告的显示样式

Google Adsense 调整后的文字显示广告的显示样式

下面这个Adsense广告的尺寸是728×90，显示样式调整幅度更大，我很喜欢。

调整后的Google Adsense 文字显示广告，给我耳目一新的感觉。根据个人经验，文字显示广告的显示样式就应该经常的变更一下，而不仅仅还停留在对字体颜色，背景色的调整上，变化的食物不容易导致“审美疲劳”，这样间接导致广告点击率也会相应提高。

博客中有必要使用标签云（tag cloud）吗?

任鸟飞 — Tue, 11 May 2010 03:49:56 +0000

2004年之后，互联网进入web 2.0时代，网页设计趋势的主要准则向着简单、简约、渐变、大字体方向发展，其中标签云（tag cloud）是博客中最为流行的元素。

一. 标签云（tag cloud）使用实例

谷奥

Mashable

二. 标签云缺点

导航效果不好 —— 从网站统计数据来看，很少有用户通过标签云来浏览页面
信息冗余 —— 相信很多博主写文章时，一般都是根据文章内容，想到什么标签就用什么标签，更可怕的是，有时候一片文章标签使用10多个，如此多的未经整理的标签，最终肯定造成信息泛滥，重复信息太多！
信息遗漏 —— 通过字体大小及颜色区别很容易造成信息的遗漏，小字体以及浅颜色的标签链接极易被用户忽略掉。

三. 标签云使用建议

文章内使用标签数量控制在2到5个。
可以使用标签但不要使用标签云导航。

四. 总结

标签云在博客中起的作用不大，建议不要使用标签云。考虑到用户的浏览体验，需优化好博客的导航菜单，导航菜单需分类明确，层级清晰，并且可以增加一个内部搜索，以方便用户找到所需信息。

对标签云的使用，我只是抛砖引玉一下，也许你也有话说，不妨畅所欲言！

利用CSS的line-height属性让文本垂直居中

任鸟飞 — Mon, 08 Mar 2010 08:29:04 +0000

在编写菜单、导航条等CSS代码时，经常需要让里面的内容垂直方向居中排列。
这里利用line-height属性及height属性让元素垂直居中。

实例预览：vertical align middle

HTML


Home
About
Contact

CSS

#nav {
	background-color: #FFFFCC;
	height: 30px;
	border: 1px solid #FF6600;
}
#nav p {
	line-height: 30px;
	height: 30px;
	display: block;
	margin: 0px;
	padding: 0px;
}

代码说明：

将#nav p 中的line-height和height设置成同一值，即可保证#nav p中的内容垂直居中。

Google图片广告颜色搭配技巧

任鸟飞 — Tue, 02 Mar 2010 07:15:24 +0000

从美学和平面设计的角度来设置Google图片广告样式，合理的搭配广告和网站内容。

Google图片广告优化前

主要问题点：

Google广告背景与页面背景一致，导致广告商网址和Google标识太显眼，与图片搭配不合理。

美化Google图片广告的途径：

凸显Google广告背景
隐藏图片广告中的相关信息

1. 凸显Google广告背景，最终效果如下图：

Google广告的背景采用深色调，广告商网址和Google标识的颜色采用浅色调。

2. 隐藏图片广告中的广告商网址信息，最终效果如下图：

Google图片广告背景色、广告商网址两者采用与页面背景颜色相同的颜色。

在Google Adsense中新增加一个调色板，将背景、文字、网址颜色设置为同一颜色。

如何编写符合标准的XHTML代码

任鸟飞 — Sat, 27 Feb 2010 07:11:52 +0000

由于HTML版本以及浏览器类型不同，在编写HTML代码时须注意以下事项。

1. DOCTYPE （文档类型定义）

DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。
DOCTYPE须定义在文档的开始位置，而且必须注意大小写问题（case sensitive）。
例如常见的DOCTYPE定义成如下：

具体的DOCTYPE定义请参考 HTML 标签

2. 字符编码（Character Encoding）

对于中文网站，Character Encoding通常定义成如下形式：

charset=gb2312：代表此文档使用的字符集为gb2312。