Mr.Think

PR值, 全称为PageRank(网页级别), 取自Google的创始人Larry Page. 它是Google排名运算法则(排名公式)的一部分, 是Google用于标识网页的等级/重要性的一种方法. 一直以来, 它是Google用来衡量一个网站好坏的唯一标准.
然, 自09年10月中旬Google员工Susan Moskwa在Google网站管理员帮助论坛中确认了pr值取消这一消息起, PR是否真的会退出历史舞台就开始在圈内闹的沸沸扬扬. 而我, 也是非常关注这一动态的CN草根站长中的一员. Mr.Think的博客10年4月开通至今, 收录良好, 更新状态良好, 文章内容全原创, 自认为SEO也做的良好, 但PR依然为0, 曾在8月份做过一次深度的分析, 无论从关键词还是链接数, 收录数, 等等方面都没能找到PR为0的依据.
至此, 开始寻找根本的原因: PR值是否真的停止更新. 其中打听过多位圈内的人, 其中包括Google的搜索客服Grace小姐, 但众说纷纭, 有的说已停止更新, 有的说新站停止更新, 有的说未知, 哈. 答案未知.
今天又无意中在站长网看到一篇10月中旬PR值即将更新的消息. 欣喜瞬间, 淡然一笑. 不再关注PR值了, 用心做站, 用心分享技术. 能让读者看到有价值的东西, 才是Mr.Think的博客最本真的价值观.
关注文章价值, 关注用户体验, 关注互联网, 别了, PR.

为了学习Linux系统,花了两个晚上的时间把电脑彻底清空重新规划了一次, 让Ubuntu与Win7和平共存.装系统是小儿科,但烦的是大大小小一大堆的软件.ghost很重要.
而对我,用的最多的是Zend Studio加Aptana的完美结合.我想,无论对于前端人员还是PHP开发人员,Zend Studio加Aptana绝对堪称经典.可惜中文资料太少,让很多人在安装和使用时绕了不少弯路,在此分享一下,安装过程中几个实用的技巧.
Zend Studio的下载安装就不详叙了,自己Google下.本文以7.1版本为例说明.
1. Aptana插件的安装
Aptana插件的安装有两种方式,一种是通过Aptana官方的插件链接安装,另一种是通过下载插件后加载安装.笔者建议用第一种方法,第二种方法我没安装成功过,总是出错(人品问题?).
具体实施:打开Zend Studio, 选择help菜单下的install new software选项,然后, 点一下Work with 后面文本框后面的那个ADD,会弹出一个窗口,Name,任意输入名称,location中输入: http://download.aptana.org/tools/studio/plugin/install/studio,点OK,然后在work with的下拉列表中就有你刚添加的了,勾选,next,ok,next,accept,finish,yes,重启安装完成.
2. 默认编辑器的配置
Aptana安装完成了,还需要修改首选项preferences把相关格式文件的默认编辑器设置成Aptana.即,菜单Window»Preferences»General»Etitors»Fill Associations, 然后,在右边选择你想要默认用Aptana编辑的文件格式,然后再选择下面的Aptana插件,并Default为默认.

3. 为Aptana添加jQuery等支持插件
现在,为Aptana安装插件,以达到更加完美的功能.这一步,依你个人情况而定,主要是对于JS的框架支持,笔者长于jQuery,故安装的是jQuery插件.
在My Studio界面中找到View Plugin Manager(前面有个绿色的图标,如果没有重启一下Zend Studio),点击,会在下面出来一个窗口,然后再点击,该窗口右上角的绿色加号.

接下来,你就能看到插件窗口了,然后选择要安装的插件,比如我选择的是JavaScript Libraries下的jQuery Support.安装方法雷同于第一步,略过.

完成上面的3步,已经将Zend Studio与Aptana完美组合了,但为了达到更完美,下面几步绝对实用.

4. 取消Aptana的起始页
此时,你会发现每次打开Zend Studio都会有一个Aptanan的起始页,如何取消? 菜单Window»Preferences»Aptana»Strartup Page»选中Never display after startup

