标记为 ‘web应用’ 的文章：

对于blogger的编辑器一直不是很满意。所以想换用一个更好的。

最佳的方案是用自己编写的编辑器。以前在开发中用的fckEditor就不错。时间关系，新的icafee还没有完成，旧的Lumix我又不想继续开发，所以暂时只能先用着其他的。

网上搜索对比了一些blog离线编辑器，最终选择了ScribeFire。这是一个相当轻巧的FireFox插件。

ScribeFire支持很多流行的Blog。设置我的Blogger的时候遇到一个问题。ScribeFire 默认调用Blogger API的URL 是用blogspot.com :http://BLOGNAME.blogspot.com/feeds/posts/full国内因为“和谐”的缘故，blogspot是不能访问的。
以前看过google的API，知道通过blogger.com也可以访问API。查了一下，实现同样功能的URL是：http://www.blogger.com/feeds/blogID/posts/default要注意里面的blogID,不是BLOGNAME。blogID可以在自己的blogger.com管理页面中通过一些连接看到。

设置好，输入账号和密码，试着发布一条，成功!本文就是用ScribeFire书写的。

继续阅读全文...

今天为网站添加上了图标（ico），地址栏上、和标签上不再是白色的页面图标，而是显示为自己网站的个性图标。制作过程使用了CorelDRAW，Photoshop，Iconworkshop几个软件。下面是详细的制作过程……为网页设置ico图标本来不是html的标准，只是当年微软为IE5所增加的一个功能，为的是让IE收藏夹中的网页连接能显示各个网站的图标。因为越来越多的网站采用了微软的这种标准，所以其他浏览器也加入了支持ico的功能。网页图标的规范要为网站的页面增加图标，需要满足下面几个标准：

必须采用ico文件格式
图标的大小为16X16像素，256索引色。
如果命名为favicon.ico，上传到网站的根，IE会自动调用该图标；但这个标准其他浏览器不一定支持。
普遍支持的标准是，在网页的head部分，加入如下代码：<link rel=”icon” href=”http://网站URL/favicon.ico” type=”image/x-icon”>其中favicon.ico可以采用其他文件名。

工具和步骤制作ico文件的工具很多，网上搜索一下，可以找到一堆。我自己比较喜欢用Iconworkshop概括地说，制作过程可以简单分成两个步骤：用自己喜欢的绘图工具(例如Photoshop等等)制作成图片，然后用图标工具转换成ico文件。
细节，学习Pixel Art的知识步骤说起来简单，但是图标的尺寸非常小，所以每个步骤都有很多细节需要讲究。如果想制作好一个图标，建议先学习一下“像素画（pixel art）”的基本知识。像图标那么小的图片，要做出好的效果，最终还是要精确地对每一个像素进行细致的调整。“像素画”的教程，可以看看这个地址的：http://www.blueidea.com/design/pixel/index.asp
我的制作过程构思：最开始我想用我的士气章做图标，但是要把那么复杂的图形放入16X16的像素格子内，难度实在是太高了，估计作出来，都看不出是什么东西。16X16的图标只能走简单图案的路线。于是我想用“小麦”两个标准字做图标的元素。试了一下，还是太复杂了，两个字，相当于每个字只有8个像素的空间，而且两个字之间还不能有间隙。12像素是中文显示的最低极限，再低，文字会很难看。最后决定用“麦”的标准字做图标。
原始素材在CorelDRAW中把当年制作的“麦”字的标准字单独导出为PSD文件，带背景透明。导出的尺寸大很多，选择背景透明。在Photoshop中打开该文件，加入一个渐变的蓝色背景。把图片的尺寸调整为16X16。把“麦”字修改小，让周边留出1像素的空间。合并所有图层。
导出到IconWorkshop打开IconWorkshop，新建一个16X16的图标。回到Photoshop中，选择菜单，filter/axialis/Transfers To Axialis IconWorkshop …… 。 因为我安装的是IconWorkshop，会自动为Photoshop增加一个滤镜。选择“粘贴到当前图标中”。从预览中可以看到，这样的图标效果还算理想，直接做ICO也不会有什么大问题。但是有些笔画好像比较模糊，整体感觉还是不够锐利清晰。仔细观察放大的像素图，可以看到很多地方的色彩比较杂乱。
调整优化下一步就是手工对像素进行调整了。很难说清楚到底遵循什么标准来进行调整，基本上都是根据自己个人的感觉。

