<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[phphi's blog]]></title> 
<link>http://www.phphi.cn/index.php</link> 
<description><![CDATA[phphi's blog-是一个以php+jquery为中心，面向软件开发者、程序爱好者的开源技术型博客。]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[phphi's blog]]></copyright>
<item>
<link>http://www.phphi.cn/post/279/</link>
<title><![CDATA[Bambook锦书介绍]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[it]]></category>
<pubDate>Fri, 06 Aug 2010 10:19:24 +0000</pubDate> 
<guid>http://www.phphi.cn/post/279/</guid> 
<description>
<![CDATA[ 
	<p style="text-align: center;">&nbsp;&nbsp;&nbsp; <img width="450" height="300" alt="bambook" src="/attachment/image/bambook.jpg" /></p>
<p>Bambook首先是一款专为阅读设计的优秀硬件产品。它采用世界顶级6英寸电子墨水屏，拥有高分辨率、16级灰阶、超低辐射等特性，环保又不伤眼。配合盛大专利开发的快速刷新技术，真正实现如纸张一般的阅读体验。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;盛大力邀国际一流设计团队，精心打造纤美外观，时尚轻薄，国内首次采用铝镁合金中框架设计和高档笔记本使用的防滚架设计，为Bambook提供强 劲的骨骼保护。Bambook采用Marvell领先的Xscale&reg;微处理器技术，主频高达806MHz是同类产品的2倍以上。通过芯片内置MSPM电 源管理技术配合盛大专利的节能管理方法，Bambook实现超低耗电量,待机时间长达24天，并且还在不断的优化提升。此外，Bambook还内置了 TTS语音引擎，自动识别文字真人朗读效果，听书更添乐趣。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;Bambook不仅是优秀的硬件产品，更是一款全新概念的互联网产品&mdash;&mdash;电子书2.0。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;Bambook内置Wi-Fi联网方式，可随时连接无线网络，并且提供专利的可更换网络模块技术，允许你在任何地点访问3G网络。<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;依托Bambook强大的网络特性，您可以登录全球最大的中文数字书库&mdash;&mdash;云中书城，随时获取300万册书籍，600亿字的新鲜内容。在这个平台 上，有百万签约作家日夜写作，每天新增1亿字的新鲜内容。除了网络文学，您也可以在Bambook欣赏到200多名当代知名作家所作的文学作品和60家出 版社的各类作品。更加值得一提的是，您可以通过分享、书友、书荐、评论、票选等互动功能和好友、书友、作家一起互动交流，甚至可以改变小说的情节，还能与 1.62亿书友共同分享！<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;这便是Bambook的无限魅力。</p>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/278/</link>
<title><![CDATA[网站用户体验优化怎么做？]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[web]]></category>
<pubDate>Tue, 08 Jun 2010 01:16:05 +0000</pubDate> 
<guid>http://www.phphi.cn/post/278/</guid> 
<description>
<![CDATA[ 
	<p>发现很多的网站不仅没有把用户体验这个最重要的部分处理好，并且对用户体验的概念都比较模糊，更不知道从何下手，尤其对于电子商务网站而言，直接的后果就是网站的转化率提不上去，销售额无法突破（参考：什么是网站转化率及其重要性），其实袁勇认为，用户体验就是把自己当作目标受众，在自己的网站上不停的逛来逛去，看看哪里的感觉不好就是用户体验有问题。当然，说起来简单做起来难，因为每个人都网站的使用习惯不一样，功能要求也不一样，要做到最好的用户体验只能是照顾最主要目标受众的需求，因此要实现用户体验的优化，前提之一是必须对自己的目标受众了如指掌。因此，要有一个详细的背景调查，分析目标受众的属性，分析他们的需求和行为特征，这样才能有的放矢，实现网站用户体验优化的目的。<br />
<br />
了解完用户之后，还是要回到从哪些方面或角度来进行网站用户体验优化这个问题上来，袁勇在网络上参考了很多的资料，各有各的说法，最后看到有篇文章总结了用户体验的76个要素，比较全面，大家可以参考下：<br />
网站用户体验的分类<br />
<br />
1、感官体验：呈现给用户视听上的体验，强调舒适性。<br />
2、交互体验：呈现给用户操作上的体验，强调易用/可用性。<br />
3、情感体验：呈现给用户心理上的体验，强调友好性。<br />
4、浏览体验：呈现给用户浏览上的体验，强调吸引性。<br />
5、信任体验：呈现给用户的信任体验，强调可靠性。<br />
网站用户体验的76个要素</p>
<p></p>
<p><br />
<strong>一、感官体验：呈现给用户视听上的体验，强调舒适性。</strong></p>
<p><br />
<br />
1. 设计风格：符合目标客户的审美习惯，并具有一定的引导性。<br />
<br />
网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，从而确定网站的总体设计风格。<br />
<br />
2. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。<br />
<br />
3. 页面速度：正常情况下,尽量确保页面在5秒内打开。如果是大 型门户网站，必须考虑南北互通问题，进行必要的压力测试。<br />
<br />
4. 页面布局：重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。<br />
<br />
5. 页面色彩：与品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。<br />
<br />
6. 动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览。<br />
<br />
7. 页面导航：导航条清晰明了、突出，层级分明。<br />
<br />
8. 页面大小：适合多数浏览器浏览（以15寸及17寸显示器为主）。<br />
<br />
9. 图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远。<br />
<br />
10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。<br />
<br />
11. 广告位：避免干扰视线，广告图片符合整体风格，避免喧宾夺主。<br />
<br />
12. 背景音乐：与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。</p>
<p><br />
<strong>二、交互体验：呈现给用户操作上的体验，强调易用/可用性。</strong></p>
<p><br />
<br />
13. 会员申请：介绍清晰的会员权责，并提示用户确认已阅读条款。<br />
<br />
14. 会员注册：流程清晰、简洁。待会员注册成功后，再详细完善资料。<br />
<br />
15. 表单填写：尽量采用下拉选择，需填写部分需注明要填写内容，并对必填字段作出限制。（如手机位数、邮编等等，避免无效信息）<br />
<br />
16. 表单提交：表单填写后需输入验证码，防止注水。提交成功后，应显示感谢提示。<br />
<br />
17. 按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击。<br />
<br />
18. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。<br />
<br />
19. 错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，减少重复工作。<br />
<br />
20. 在线问答：用户提问后后台要及时反馈，后台显示有新提问以确保回复及时。<br />
<br />
21. 意见反馈：当用户在使用中发生任何问题，都可随时提供反馈意见。<br />
<br />
22. 在线调查：为用户关注的问题设置调查，并显示调查结果，提高用户的参与度。<br />
<br />
23. 在线搜索：搜索提交后，显示清晰列表，并对该搜索结果中的相关字符以不同颜色加以区分。<br />
<br />
24. 页面刷新：尽量采用无刷新（AJAX)技术，以减少页面的刷新率。<br />
<br />
Ajax是新兴的网络开发技术的象征。它将JavaScript和XML技术结合在一起，用户每次调用新数据时，无需反复向服务器发出请求，而是在浏览器的缓存区预先获取下次可能用到的数据，界面的响应速度因此得到了显著提升。<br />
<br />
25. 新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能。<br />
<br />
26. 资料安全：确保资料的安全保密，对于客户密码和资料进行加密保存。<br />
<br />
27. 显示路径：无论用户浏览到哪一个层级，哪一个页面，都可以清楚知道看到该页面的路径。</p>
<p><br />
<strong>三、浏览体验：呈现给用户浏览上的体验，强调吸引性。</strong></p>
<p><br />
<br />
28. 栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥。<br />
<br />
29. 栏目的层级：最多不超过三层，导航清晰，运用JAVAscrip等技术使得层级之间伸缩便利。<br />
<br />
30. 内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆。<br />
<br />
31. 内容的丰富性：每一个栏目应确保足够的信息量，避免栏目无内容情况出现。<br />
<br />
32. 内容的原创性：尽量多采用原创性内容，以确保内容的可读性。<br />
<br />
33. 信息的更新频率：确保稳定的更新频率，以吸引浏览者经常浏览。<br />
<br />
34. 信息的编写方式：段落标题加粗，以区别于内文。采用倒金字塔结构。<br />
<br />
35. 新文章的标记：为新文章提供不同标识（如new），吸引浏览者查看。<br />
<br />
36. 文章导读：为重要内容在首页设立导读，使得浏览者可以了解到所需信息。文字截取字数准确，避免断章取义。<br />
<br />
37. 精彩内容的推荐：在频道首页或文章左右侧，提供精彩内容推荐，吸引浏览者浏览。<br />
<br />
38. 相关内容的推荐：在用户浏览文章的左右侧或下部，提供相关内容推荐，吸引浏览者浏览。<br />
<br />
39. 收藏夹的设置：为会员设置收藏夹，对于喜爱的产品或信息，可进行收藏。<br />
<br />
40. 栏目的订阅：提供Rss或邮件订阅功能<br />
<br />
41. 信息的搜索：在页面的醒目位置，提供信息搜索框，便于查找到所需内容。<br />
<br />
42. 页面打印：允许用户打印该页资料，以便于保存。<br />
<br />
43. 文字排列：标题与正文明显区隔，段落清晰。<br />
<br />
44. 文字字体：采用易于阅读的字体，避免文字过小或过密造成的阅读障碍。可对字体进行大中小设置，以满足不同的浏览习惯。<br />
<br />
45. 页面底色：不能干扰主体页面的阅读。<br />
<br />
46. 页面的长度：设置一定的页面长度，避免页面过长而影响阅读。<br />
<br />
47. 分页浏览：对于长篇文章 进行分页浏览。<br />
<br />
48. 语言版本：为面向不同国家的客户提供不同的浏览版本。<br />
<br />
49. 快速通道：为有明确目的的用户提供快速入口。</p>
<p><br />
<strong>四、情感体验：呈现给用户心理上的体验，强调友好性。</strong></p>
<p><br />
<br />
50. 客户分类：将不同的浏览者进行划分（如消费者、经销商、内部员工），为客户提供不同的服务。<br />
<br />
51. 友好提示：对于每一个操作进行友好提示，以增加浏览者的亲和度。<br />
<br />
52. 会员交流：提供便利的会员交流功能（如论坛），增进会员感情。<br />
<br />
53. 售后反馈：定期进行售后的反馈跟踪，提高客户满意度。<br />
<br />
54. 会员优惠：定期举办会员优惠活动，让会员感觉到实实在在的利益。<br />
<br />
55. 会员推荐：根据会员资料及购买习惯，为其推荐适合的产品或服务。<br />
<br />
56. 鼓励用户参与：提供用户评论、投票等功能，让会员更多地参与进来。<br />
<br />
57. 会员活动：定期举办网上会员活动，提供会员网下交流机会。<br />
<br />
58. 专家答疑：为用户提出的疑问进行专业解答。<br />
<br />
59. 邮件/短信问候：针对不同客户，为客户定期提供邮件/短信问候，增进与客户间感情。<br />
<br />
60. 好友推荐：提供邮件推荐功能。<br />
<br />
61. 网站地图：为用户提供清晰的网站指引。</p>
<p><br />
<strong>五、信任体验：呈现给用户的信任体验，强调可靠性。</strong></p>
<p><br />
<br />
62. 搜索引擎：查找相关内容可以显示在搜索引擎前列。<br />
<br />
63. 公司介绍：真实可靠的信息发布，包括公司规模、发展状况、公司资质等。<br />
<br />
64. 投资者关系：上市公司需为股民提供真实准确的年报，财务信息等。<br />
<br />
65. 服务保障：将公司的服务保障清晰列出，增强客户信任。<br />
<br />
66. 页面标题：准确地描述公司名称及相关内容。<br />
<br />
67. 文章来源：为摘引的文章标注摘引来源，避免版权纠纷。<br />
<br />
68. 文章编辑作者：为原创性文章注明编辑或作者，以提高文章的可信度。<br />
<br />
69. 联系方式：准确有效的地址、电话等联系方式，便于查找。<br />
<br />
70. 服务热线：将公司的服务热线列在醒目的地方，便于客户查找。<br />
<br />
71. 有效的投诉途径：为客户提供投诉或建议邮箱或在线反馈。<br />
<br />
72. 安全及隐私条款：对于交互式网站，注明安全及隐私条款可以减少客户顾虑，避免纠纷。<br />
<br />
73. 法律声明：对于网站法律条款的声明可以避免企业陷入不必要的纠纷中。<br />
<br />
74. 网站备案：让浏览者确认网站的合法性。<br />
<br />
75. 相关链接：对于集团企业及相关企业的链接，应该具有相关性。<br />
<br />
76. 帮助中心：对于流程较复杂的服务，必须具备帮助中心进行服务介绍。<br />
<br />
其实对一个网站做一次用户体验分析是很细很累的活，但是意义却很大，尤其对年销售额上千万级的电子商务网站而言，用户体验做好了，转化率能增加千分之一那就能促进数百上千万的销售额，你说要不要重视呢？</p><br/>Tags - <a href="http://www.phphi.cn/tags/%25E7%25BD%2591%25E7%25AB%2599%25E7%2594%25A8%25E6%2588%25B7%25E4%25BD%2593%25E9%25AA%258C%25E4%25BC%2598%25E5%258C%2596/" rel="tag">网站用户体验优化</a>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/277/</link>
<title><![CDATA[google font API使用教程]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[javascript]]></category>
<pubDate>Fri, 04 Jun 2010 07:12:21 +0000</pubDate> 
<guid>http://www.phphi.cn/post/277/</guid> 
<description>
<![CDATA[ 
	<p>尽管互联网上新的技术和项目层出不穷，但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多，但是大多数电脑中安 装并支持的却是一些非常固定的字体，随着互联网设计的发展，传统字体已经不能满足需求。</p>
<p><strong>谷歌字体API的登陆</strong></p>
<p align="center"><img width="400" height="145" border="0" src="http://www.chinaz.com/upimg/allimg/100604/0906360.jpg" alt="" /></p>
<p>谷歌引入了谷歌字体目录和字体API，这是一个免费的web服务，它允许站长能够轻松、便捷、有效地使用各种个性化字体。作为字体服务（主要有 TypeKit， Typotheque）行业的新生力量，相信大家都很想挖掘谷歌字体API的潜力吧？那么就通过这篇文章深入挖掘它的魅力。</p>
<p><strong>谷歌字体API为何物？</strong></p>
<p>大家都经常上网，你们是否有看到过一些网站或博客上使用的非标准字体呢？所谓非标准字体是指除了互联网安全字体，如Arial，  Helvetica， Verdana， Georgia， Times New Roman之外的其他所有字体。</p>
<p>谷歌字体API就是一个支持高质量的开源字体文件的服务，你可以轻而易举地在自己的网站设计中使用这些字体。该字体库还会不断发展，将会有越来越多 的字体类型可供你选折。</p>
<p><strong>使用谷歌字体API的好处</strong></p>
<p><strong>可继续使用HTML文本</strong></p>
<p>与使用图片或CSS背景图片不同，使用@font-face方案来美化web排版对 搜索引擎更加友好。</p>
<p>此外，它属于不冒犯性的解决方案，意味着说你不需要对现有的任何内容进行修改，只需要更新 CSS样式即可。</p>
<p><strong>可通过互联网访问</strong></p>
<p>由于你使用 HTML文本而不是一个图片或CSS背景，因此并不影响通过屏幕阅读的用户。</p>
<p><strong>减轻你的服务器负担</strong></p>
<p>使用@font-face字体，你可将服务器负担转到谷歌安全可靠的CDN设备中，减轻了你自己服务器的工作量，而通过谷歌服务器你完全可以不必担 心这些字体文件的加载速度。</p>
<p><strong>如何使用谷歌字体API</strong></p>
<p>使用谷歌字体API非常简单，你无需成为一个互联网开发的代码高手。你只需在你的网页中从谷歌那里链接一个CSS式样文件并在自己的CSS定义中引 用字体名即可。</p>
<p>下面是使用谷歌字体API的基本过程：</p>
<p><strong>第一步： 添加所需字体的样式链接</strong></p>
<p>你可以查看字体库来查看可用字体。在你的网站上加入某种字体的基本格式是这样的：</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">link</span><span>&nbsp;</span><span class="attribute">rel</span><span>=</span><span class="attribute-value">&quot;stylesheet&quot;</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text/css&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;http://fonts.googleapis.com/css?family=Font+Name&quot;</span><span class="tag">&gt;</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://fonts.googleapis.com/css?family=Font+Name&quot;&gt;</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p><strong>第二步： 使用该字体给HTML元素定义式样</strong></p>
<p>下面的例子，是通过使用 font-family CSS属性给《h1》元素分配一个叫做&ldquo; Font Name&rdquo; 的字体。</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span>h1&nbsp;{</span></span></li>
    <li><span>font-family:&nbsp;'Font&nbsp;Name',&nbsp;serif;&nbsp;</span></li>
    <li class="alt"><span>}</span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
h1 {
font-family: 'Font Name', serif; 
}</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>如果你只需使用该字体一次，你可以使用内联样式：</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">p</span><span>&nbsp;</span><span class="attribute">style</span><span>=</span><span class="attribute-value">&quot;font-family:&nbsp;'Font&nbsp;Name',&nbsp;serif&quot;</span><span>&nbsp;</span><span class="tag">&gt;</span><span>Six&nbsp;Revisions&nbsp;Is&nbsp;Beautiful</span><span class="tag">&lt;/</span><span class="tag-name">p</span><span class="tag">&gt;</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
&lt;p style=&quot;font-family: 'Font Name', serif&quot; &gt;Six Revisions Is Beautiful&lt;/p&gt;</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p><strong>第三步： 始终有个备份方案</strong></p>
<p>上面的代码你可能也发现了我使用了serif 来作为后备的字体，这样做是为了以防万一。  也就是说万一谷歌的服务器出现什么状况，浏览器将会使用默认的Serif字体。 建议在使用font-family 属性时，无论是否是  @font-face字体，都养成这样的习惯，这通常叫做字体的堆叠。</p>
<p><strong>使用谷歌字体API的例子</strong></p>
<p>接下来我们来介绍一个例子，请复制并粘贴下面的代码到一个HTML文件里并保存，然后通过浏览器打开它。我建议你在不同的浏览器上测试HTML文件 可能会发现跨浏览器的差异。这里使用的字体是 Lobster typeface，你可以使用不同的字体来试验。</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">html</span><span class="tag">&gt;</span></span></li>
    <li><span><span class="tag">&lt;</span><span class="tag-name">head</span><span class="tag">&gt;</span></span></li>
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">link</span><span>&nbsp;</span><span class="attribute">rel</span><span>=</span><span class="attribute-value">&quot;stylesheet&quot;</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text/css&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;http://fonts.googleapis.com/css?family=Lobster&quot;</span><span class="tag">&gt;</span></span></li>
    <li><span><span class="tag">&lt;</span><span class="tag-name">style</span><span class="tag">&gt;</span></span></li>
    <li class="alt"><span>h1&nbsp;{</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;'Lobster',&nbsp;serif;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;font-size:&nbsp;48px;</span></li>
    <li><span>}</span></li>
    <li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">style</span><span class="tag">&gt;</span></span></li>
    <li><span><span class="tag">&lt;/</span><span class="tag-name">head</span><span class="tag">&gt;</span></span></li>
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">body</span><span class="tag">&gt;</span></span></li>
    <li><span><span class="tag">&lt;</span><span class="tag-name">h1</span><span class="tag">&gt;</span><span>Six&nbsp;Revisions&nbsp;Is&nbsp;Beautiful!</span><span class="tag">&lt;/</span><span class="tag-name">h1</span><span class="tag">&gt;</span></span></li>
    <li class="alt"><span><span class="tag">&lt;/</span><span class="tag-name">body</span><span class="tag">&gt;</span></span></li>
    <li><span><span class="tag">&lt;/</span><span class="tag-name">html</span><span class="tag">&gt;</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
&lt;html&gt;
&lt;head&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://fonts.googleapis.com/css?family=Lobster&quot;&gt;
&lt;style&gt;
h1 {
	font-family: 'Lobster', serif;
	font-size: 48px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Six Revisions Is Beautiful!&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>效果：</p>
<p align="center"><img width="400" height="153" border="0" src="http://www.chinaz.com/upimg/allimg/100604/0906361.jpg" alt="" /></p>
<p align="center">上图是谷歌Chrome 4.1浏览器查看的效果截图。</p>
<p>所生成的文本 （&ldquo;Six Revisions Is Beautiful！&rdquo;）是普通的  HTML文本，你可以给它添加更多式样元素，（例子中，只使用到 h1元素）。</p>
<p><strong>请求使用谷歌字体API中的多种字体</strong></p>
<p>我们假设你需要谷歌字体目录中的三种字体。请不要创建多个请求。创建多个请求会增加一个页面的HTML请求数量，大家应该都知道  HTTP请求的次数越少，页面响应时间就越少。</p>
<p>所以我们不使用多个样式链接标签，而是使用下面的格式。</p>
<p>下面的例子URL请求中，将会一次性加载三种字体（Vollkorn， Yanone和 Droid Sans）。</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span>http://fonts.googleapis.com/css?</span><span class="attribute">family</span><span>=</span><span class="attribute-value">Vollkorn</span><span>&#124;Yanone&#124;Droid+Sans</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
http://fonts.googleapis.com/css?family=Vollkorn&#124;Yanone&#124;Droid+Sans</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>这样你就可以在你的式样元素中使用这三种字体中的任何一种字体了。</p>
<p><strong>注意事项</strong></p>
<p>字体名称之间用 &#124; 隔开，并且不留空格，还要注意Droid Sans字体的使用，对于字体名称中有空格的，需用 +  符号来代替空格，在我们的例子中，我们使用的字体名称是Droid Sans，因此在申请的链接里应该用&ldquo;Droid+Sans&rdquo;。</p>
<p>提示：在一次链接请求中使用过多的字体可能会让你页面响应时间加长，因此建议只加载必要的字体。虽然说使用这些字体都是免费的，但是也不是说你可以 胡来。</p>
<p><strong>谷歌 Font API字体的重量和式样</strong></p>
<p>互联网字体有字体重量/式样（ font  weight/style）变体，如需使用这些变体，只需在该字体的后面加上冒号（：）以及对应的weight/style即可。</p>
<p>下面的例子，我们请求使用 Vollkorn的粗体、粗斜体以及Inconsolata的斜体。</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span>http://fonts.googleapis.com/css?</span><span class="attribute">family</span><span>=</span><span class="attribute-value">Vollkorn</span><span>:bold,bolditalic&#124;Inconsolata:italic&#124;Droid+Sans</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
http://fonts.googleapis.com/css?family=Vollkorn:bold,bolditalic&#124;Inconsolata:italic&#124;Droid+Sans</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>每种字体的变体也有短代码（简码）可用，它们分别为：</p>
<p>粗体： b</p>
<p>斜体： i</p>
<p>粗斜体： bi</p>
<p><strong>下面就是使用简码的例子：</strong></p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span>http://fonts.googleapis.com/css?</span><span class="attribute">family</span><span>=</span><span class="attribute-value">Vollkorn</span><span>:b,bi&#124;Inconsolata:i&#124;Droid+Sans&nbsp;&nbsp;</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
http://fonts.googleapis.com/css?family=Vollkorn:b,bi&#124;Inconsolata:i&#124;Droid+Sans  </pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p><strong>注意事项</strong></p>
<p>字体后面的冒号与变体名称（如， bolditalic）或变体名称的简码（如，bi）之间不能有空格，如果需要使用到多种变体，请用（,）  将它们隔开，并且也不留空格。</p>
<p><strong>谷歌字体API让互联网设计更加漂亮</strong></p>
<p>互联网设计行业是一个非常活跃的行业，但是却受限于一个多年的老问题，字样。现在终于有了解决方案，你开始使用 @font-face了吗？</p>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/276/</link>
<title><![CDATA[青花瓷Java版]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[生活]]></category>
<pubDate>Tue, 01 Jun 2010 05:14:29 +0000</pubDate> 
<guid>http://www.phphi.cn/post/276/</guid> 
<description>
<![CDATA[ 
	<p style="text-align: center;"><embed width="480" height="400" align="middle" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" quality="high" src="http://player.youku.com/player.php/sid/XMTM5MjIyOTgw/v.swf"></embed></p><br/>Tags - <a href="http://www.phphi.cn/tags/embed/" rel="tag">embed</a>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/275/</link>
<title><![CDATA[移动互联网的六个预测]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[3G]]></category>
<pubDate>Sat, 29 May 2010 08:34:17 +0000</pubDate> 
<guid>http://www.phphi.cn/post/275/</guid> 
<description>
<![CDATA[ 
	<p>一，WAP时代已经过去，迎接(设备+应用+宽带)移动互联网时代；</p>
<p>二，Android手机今年降至1500元元，明年降至750元；</p>
<p>三，高3G费用导 致：丰富设备+最低带宽；</p>
<p>四，娱乐+社交应用将主导中国移动互联网；</p>
<p>五，AppStore前置收费模式会被本土化收费模式取代；</p>
<p>六，移动开发者面临历史机遇。</p><br/>Tags - <a href="http://www.phphi.cn/tags/Android%2BWAP%2B%25E4%25BA%2592%25E8%2581%2594%25E7%25BD%2591%2B%25E5%25AE%25BD%25E5%25B8%25A6%2B%25E6%2589%258B%25E6%259C%25BA%2B/" rel="tag">Android WAP 互联网 宽带 手机 </a>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/274/</link>
<title><![CDATA[Google网页字体在线服务，设计师的福音]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[web]]></category>
<pubDate>Sat, 22 May 2010 09:50:16 +0000</pubDate> 
<guid>http://www.phphi.cn/post/274/</guid> 
<description>
<![CDATA[ 
	<p>目前网页上使用的字体都是常见的几种，如&rsquo;Lucida Grande&rsquo;， Verdana， Arial，  Sans-Serif，中文常见的有宋体。</p>
<p>要想用比较个性的字体就比较麻烦了，因为你不能保证客户端是否支持这种字体，常用的方法是用Photoshop把文字制作成图片。</p>
<p>为了让网页设计更加灵活，Google从2010年5月19日启动了网页在线字体服务，并一口气发布了十八字体族。但与 Monotype Web  Fonts、FontShop 等字体商不同，Google 这次开放的字体与它其他很多服务一样，完全免费。</p>
<p>Google 目前提供的字体共有十八种，均为目前比较流行的免费字体，包括为 Android 而开发的 Droid 系列，被称为&ldquo;Fonts  for Scholars&rdquo;的 Cardo，为代码印刷而设计的 Inconsolata，业余之作而不胫走红的 Yanone Kaffeesatz  等等，其中最能引人注目的是字体师 John Fell 设计的 IM Fell 字体。</p>
<p>我想每个网页设计师都会觉得这是个好消息，又一个来自Google的福音吧！</p>
<p>想使用它们吗？使用这些字体无需付费，也不必注册，只需要做简单的几步，举个例子，如果你想在你的网页中使用&ldquo;Tangerine&rdquo;这种字体：</p>
<p>1.在网页头部加入代码</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">link</span><span>&nbsp;</span><span class="attribute">rel</span><span>=</span><span class="attribute-value">&quot;stylesheet&quot;</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text/css&quot;</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">&quot;http://fonts.googleapis.com/css?family=Tangerine&quot;</span><span class="tag">&gt;</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://fonts.googleapis.com/css?family=Tangerine&quot;&gt;</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>2.在你的CSS样式表中加入</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-xml">
    <li class="alt"><span><span>body&nbsp;{</span></span></li>
    <li><span>font-family:&nbsp;'Tangerine',&nbsp;serif;</span></li>
    <li class="alt"><span>font-size:&nbsp;48px;</span></li>
    <li><span>}</span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="xml">
<pre>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>（注：这是让页面所有元素的字体都变成Tangerine，如果只想局部Tangerine字体只要改变CSS选择器就可以了！）</p>
<p>3.刷新查看效果！</p>
<p>好了简单吗？</p>
<p>如果想详细的了解Google在线字体的话，请到官方主页http://code.google.com/webfonts</p>
<p>详细使用方法http://code.google.com/apis/webfonts/docs/getting_started.html</p><br/>Tags - <a href="http://www.phphi.cn/tags/google%25E7%25BD%2591%25E9%25A1%25B5%25E5%25AD%2597%25E4%25BD%2593/" rel="tag">google网页字体</a>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/273/</link>
<title><![CDATA[腾讯QQ微博邀请码放送中[2010-05-12更新列表]]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Fri, 30 Apr 2010 03:29:20 +0000</pubDate> 
<guid>http://www.phphi.cn/post/273/</guid> 
<description>
<![CDATA[ 
	<p>腾讯QQ微博邀请码持续放送中</p>
<p>每天我会更新三个我获得的可以散发的种子（邀请码）</p>
<p><strong>2010-05-12 腾讯QQ微博邀请码</strong></p>
<p>http://t.qq.com/invite/0dbb5537959a1cd24331</p>
<p>http://t.qq.com/invite/96bfdb9fcd97dfc86ab5</p>
<p>http://t.qq.com/invite/5d93ffa8afdb52241ad5</p>
<p>http://t.qq.com/invite/b8b058c6d53ab3f6a611</p>
<p>http://t.qq.com/invite/3ddf250251f92967a239</p>
<p>http://t.qq.com/invite/3861a632f5adaeddafed</p>
<p>http://t.qq.com/invite/2a96d639962e1e690ec7</p>
<p>http://t.qq.com/invite/605e55c46d772b4c85e7</p>
<p>http://t.qq.com/invite/6a42e291b1625bd77e0d</p>
<p>http://t.qq.com/invite/a847b1db5ad3fa608c5b</p>
<p>&nbsp;</p>
<p><strong>2010-05-08 腾讯QQ微博邀请码</strong></p>
<p><strike>http://t.qq.com/invite/400210ae94c7ee9c4bf3</strike></p>
<p><strike>http://t.qq.com/invite/9a919efdcb9d10f3f10f</strike></p>
<p><strike>http://t.qq.com/invite/5a1b0d51837a141dc061</strike></p>
<p><strong>2010-05-04 腾讯QQ微博邀请码</strong></p>
<p><strike>http://t.qq.com/invite/d9f1fdcd7ab7540f8dfb</strike></p>
<p><strike>http://t.qq.com/invite/4e6e978b6fa1f1f2a1bf</strike></p>
<p><strike>http://t.qq.com/invite/7d185acf880b3ee4ac59</strike>&nbsp;</p>
<p><strong>2010-04-29 腾讯QQ微博邀请码</strong></p>
<p><strike>http://t.qq.com/invite/e1bd166fb3ce99e72663</strike></p>
<p><strike>http://t.qq.com/invite/591545c187845162fb8b</strike></p>
<p><strike>http://t.qq.com/invite/43392e313a2209df5fc9</strike></p>
<p>&nbsp;</p>
<p><strong>2010-05-02 腾讯QQ微博邀请码</strong></p>
<p><strike>http://t.qq.com/invite/e77f3bf2eb63bfd5b755</strike></p>
<p><strike>http://t.qq.com/invite/9bd63cab38a2ebbc3737</strike></p>
<p><strike>http://t.qq.com/invite/6c954c06c5daf663c031</strike></p><br/>Tags - <a href="http://www.phphi.cn/tags/%25E8%2585%25BE%25E8%25AE%25AFqq%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581/" rel="tag">腾讯qq微博邀请码</a>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/272/</link>
<title><![CDATA[无题]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[原创]]></category>
<pubDate>Thu, 29 Apr 2010 08:50:18 +0000</pubDate> 
<guid>http://www.phphi.cn/post/272/</guid> 
<description>
<![CDATA[ 
	<p>&ldquo;什么是百度优化？说通俗一点，百度优化也好，谷歌优化也好&hellip;&hellip;是一些三脚猫的不入流的技术人员钻的搜索引擎的空子&rdquo;！......</p>
<p>这样一句话，出自我们自称省内第二大网络公司一个部门经理之口，并且是浩浩荡荡几百字的公司演讲，我真的是无语了。公司的创新乃至内地的创新再至中国互联网的创新就是被这样一群人给扼杀了。我对此番话的评论并不是在刻意说这个部门经理怎么怎么DI，某个人怎么怎么DI了，而是想表达我的一种意思，中国互联网能创新吗？难道就一直靠腾讯的一直被模仿，从未被起诉？靠百度的垃圾商业化模式？</p>
<p>OK，咱们既然是做互联网的，就要遵循互联网的法则，不进则退，出现一种你闻所未闻的技术或专业术语，你可以不知道，但我请你一定不要恶意评击。</p>
<p>咱是搞互联网的，你说你被公司定位是高级网络营销顾问，逗号，SEO是个狗屁，这样我真的要怒了。<br />
&nbsp;</p>
<p><span style="color: rgb(255, 0, 0);">何为百度优化？<br />
</span></p>
<p><span style="color: rgb(255, 0, 0);">百度优化的主要工作是通过了解各类百度如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术，来对网页进行相关的优化，使其提高百度排名，从而提高网站访问量，最终提升网站的销售能力或宣传能力的技术。</span></p>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/271/</link>
<title><![CDATA[百度的青春期]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[it]]></category>
<pubDate>Wed, 28 Apr 2010 02:32:07 +0000</pubDate> 
<guid>http://www.phphi.cn/post/271/</guid> 
<description>
<![CDATA[ 
	<p>2010年1月16日，百度成立10周年。在上地百度大厦中，百度董事长兼CEO李彦宏许愿：希望百度在下一个10年收入增长40倍，员工待遇达到 世界一流公司标准。若要实现这一宏图，依靠Google的中国模仿者角色显然不可能实现，百度的一系列远景描述：&ldquo;成为全球一半以上的国家家喻户晓的品 牌&rdquo;、&ldquo;成为全球最大的新媒体平台&rdquo;，&ldquo;品牌在未来10年普及世界50%人口&rdquo;等，无不显示百度必须走出去，在全球市场上主动迎战Google。</p>
<p>然而，百度如何成为一个站在Google对面、而非跟在它身后的竞争对手?据推算，2009年百度的年收入在40亿元人民币左右，按照李彦宏的目 标，即2020年百度总收入将达到1600亿元，这恰巧与2009年Google的年营收入236.4亿美元规模相等。10年40倍成长，在习惯光速的互 联网行业并不是不可能的任务，但问题在于，支持这一成长的路径是什么。市场规模扩大?蛋糕份额增加?国际化?新业务?百度将凭借什么以获得成长，目前而言 并不那么清晰。</p>
<p></p>
<p>中国互联网经历了第一个十年的激荡变迁后，正进入战略差异化和能力分化的阶段。虽然处在第一阶层，但百度一直不同于同一梯队的腾讯和阿里巴巴系，既 缺乏QQ当年基于IM起家、现今又顺应了SNS潮流的帝国气象，也完全迥异于马云系翻云覆雨、充满无限想象空间的阿里矩阵。百度虽然在中国搜索市场剑走偏 锋而杀出半壁江山，但恰恰也因其&ldquo;偏&rdquo;而不中，与Google十年恶斗，至今依然未能走出其动荡而青涩的&ldquo;青春期&rdquo;。</p>
<p>在业界和公司内部，李彦宏还有另外一个称号&mdash;&mdash;&ldquo;实用主义者&rdquo;。在百度&ldquo;说一不二&rdquo;、异常强势的管理风格，更使李彦宏的&ldquo;实用&rdquo;文化深入骨髓。但当 存在着&ldquo;实用主义&rdquo;变为战略上短视的&ldquo;万能主义&rdquo;的风险时，这样一种&ldquo;天然优势&rdquo;有可能反而成为其自身进步或进入另外一个新市场时的壁垒。在互联网已经进 入到网民虚拟身份与实体身份发生交集并进入实际互联网应用的第三阶段，百度却依然苦恋其&ldquo;最大新媒体&rdquo;身份，其中不无难舍现有的竞价排名高额收入的实用主 义心态。</p>
<p>小到百度近年来高层动荡，大到和Google的技术对决与政治角力，百度可谓危机环伺，更重要的是，在中国互联网经历10年的市场培育后已进入&ldquo;五 代十国&rdquo;式的分化进程中，百度要完成从一家&ldquo;媒体公司&rdquo;向身份化社区的转变，依旧还得在&ldquo;漫长的成人化黑暗隧道&rdquo;中继续穿行，其间所要经历的时间考验，甚 至有可能会超越10年之上。</p>
<p><strong>&ldquo;范围&rdquo;还是&ldquo;地盘&rdquo;</strong></p>
<p>网络经济的本质，实际上是一种&ldquo;范围经济&rdquo;和&ldquo;体验经济&rdquo;，前者注重服务的半径外延，即希望在核心专长基础上，通过更多样化的服务来提高客户粘性， 构筑竞争壁垒;而后者更注重核心服务的价值深度和质量，通过更强的技术先进性、可靠度和用户体验口碑，来强化用户的使用体验感受，使其进入一种&ldquo;须臾不 离、无法割舍&rdquo;的感性化境地。</p>
<p>与许多传统行业不同的是，互联网作为一种构筑虚拟经济的工具，不用刻意在规模经济与&ldquo;范围经济&rdquo;之间获得平衡，用户规模可以无限扩张，边际成本甚至 可以接近于零。对于网络公司而言，最重要的平衡恰恰存在于&ldquo;范围经济&rdquo;的内部&mdash;&mdash;在核心特长和多元服务之间的平衡，而且首要前提是不断提升核心技术的深度 和应用边界。</p>
<p>Google作为雅虎之后第二代互联网行业翘楚，其发展路径充分体现了&ldquo;范围经济&rdquo;的神奇魅力。Google的商业开发建立在其业界领先的核心技术 产品之上，从2004年首推邮箱服务Gamil开始，Google逐步拓展业务边界，发展其版图恢弘的&ldquo;Google世界&rdquo;：2005年推出地图服务  Google  Earth并收购YouTube，2007年推出街景地图服务，2008年发布浏览器Chrome系统和手机操作系统Android，2009年宣布将推 出操作系统。几乎每一款产品的推出都经历了大量的内部测试和市场准备，一经推出，其品质和体验就得到用户的认同。而这些新技术产品应用无一不紧紧围绕其核 心搜索技术展开，并构筑了从WEB、到用户PC桌面、再到手机平台的&ldquo;紧密范围圈&rdquo;。与此同时，其核心技术&mdash;&mdash;搜索技术体验也在不断升级。</p>
<p>相比较于Google，百度一方面不得不为技术上的后发而外战Google，内斗&ldquo;群狼&rdquo;，更因深陷中国特色的&ldquo;地盘经济&rdquo;而四处挖坑，以至于有人 评价其在2005年上市之后，核心技术&mdash;&mdash;搜索技术几乎没有任何进步，外围的一系列产品，除了&ldquo;贴吧&rdquo;、&ldquo;百科&rdquo;这样的零星亮点之外，大都一经推出，就湮 没无闻。</p>
<p>2001年，百度在公司成立一年后其核心搜索技术还停留在开发尝试阶段，即推出竞价排名系统，急于商业化的百度不得不同时在技术和商业两条战线上各 自奔跑;另一方面，为了像其他的第一代媒体门户一样疯狂争抢地盘，百度于2005年上市后不久，匆忙推出了博客服务(&ldquo;百度空间&rdquo;)与门户争抢博客媒体市 场，2007年发布C2C战略与淘宝等抢电子商务市场，同年发布财经频道试图进入门户媒体市场，2008年贸然进入日本市场，并发布IM软件&ldquo;百度HI&rdquo;  以挑战腾讯即时通讯软件市场，同年其C2C产品平台&ldquo;有啊&rdquo;上线，但反应平平。</p>
<p><strong>责任还是能力</strong></p>
<p>百度作为中国最有技术开发实力的互联网公司，几年来在新技术产品上实在是&ldquo;乏善可陈&rdquo;，除了新广告系统&ldquo;凤巢&rdquo;之外，百度在博客、IM、媒体产品和  C2C等方面的表现都令业界失望，2009年抛出的&ldquo;框计算&rdquo;的概念至今依旧&ldquo;疑云密布&rdquo;。</p>
<p>这与其说归于李彦宏领导的百度的&ldquo;奔跑&rdquo;传统和&ldquo;实用主义&rdquo;哲学，还不如说与百度内核的商业哲学和管理风格有着最底层的勾连。2001年，百度成立 一年后不得不面对COM泡沫破灭后的血雨腥风，这家做商业情报起家、从事B2B业务的技术公司第一次面临何去何从的业务选择考验。李彦宏曾经在国际知名搜 索引擎企业Infoseek任资深工程师(该公司1998年被迪斯尼收购并于2001年放弃搜索引擎业务)，几经权衡，希望将百度业务转向面对个人的搜索 引擎服务。李彦宏亲历过老东家INFOSEEK被转售最后甚至被关张的惨痛，惜以挂职而去要挟董事会而获得了机会。</p>
<p>转型之痛和后来的成功塑造了李彦宏强势的管理风格，这也直接影响着百度的高层团队。2004年公司创始人徐勇在百度上市前即离职，两年后百度早年另 一名创始人、公司CTO刘建国离职，同时，COO朱洪波也提出离职申请，2008年原百度首席科学家威廉.张离职，2009年百度产品副总裁、包括百度搜 索技术、&ldquo;贴吧&rdquo;和&ldquo;百科&rdquo;的明星产品缔造者之一的俞军离职，2010年年初，新的首席科学家李一男和COO叶鹏相继离职，至此，百度已经成为中国互联网 业界高层最动荡的公司之一。</p>
<p>李彦宏在INFOSEEK的老上司威廉.张以首席科学家身份进入百度后不久，曾试图推行代码重构和自动测试，但最终因为资源调配不力而无法推动。在 百度，一个项目被否决，往往不是因为创新不够或者用户体验不好，而是缺乏&ldquo;立竿可见的效果&rdquo;。初看起来，这样的理由并无过错，在一家忙着追赶技术发展的公 司面前，奢谈创新，显得有点过于迂腐。可是对搜索引擎这样技术集成高度复杂的业务来说，没有将来，也不会有现在。</p>
<p>当&ldquo;快跑&rdquo;的思维成了一种惯性，&ldquo;抢地盘&rdquo;成为一种生存法则，长此以往，百度的百年&ldquo;大楼基业&rdquo;将隐藏着危机。  从责任到能力，只有短短的两字之遥。李彦宏主导下的百度&ldquo;务实&rdquo;拷贝做法，已经使得百度有很长一段时间没有推出什么令业界印象深刻的产品了，而在中国市场 如何战胜Google的故事继续讲下去，也会显得很老套陈腐。最关键的是，百度已经功成，搬进了那座融合了欧、美、中三种风格而显得豪奢的百度大厦，只是 在一个Google似乎开始萌发退意的&ldquo;后Google&rdquo;时代，如果百度还在苦苦追寻李彦宏心中那个遥远的&ldquo;新媒体&rdquo;梦想，会不会再一次迷失目标?</p><br/>Tags - <a href="http://www.phphi.cn/tags/%25E7%2599%25BE%25E5%25BA%25A6%2B%25E6%259D%258E%25E5%25BD%25A6%25E5%25AE%258F%2BCEO%2B%25E8%2591%25A3%25E4%25BA%258B%25E9%2595%25BF%2B%25E5%25A4%25A7%25E5%258E%25A6%2B/" rel="tag">百度 李彦宏 CEO 董事长 大厦 </a>
]]>
</description>
</item><item>
<link>http://www.phphi.cn/post/270/</link>
<title><![CDATA[jQuery BlockUI Plugin (v2)]]></title> 
<author>admin &lt;phphi@126.com&gt;</author>
<category><![CDATA[jquery]]></category>
<pubDate>Mon, 26 Apr 2010 08:27:57 +0000</pubDate> 
<guid>http://www.phphi.cn/post/270/</guid> 
<description>
<![CDATA[ 
	<p>The jQuery BlockUI Plugin lets you simulate synchronous behavior when  usingAJAX, without  locking the browser.         When activated, it will prevent user activity with the page until it is deactivated.BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user  interaction.</p>
<p style="text-align: center;"><img width="552" height="211" src="/attachment/image/jquery blockui plugin.jpg" alt="jquery blockui plugin" /></p>
<p></p>
<p>Usage is very simple; to block user activity for the page:</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol class="dp-c" start="1">
    <li class="alt"><span><span>$.blockUI();</span></span></li>
</ol>
</div>
<div contenteditable="false" class="javascript" style="display: none;">
<pre>
$.blockUI();</pre>
</div>
<div contenteditable="false">
<link href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" rel="stylesheet" /></div>
</div>
<p>Blocking with a custom message:</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-c">
    <li class="alt"><span><span>$.blockUI({&nbsp;message:&nbsp;</span><span class="string">'&lt;h1&gt;&lt;img&nbsp;src=&quot;busy.gif&quot;&nbsp;/&gt;&nbsp;Just&nbsp;a&nbsp;moment...&lt;/h1&gt;'</span><span>&nbsp;});</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="javascript">
<pre>
$.blockUI({ message: '&lt;h1&gt;&lt;img src=&quot;busy.gif&quot; /&gt; Just a moment...&lt;/h1&gt;' });</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>Blocking with custom style:</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-c">
    <li class="alt"><span><span>$.blockUI({&nbsp;css:&nbsp;{&nbsp;backgroundColor:&nbsp;</span><span class="string">'#f00'</span><span>,&nbsp;color:&nbsp;</span><span class="string">'#fff'</span><span>}&nbsp;});</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="javascript">
<pre>
$.blockUI({ css: { backgroundColor: '#f00', color: '#fff'} });</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>To unblock the page:</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-c">
    <li class="alt"><span><span>$.unblockUI();</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="javascript">
<pre>
$.unblockUI();</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p>If you want to use the default settings and have the UI blocked  for all ajax requests,         it's as easy as this:</p>
<div contenteditable="false" class="HighLighter">
<div contenteditable="false" class="dp-highlighter">
<div class="bar">&nbsp;</div>
<ol start="1" class="dp-c">
    <li class="alt"><span><span>$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);</span></span></li>
</ol>
</div>
<div contenteditable="false" style="display: none;" class="javascript">
<pre>
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);</pre>
</div>
<div contenteditable="false">
<link rel="stylesheet" type="text/css" href="http://www.phphi.cn/editor/fckeditor/editor/plugins/highlighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" /></div>
</div>
<p style="font-size: 18px;">&nbsp;DEMO：<a target="_blank" href="http://jquery.malsup.com/block/#demos">http://jquery.malsup.com/block/#demos</a></p><br/>Tags - <a href="http://www.phphi.cn/tags/jquery_blockui/" rel="tag">jquery blockui</a> , <a href="http://www.phphi.cn/tags/jquery_%25E7%2589%25B9%25E6%2595%2588/" rel="tag">jquery 特效</a>
]]>
</description>
</item>
</channel>
</rss>