5. 右上角Aptana图标的显示
为了更好的切换Aptana与PHP模式,是不是希望在视察右上角PHP按键旁边有一个Aptana的小按钮,好办.
菜单Window» Open perspective»other»Aptana Web双击或者选中然后OK.上帝说要有光于是就有了光.
6. 自动换行设置
自动换行,很实用的一个小技巧,但同时,也会有一个BUG,即自动换行后行号显示也是不正确的.有两种方法,第一种,直接在打开的文件中,右键,Toggle word wrap选中即可;另一种,是强制所有的文件打开时都自动换行:菜单Window» Editors»Advanced»Enable word wrap ,选中就可以了.

7. 预览项目时不生成tmp文件设置
预览html项目时,会自动生成一个tmp文件,并且,每次都会生成,对于我,这是绝不对容忍的,每次预览完都得去清理文档垃圾.还好,有个方法可以避免: 菜单Window»Aptana» Editors&raquoHTML»Preview»Generate temporary files for browser preiews取消勾选.

上面仅是我自己总结的一些小技巧,实际安装使用过程中可能还有更多问题,请大家千万别忘了支持Google一下,她能告诉你很多很多.
Tips, Aptana也有单独的版本,如果你平时工作学习仅限于前端,可下载单独的Aptana,体积要小很多. 在此,也强烈建议,前端工作者作都尝试一下Aptana,你会喜欢上的.

使用jQuery很长时间了,但一直没有深入的研究过. 下午正好有空,看了锋利的jQuery第1和第2章,顷刻间为之所迷.
之前也曾通过jQuery手册了解过一些jQuery的知识,但从没系统的看过它的核心.看完锋利的jQuery前两章,jQuery简直太美了.简单,易懂,易用,还有那无所不能的$(虽然有点夸大,哈哈). The write less,do more 这是我现在对jQuery的认知.
相见恨晚.我甚至去想,如果当初学JavaScrip时也学jQuery,可能会更快.虽然jQuery从属于JavaScrip,但它比JavaScrip有意思的多.对于初学者,JavaScrip是相当枯燥的(看那本比字典还厚的权威指南时差点放弃了,哈).所以,如果JavaScrip初学者看到这篇文章,我希望你在学习的同时也学学jQuery,这样会更快.jQuery有多容易入门? 噢,就跟CSS一样,没错,她的选择符就跟CSS选择符一样.兴趣是最好的老师,只有兴趣提起来了,才更容易吸收知识.
最后,也特别的赞一下锋利的jQuery这本书,国人写的,避免了翻译过程中的”变味”,写的也很易懂.此书完全可以和JavaScript DOM编程艺术媲美,都是非常棒的入门书.
用最少的代码,做最多的事.jQuery,真美~

了解jQuery,点此前往: http://jquery.com/
学习jQuery,点此前往: http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html

2010.09.10更新: 本文方法均失效(含2010.07.01更新), 请勿实验. 若有其他可行的办法, 请留言告知, 感谢~
2010.07.01更新: 本文方法好像已失效,可能与谷歌最近SSL加密域名调整有关,期待FF和Chrome的开发者们出新的插件.另,需要Google的可直接访问SSL加密版:ggssl.com.
本文将教你如何避免在使用Google搜索时的”无故”服务中断.
首先, 请确保你使用的是Chrom或者是Firefox的浏览器. 没有? 移步前往: 下载Chrome, 下载Firefox;
如果你使用的是Firefox,很简单,点此安装Google SSL加密搜索插件, 确认安装完成功后(需重启浏览器),直接打开Google SSl加密版本https://www.google.com/webhp?hl=zh-CN, 如果还不行,可以进入Google,点页面下面的”Google.com in English”. 现在,你想搜啥就搜啥吧.对于Firefox,你还可以直接在快捷搜索那儿选择Google SSl,然后输入内容搜索.
如果你使用的是Chrome,依次点那个小扳手(工具)–扩展程序–获得更多扩展程序–搜索”SSL”,前两个扩展就是,安装一任意一个.跟Firefox一样,确认安装成功后,直接打开Google SSl加密版本https://www.google.com/webhp?hl=zh-CN, 如果还不行,可以进入Google,点页面下面的”Google.com in English”. 现在,你想搜啥就搜啥吧.