用纯白色，对主要笔画重新描绘。
去除一些杂乱的像素点。
加上边框和圆角

还是看看前后对比吧：最后保存为ICO文件，上传，修改网页的HTML。

继续阅读全文...

重新对页面进行了设计。定为Beta版，一种软件开发的版本命名习惯。所谓bate就是正式推出之前的测试版本，接近正式的版本，但是承认还有很多不完善的地方，正待改进。“罗马不是一日建成的”，网页的设计也是这样，不要说“完美”，在完善之前，还是需要不断地调整的。

原来的页面是修改自某个博客模板，为的是尽快能把自己写的博客展示出来。
渐渐地，发现这个页面不是那么的好看，尤其是色彩方面，缺乏自己的个性。
翻查旧文件，觉得05年时候设计的主页还依然让自己感觉兴奋。

在卡其色的主色调下，蓝色和黄色的强烈对比营造出一种特别的兴奋感，让整个版面显出一种独有的味道。时隔2年，依然觉得符合自己的个性。
新页面的设计依然要满足一些理性的诉求。

版面特别，表达自己的个性；
版面以内容为先，能有足够、清晰的版面放置足够充实的内容；
主内容区域以白色为底，让文字和图片都能清晰显示，符合日常的阅读习惯；
符合阅读思维。
能通过CSS随时调整页面的排版，而不需要重新发布所有页面。

版面划分为下面几个部分：

header:页眉，也可以看作是整个页面的标题栏；
content：主要内容区域，文章列表、文章的内容都在这个区域显示；
rightMenu：右菜单，个人资料、连接、标签、广告等等内容；
bottom：版权信息或者其他一些说明。

先在本子上画一个草图。我的经验是，先不要急着动手制作，花点时间作一下规划，把一些关键地方的尺寸、比例想清楚；这样在做的时候有参照，避免反复尝试浪费时间。

每个板块都在CSS中定义一个ID，将来只要修改CSS文件就可以改变每个板块的样式，包括尺寸大小、色彩背景。
我曾经想过用比较深的主色调，甚至黑色。但是如果背景用这样的色调，文字就要用白色或者其他明亮的颜色。如果是纯文字，不会有什么不好。但是如果包含图片，尤其很多图片的底色是白色，或者很浅的颜色，版面中就会出现一个白色的方框，打破了整个版面的氛围。如果不希望图片打破氛围，那么就要花点时间处理一下图片，让图片的颜色能和主色调调和。甚至一张很小的图片都要花不少的时间处理。
所以均衡了一下各方面的问题，最终还是选择了用白色作为内容区域的主色调。
首先在Firework中，做好版面的设计。然后根据需要输出图片。
在Dreamweaver中参照Firework中的设计做html。这次我把样式表是单独书写一个CSS文件。开始的时候，修改样式是比较麻烦的事情。因为是博客模板，所以页面的效果不能在Dreamweaver实现真实的预览，必须每修改一次CSS，就要把CSS文件上传到服务器，才能看到设计的效果。所以开始的时候要不断地FTP上传，然后刷新模板预览。这也是我之前不喜欢用CSS+XHTML的原因。
传统的页面设计，主要利用Table、图片的分割，这样可以马上看到设计效果。这种方式在设计开始会比较轻松，但是页面的维护和更新则缺乏灵活性。而采用CSS+XHTML则相反，开始时候麻烦，维护更新的时候更有效率。一旦把最初的CSS调整好，维护修改工作就非常简单了。
现在的色彩基本满意，版面还有很多有待改善的地方。例如右边的菜单栏还是显得乱了一点；中间的版面不够精致，有点粗糙；还缺乏一些主要的链接：回首页、个人相册、留言板等等。所以定为Beta版，继续完善。