就这么简单,让Google在SSL加密模式下运行,即可避开GFW.魔高一尺,道高一丈.哈哈.
题外话, 因为某些领导人的私欲和无知,Google被逼出中国大陆,GFW墙掉了一个又一个能给中国互联网带来许多新鲜血液的网站.一直喜欢Google的产品,用Chrome浏览网页,用Google搜索,用Gmail写邮件,用GoogleMap查路线,用Analytics分析网站访问情况,用GoogleCode找代码,等等等等… 对我来说,如果上网缺少Google和腾讯的服务,与脱机没啥区别.
自从Google被逼出大陆,最让人无法忍受的就是使用Google搜索时的”服务中断”, 为啥中断?你知道的. 声明一下,我不会用百度,百度无良,搜索结果大半页都是广告,并且排前几名的大部分都是坑蒙拐骗类的. 远离百度,珍爱生命. 即便某天Google不能用了,我会用SOSO或者搜狗,绝不使用百度.爱国?百度不是中国公司,不信?自己Google去!
痛恨百度,及IE6.哈哈.

最近在谈一个酒店项目, 需求方是某全国连锁酒店, 名誉三甲. 该酒店现在有一个网站在运行, 但用户体验之差, 实在让人汗颜. 为了深入了解网站功能, 特意注册了一个马甲号试试订房体验. 结果连我这个在网络上浪迹数年的做前端开发的人都足足费够了脑筋. 预订过程中, 鲜有提示, 页面都是直接跳转的, 而不是异步加载, 网站加载速度也是相当的慢(可能得归功于大批的css/js加载请求,还有那张大大的背景图).
下面是我分别用Yahoo的Yslow工具和Chrome的Monster插件分析得出的结果:

Yslow分析报告

Monster分析报告

上面的报告就不用我详细的阐述了. 如果你是行内人士一看就该明白.
我还同时看过几家类型的酒店网站, 也都是在国内比较有名的酒店网站, 性能上都相差不多. 呵. 作为一个服务性交易性网站, 用户体验如此之差, 如何能让你的客人更便捷的订房. 也不知道因为这些操作上的不友好流失了多少营收. 后来又通过英文导航站看过几家美国的酒店的网站, 限于英文水平, 用户体验就不说, 最基本的载入速度和页面界面也要比国内这些酒店网站快好多.
其实不单是酒店这个行业, 再看看政府的网站(最著名的莫过于友情链接量绝对第一备案中心的网站),以及大部分企业网站,再看看国外的同类型的网站. 差距, 真的不是一点点. 上个月中旬, 老板朋友公司为上海电视台制作的一个交友类网站, 因为第二天上级领导要来验收, 第一天下午找到我们, 让我们帮着改一下页面. 一看, 不兼容, bug很多, 还有错误页面, 问题多多. 结果对方要求很简单, 只要兼容某一版本浏览器就行, 不要有错误页面, 有些页面放张图片即可. 汗. 原来, 这网站只是为了给领导看的.
网站的主体永远都是用户. 网站的一切行为, 都应从用户的角度出发. 做用户体验, 首先就是要忘掉自己. 国内网站与国外网站的总体差距, 真不是一点点, 就像是百度之于Google的差距. 我坚持用Google, Google无法用了我就用SOSO. 远离百度, 珍爱生命. 我会跟我所有认识的人说这句话, 有些人会说不爱国, 这与爱国无关. 中国绝大部分企业只知道赚钱, 没有责任感, 无良. 比如百度. 而像Google、腾讯这些会向用户提供很优秀的免费产品, 会推动某一行业发展的公司, 才是真正值的尊敬的.
下面是我针对本文中某酒店写的方案中部分摘录, 有兴趣的可以看看,欢迎拍砖.

现行网站在功能上已能满足用户最基本的需求，但在网站载入速度、功能模块设置、界面设计、用户操作体验等方面仍有很多欠缺。这些欠缺直接影响到了用户在网站中的交易行为，也因此流失掉很多潜在的营收。具体细化到XX网站，网站缺陷上有以下四个方面：
1、网站加载速度慢
加载速度是用户体验的第一要素，无论网站中有多么诱人多么实用的功能，如果用户打开网站很费劲，相信对他的兴致也是一个很大的打击；通过前面的分析报告也能看出，引起加载速度慢的原因，主要是要加载的图片及样式文件太多，在中国现在的网络带宽环境下，用大图（如XX现网站整站背景图）做背景图是一个不好的选择；
2、网站整体布局不合理
XX现在的布局宽是800px，而现在的显示器绝大部分都在1024以上，所以这种布局宽度对用户很不友好，应栅格化布局为950px或960px宽；
3、首页模块分布不合理
首页功能单调，不能让用户在第一时间很明了的找到网站的核心功能。导航菜单有些混乱，比如“XX新闻”菜单完全可以拿掉，而用一个独立的小模块展现；有些不重要的模块占据了重要的位置，比如头部通栏幻灯片，完全可以缩小一半出来放预订的功能导航；左上角（会员登录区）是用户进入网站的第一视觉，更应该放网站最核心的预订功能，而不是登录；
4、用户体验不友好
网站用户体验的重要性，不亚于网站的任何一个核心功能。任何一个核心的功能都是基于用户体验的。现行网站的功能模块缺少向导性的提示，比如预订功能，每一步都应该有一个明了的提示信息，这样当用户不明白该怎么做时就能很快的找到解决方法。而不是任其盲目的点击。所以，整站也缺少一个用户帮助中心，告诉网站所有的功能如何正确操作。
5、兼容性欠佳
现行网站仅兼容于IE浏览器，而对于很多使用Chrome、FireFox等标准浏览器用户却未能提供很好的兼容方案。比如预订选项的选择城市功能在Chrome、FireFox下均会错位。

通过上文中对现行网站的劣势分析，以及我们专业的前端开发人员对同类型网站的性能研究，在前端性能上，我们将在开发过程中，做如下几点的优化：
1、界面设计方面
新网站界面将以960px宽删格化布局网站，与XX”设计时尚”理念相贴合。界面将由专业的web网站设计师出图，充分考虑实用性与美观性；
2、前端开发技术
网站前端开发部分将采用符合w3c标准的xhtml、css、javascript、jQuery、Ajax等技术实现整站的结构层、表现层、行为层的相互分离。底层以xhmtl+css构建符合语义化的页面，采用css sprite技术减少整站图片的加载请求，用javascript、jQuery、Ajax实现行为的交互。前端开发过程中将结合后台开发，充分考虑功能的实用性，用最简洁明了的方法实现最完善的功能；
3、用户体验部分
我们有专业的用户体验研究人员，将会通过专业的分析工具，统计出用户的操作习惯，针对网站的每一个功能做出以用户为中心解决方案，细化到每一个按钮，每一张图片的位置与展现方式；核心功能（比如预计过程中，注册过程中）的操作步骤，我们都会简化到最少，并且每一个步骤都会尽可能明白的提示用户如何操作。查询、提交等操作，都将用Ajax技术结合后台语言实现页面异步加载，以减小用户的等待时间。 另外，我们还会加入完善的帮助中心模块，让用户能在不知所措的第一时间找到解决的方法；
4、前端代码优化
前端代码的优化除了在前端开发过程中编码标准，不沉冗，还将考虑对搜索引擎的友好性，将以符合语义化标准的代码呈现前台页面。整站完成后，将对整站的CSS、javascript文件做相应的拼合处理，以减小网站的http请求量，加快网站运行速度；
5、兼容性
开发过程中将以ie6、ie7、ie8、Chrome、FireFox为底层测试浏览器，由专业测试人员调试每一个页面的兼容性，以保证网站在各浏览器下的完美兼容。