继续阅读全文...

设想一下：把现在电脑上的功能都拆散，把这些功能都分布到全球各地，然后无论去到哪里，都能自由地操作使用这些功能。而这些功能，不是由单独某个公司或者开发者提供，而是分属于不同的服务商或者开发者，有些功能或许是我自己开发的。下面就是详细的构想……

“个人全球数据平台”构想的思维图
这种构想和“网络操作系统”有点不同。
相同的地方：都是把网络当成一个平台，大部分应用服务都通过Web来实现，而软件商提供的是服务而不再是产品，目标都是实现随时随地对数据操作。
不同的地方：“网络操作系统”本身就是某个软件服务商提供的服务，而各种应用软件都是在特定的“网络操作系统”上的附加应用。对于用户来说，必须先选择一种品牌的“网络操作系统”才能使用相关的应用服务。“网络操作系统”是“一站式”的应用服务。而我构想的“个人全球数据平台”恰恰相反，不依赖于任何“一站式”的应用服务。“个人全球数据平台”以个人为中心，个人根据自己的需要选择各种网络上的应用服务，由自己组合成一个满足自己应用的大平台。
现在的IT企业都很有野心，都想做“一站式”的应用服务，可能是看到微软垄断的成功，总希望能依靠大而全的服务来垄断江湖。Google是这样，MySpace是这样，Yahoo是这样，新兴的FaceBook也是这样，国内的大网站几乎都是“大而全”的典范，连小网站也相继仿效。看看这些网站，从新闻、博客、相册、IM…..甚至网络硬盘，什么都有。
但是当我应用的时候，却没有任何一个网站能单独完全满足我的要求。Google的搜索和Gmail很好用，picasa也不错，但是我觉得PhotoBucket或者yahoo的Flickr比Picasa好一点点；Google的BLogger其实不错，但是我看到163的blog做得更适合中国人；网络硬盘，我也申请了一些，但是论速度和空间，还是自己的FTP服务器更快更大；虽然我有自己的服务器，但是总会有出现问题的时候，所以额外申请一些免费的服务器空间可以用来备用；我想用GTalk，但还是国内的QQ更火一些；我用QQ，但我不喜欢QQ提供的免费邮箱（居然连一些重要的商务邮件给我当成垃圾邮件，差点误了大事），Gmail最稳定…… 。
这个世界上没有任何人、任何公司能做出完全适合每一个人的东西。为什么不能集百家之长，组成满足自己需要的系统呢？而且“一站式”的服务难免让人担心，一旦这个服务商倒闭了，或者出问题了，用户的损失就很大了。
我选择的服务来自世界不同地方，不同的供应商（包括自己）。例如我用Gmail做邮箱，用Photobucket、Flickr做相册，用Blogger管理博客，用自己的服务器放置网站或者私人数据，用QQ作为IM工具和朋友保持联系，我还会使用一些网络硬盘（避免自己的服务器出问题的时候还有相当的备份），办公和文档管理暂时用Google的，如果以后有更好的，我也会转用其他…..
在家里，我通过有线网络连接，因为数据基本上都在网络上；回到公司或者其他办公场所，使用的习惯可以保持不变，需要的数据随时都可以操作。另外，将来的电脑硬件也会拆散分布到各种专业硬件中，例如游戏机、数字电视机，这些硬件都能连接网络，并且通过网络都能访问到个人数据，例如在客厅的时候可以通过数字电视机查看数据，游戏机也可以通过网络存储一些游戏数据。
在其他地方，手机、笔记本可以通过无线网络接入，真正实现随时随地访问数据。
由于网络连接的方式多种多样，所以不能连接网络的可能性比较小（有限网络不行，用无线网络，3G不行，可以用WIFI），基本上不用担心不能连接网络的情况。
问题：这种分布式“个人全球数据平台”的最大问题就在与“散”。

因为应用来自不同的服务商，账号密码多，管理麻烦；数据之间标准不统一，影响了数据的关联；界面参差不齐，影响应用体验。安全性也是一个大问题。
尽管有这么多的缺点，但是我还是情愿选择这种分布式的“个人全球数据平台”，而不是捆绑在某个服务商上的“一站式”体贴服务。
怎么样把这些资源整合起来，并提高安全性，正是我将来所要努力的。

继续阅读全文...

《12步让你的web1.0变成web2.0》http://tech.163.com/07/0731/14/3KO2IUKL000929RV.html
比较有意思的一篇文章。看后发现，除了第一条，其余11条，原来自己正在经历：2. 把字体从10px变到12-16px—— 10px对于中文来说根本没法阅读，以前我是用12px，现在倾向用14px；3. 把category 换成tag—— 从blogger到picasa、google文件，全是用tag（标签）来表示分类。4. 把新闻板块换成blog—– 自己也随大流，把网站改成“博客了”；5. 把邮寄给朋友换成RSS订阅—— 博客都提供RSS；6. 把 加入到收藏夹 变成 social network this —— social network this：加入人际网，我是这样理解的。7. 把用户账户 改成user profile （档案）—– google ，yahoo ，facebook等等都用这种习惯。8. 把硬编码的html 变成语义级html并使用css —– 其实我还是很喜欢用硬编码的html的，简单，快捷，不会出现莫名其妙的变形；但blogger的模板建议用css。对我来说没有什么难度，用就用吧。9. 要得是用户不是点击率（……在你的网站上放上Google Analytics…..）。—-确实，我也在网站中加入了Google Analytics10. 增加评论功能 —– blogger 提供的。不过，那怕blogger不提供，我自己也打算做一个。其实自己已经在lumix项目中实现了，只是没有用到这里而已。11. 把 esite.com?id=5235&sort=desc&useless=this &one%20more=still%20useless 这样的地址变成 mysite.com/meaningful-title —– 以前我用jsp的时候是前一种方式。12. 把自建的网站换成开源的CMS —– 我自己编的lumix带有cms插件，因为随大流，用blogger当作CMS。不过我以后还是会用自己编的CMS的，icafee已经在路上了。

继续阅读全文...

OmniDriver 还带有一个桌面程序，看上去和“资源管理器”一模一样。我查看了OmniDriver的安装路径，上面没有OmniDriver的独立程序，所以OmniDriver的功能是驻留进了系统中。在OmniDriver的安装路径中（例如：C:\program filesOmniDriver），包含一个以用户名称为名的文件夹，任何要存储在OmniDirver中的文件都会先复制到这个文件夹。我觉得这样不是很科学，占用了本地硬盘的空间。当然好处就是多了一份备份，多了一份安全感。利用OmniDriver的桌面程序，上传下载文件就像本地硬盘一样简单，拖拉就可以实现。当然上传是需要时间的。问题就在于OmniDriver的提示不清晰，仅仅在状态栏上有一行小字提示当前有没有传输。昨天我在办公室把一个文件拖拉到了OmniDriver中，然后关机走人。回到家里，打开家里的电脑，发现OmniDriver中没有这个文件。一想，应该是OmniDriver还没有传输完我就关机了。OmniDriver对中文支持不好，在OmniDriver的浏览器版直接不允许传输中文文件名的文件；OmniDriver桌面版可以传输中文文件名的文件，但到浏览器中查看的时候，中文全变成了问号（例如：????????.doc）。OmniDriver现在还打着Beta版标志，意思就要大家体谅一下，现在还有很多地方没有完善。除了OmniDriver,我又试用了另外一个著名的网络硬盘 Box.net

免费版：提供1G的空间。注册同样很简单，1分钟就可以完成，然后就可以进入个人网络硬盘的主界面。
界面简单清晰，XP的色彩风格。操作起来也比OmniDriver的Web界面快捷流畅。Box.net没有提供桌面程序，但直接就支持拖拉上传文件。其实就是用了Java applet,所以启动拖拉上传界面的之前，会有一个装载Java applet的过程（很熟悉，很亲切）。用Java的传输，速度会比普通的http上传快一点，但是Box毕竟是国外的服务器，而且是很受欢迎的一个，速度好像不算稳定。快的时候超过30K/sec，这个速度算不错了。但是很多时候在10K/sec之间徘徊。Box.net也限制了单个文件的大小，不能超过10M。今天传一个“思维导图.pdf”,刚好超过10M一点点，就不让我传。我只好用RAR压缩了一下，刚好比10M小一点点，可以上传了。Box.net对中文支持不错，文件名不会出现乱码。
Box.net 虽然支持文件的共享，但是共享的连接不是对文件的直接连接。需要升级为交费的商务版才提供文件的直接连接。

继续阅读全文...

排版的方式直接影响了阅读的效率。同样一篇文章，采用不适当的排版会让读者敬而远之；若采用利于阅读的排版，会让读者更有阅读的兴趣。我把一些关于思维和快速阅读的理论和经验，套用到页面的排版中，用自己的实践探讨能提高阅读效率的排版方式。

上图是新小麦工作室最初的排版。内容区域的宽度自动缩放。让版面在任何分辨率下面都能保持饱满。很多网页都喜欢采用这样的排版。
我想很多人看这种网页的时候都有这样的感受：每行拉得太长，眼睛要来回扫瞄，感觉有点累；而且每行的字数太多，视线折返到下一行的时候要稍微迟钝一下，寻找下一行的开头，往往因为这一点点停顿，上一行所说的内容便忘记了。
所以很多时候，文章的文字其实不多，但因为“行”太长，让读者产生畏惧心理，及早地跳开这个页面。
我对页面的排版作了调整。如图：

我对整个版面的宽度作了约束，让内容区域的宽度，保持在仅仅比两眼焦点距离稍微宽一点的范围。
这个宽度有什么标准尺寸，我觉得要根据字体大小来决定。通常字体越大，读者阅读的距离可能会远一些，那么内容的宽度就适当宽一些。
现在很多页面都采用12像素到14像素的字体，我觉得内容区域的宽度在380-450像素之间都可以。
每行的字数在20-30以内，这样会比较适合阅读。想想我们以前的作文纸也是20来字一行，所以这个字数也应该是比较利于快速阅读的字数。
再看看很多国外的新闻网站，也都是采取这样的“窄行”排版。
我自己以前在做《CorelDRAW 创艺》的时候也是采用窄行排版。但是为了让版面丰满，采用了分两栏的方法（包括后来在自己网站上发表的一些教程也是采用分栏的排版）。这样做，让读者可以“一目十行”，快速、流畅地接收信息。不过当时可没有什么理论基础，完全是出于一种感觉。现在是看了一些关于思维和快速阅读的书籍，才了解了其中的道理。
新的页面刚刚建立，版面还要不断地调整，让阅读起来更舒服。

继续阅读全文...

Give your computer the bird.这是 http://www.parakey.com 的第一句话。give sb. the bird(对演员等)发出嘘嘘声, 喝倒采奚落 某人, 嘲笑某人解雇某人, 叫某人滚蛋。看来意思是“给你的电脑喝倒彩”，甚至是“叫你的电脑滚蛋”。这个parakey就是FireFox两个创始人新办的公司，正在开发一个新的平台，连接Web和传统的桌面系统。为什么这么大口气，唯有拭目以待了，因为目前 http://www.parakey.com 什么都没有。

无巧不成书，今天才写了一篇关于FireFox的感受，就在网上看到了这篇和FireFox创始人有关的消息：《社交网络Facebook收购新兴企业Parakey》。原来Parakey，是要开发一个全新的“Web操作系统”，“可以在上面做任何事情，可以很容易的储存资料和进行共享”。不知道会不会像我在上一篇关于FireFox里面所说的，类似FireFox那样，通过一些扩展，建立成为一个工作平台。既然Parakey是由FireFox的创始人建立，理所当然会好好利用FireFox啦。现在互联网上的资源那么丰富，也的确需要有一个好系统，让普通用户自由地整合自己喜欢的资源。

继续阅读全文...