爱晨网志 http://www.iachen.cn JOOMLA|CMS|AS3|博客SEO|wordpress|在线获利 Wed, 23 Dec 2009 14:03:57 +0000 http://wordpress.org/?v=2.8.1 en hourly 1 让喜欢读书上网和关心当地事务的人， 来运营和管理乡村图书馆！ http://www.iachen.cn/howtoread.html http://www.iachen.cn/howtoread.html#comments Wed, 23 Dec 2009 14:03:57 +0000 老冒 http://www.iachen.cn/?p=538 这篇文章转载自小石的博客;而我就是那个定西学生。

——以下是正文———————————

注：这是给格桑花洪波老师的一封信中的部分内容。
先说一个例子。

前两天，有个甘肃定西的大四学生找到我，一边想帮助当地建一个图书室，一边抱怨当地现有的图书室如何如何。

开始我一直听他说，后来我试着解构他的问题，把他的抱怨一个一个化解到，让他认识到有时看似简单问题实际上背后牵扯的因素比较复杂，我们往往只是凭一时模糊的感觉在判断，很少做过认真分析。

接着我又问他觉得一个外来的NGO能设计出符合他们当地的图书室吗？他想了想说不能。我说对，如果没有他们当地的人积极参与，一个外来的NGO要帮助他们设计一个与当地实际情况结合、运作良好的图书室或者社区文化中心等，是非常困难的。他也表示同意。

然后我问他怎么做呢？他慢慢开始思考。开始他跟我说提一些思路，比如怎么热心的当地老师（尤其是人就是本村的）和喜欢读书的初高中生结合起来，组成读书小组和图书室管理小组等。但好像光靠这些人还很难保障图书馆的正常运营。

我就先放下话题，我又随便和他聊了聊他们村里的情况、他家里的情况。他告诉我他老爸是村里第一个高中生，现在他又是村里第一个大学生。我开玩笑，他们家是当地的“书香门第”。我们聊得很开心。

然后我又问，他们同学中是不是也有上大学的，有联系吗？他说有，邻村就有，有联系。我就问他，他们能不能几个同学一块来联系起来，肯定没法在几个村同时建，但能不能现在一个村子里建图书室呢？

他稍有犹豫，但马上告诉我，没问题。然后我让他来想象这样做，实际上还可能增加村与村之间年轻人的交往，频繁的交往也可能更容易活跃大家的思维方式，而且并不一定需要每天去图书室，只要每周可以去交流一两次不也挺好吗？等等。

现在他在尝试构思，怎么把他们当地出去的大学生、当地的老师和贤达人士、以及仍在当地就读的高年级同学组织起来，设计一个能融合本地多种资源、能持续运营的乡村图书室方案。

他希望，他能做到这些的话，我和朋友就能帮他们来建图书室。我说没问题。因为我相信，很多参与乡村图书室建设的NGO都希望看到当地人的努力，在必要的时候，也愿意伸出援助之手。

—–

提出我的设想。

昨晚上回来的路上，我又在想，前两天是发起了一个话题，来收集“关于书的100问”，这是从问题入手。此外，还可以从榜样入手，直接让大家来介绍各自周围的榜样，一块来分析各种榜样的经验，看哪些经验更具有普遍意义。也就是发动大家，做好案例的搜集整理工作。

但由这种思路进一步延伸的话，是否也可以延伸出一种思路，比如怎么寻找真正爱书、懂书的人，让他们成为乡村图书室申请和运营的核心力量？

然后我就在想，如果让我草拟一份《乡村图书馆建设的简明指南》的话，我会怎么来写？下面是初稿：


标题：让喜欢读书上网和关心当地事务的人，来运营和管理乡村图书馆！

请所有抱着为家乡建一个乡村图书室的朋友，认真读以下文字。这既包含了我们被迫接受部分现实的妥协，也包含了我们坚守理想所进行的思考，同时包含一些要求和建议：

1、我们对乡村问题都已有了足够深刻的认识，没有精力、也没有兴趣做大量的调查，我们只是想寻找喜欢读书上网和关心当地事务的人、寻找和我们一起重建家园的合作伙伴。（简单地说，我们不是来献爱心，而是要寻找“重建家园”的合作伙伴。）

2、我们首先要和大家一起来在我们的家园建立“图书室”，让“新文化”先有在我们的家园扎根的可能。（同时，图书室既是各地家园重建中的文化信息中心，也是许多NPO的联合办公室。）

3、但也要说明，任何NPO（公益组织）都无法设计符合每个当地实际情况的图书室，只有我们当地人的主动参与，加上相关组织的协助，事情才有可能变得简单。（所以说，本地人是乡村图书室建设和运营的核心力量。）

4、我们的第一个要求是，找到12个真正喜欢读书上网和关注当地事务的人，再来找我们。（这源于《富兰克林自传》的启示，富兰克林正是用这种简单的办法，让早年还被欧洲人耻笑为蛮荒之地的美国，在三五年时间变成文明世界的新力量。）——（请，从你周围找出这12个人，这12个有知识有能力且具有分享精神/Sharism的人士，将是你我“重建家园”中最好的伙伴。）

5、请在线下线上，分享这12个人关于读书上网和成长的故事。——（请牢记，榜样的力量是无穷的，尤其是我们身边的榜样。）

6、在向我们提交援建图书室的申请之前，请先认真了解“公益信托”的游戏规则。简单地说，就是你只有借阅和参与管理的权利，我们也只是一家公益信托机构，所有的图书资源都是社会的。（要建乡村图书室，请了解乡村图书馆的公益信托机制。向我们来借，别向我们来要。我们向捐助人负责，你向我们负责。）（注：当然我只是一个简单的思路，还有很多东西有待进一步探讨。）

7、请优先考虑把“社区图书室”做成孩子们真正的第二课堂，为孩子们创造一个自由学习、与伙伴一块学习的环境。学校教育做不到的事情，我们要做到。因为他们是我们的孩子。孩子们缺少了自学、与伙伴一起学习的习惯和能力，老师的工作压力也很大，教育改革也无从谈起。（请认真思考我们的建议，把“社区图书室”做成孩子们真正的第二课堂）

8、建议你把最初的努力目标设定为，要像大的美术馆那样，有住馆艺术家、工作人员、志愿者、艺术爱好者等构建起来的自组织学习社区，在乡村图书馆的运作中，也要构建类似的自组织学习社区。（即，以乡村图书室为中心，建立当地的自组织学习社区。）

9、我们知道这些工作极富挑战性，组织协调工作会面临极大的考验，所以请组织者认真研读“议事规则”，吃透它，用活它。（>袁天鹏翻译的第十版《罗伯特议事规则》，是我们为”组织工作者“推荐的必读书目。）

10、永远都有干不完的活，所以请保持开放，严以律己、宽以待人。既时刻寻找专业的力量，也要理解并释放业余的力量。（用好业余的人，做好专业的事。）

11、只有满足以上条件的人，才有机会加入我们的工作支持网络。

12、而当你们把图书室真正成功运转起来以后，成功不仅属于你，属于你的伙伴，也属于你的家乡，也包括我们所有人。反过来，你和你的伙伴，也将受到你的家乡和我们所有人的尊重。（但仍请牢记，《蝙蝠侠》中“班叔叔”教给“蝙蝠侠”的一句话：能力越强，责任越大。让我们一起建设我们的未来家园！）

Tags：乡村图书馆, 教育

相关日志

  • ：）暂时还没有相关的日志！
]]> http://www.iachen.cn/howtoread.html/feed 2 四个值得知道的Google技巧 http://www.iachen.cn/%e4%b8%89%e4%b8%aa%e5%80%bc%e5%be%97%e7%9f%a5%e9%81%93%e7%9a%84google%e6%8a%80%e5%b7%a7.html http://www.iachen.cn/%e4%b8%89%e4%b8%aa%e5%80%bc%e5%be%97%e7%9f%a5%e9%81%93%e7%9a%84google%e6%8a%80%e5%b7%a7.html#comments Fri, 18 Dec 2009 19:53:46 +0000 老冒 http://www.iachen.cn/%e4%b8%89%e4%b8%aa%e5%80%bc%e5%be%97%e7%9f%a5%e9%81%93%e7%9a%84google%e6%8a%80%e5%b7%a7.html SYDNEY, AUSTRALIA - OCTOBER 14: Artwork of th...

via Daylife

搜索很讲究技巧，同样的素材和资源，有的人一搜就找到了，而有的人却要点很多次，今天我就和大家分享几个搜索技巧，方便学习和工作：

  1. 找出有头像的图片—在URL末尾添加//&imgtype=face//(斜杠中未需要添加的内容)

    ;测试链接Image Search for Google vs. Faces Behind Google Image Search

  • Google+资源聚合站==优质免费资源;
  • inurl:nph-proxy.cgi start browsing找免费代理；

    inurl的意思就是要求检索的结果的链接里必须出现冒号以后的单词，利用这个功能我们可以搜索很多的东西，比如这个,

  • 使用intitle+inurl找免费电子书和音乐资源；

    inurl前面已经介绍了，intitle也很简单–检索网页<title>标签里面的内容，比如我们想找关于CSS的电子书，那么我们可以这样写：intitle:css+download filetype:pdf,当然也可以更加复杂一点，

    比如：免费的有爱音乐 -inurl:(htm|html|php) intitle:”index of” +”last modified” +”parent directory” +description +size +(wma|mp3) “爱”

    比如：免费的pdf电子书 -inurl:(htm|html|php) intitle:”index of” +”last modified” +”parent directory” +description +size +pdf 

    解释：搜索的时候可以使用更加复杂与或逻辑，比如用+代表and，-代表not，|代表or 之类的，第二个的意思就是搜索链接中不含html或htm或php，且标题有index of，last modified ，parent directory ,description,size,pdf的文件当然，我们还可以用filetype:pdf来指定结果返回pdf文件，又如：这个

    • Tags：google, 谷歌技巧

    相关日志

    ]]>     http://www.iachen.cn/%e4%b8%89%e4%b8%aa%e5%80%bc%e5%be%97%e7%9f%a5%e9%81%93%e7%9a%84google%e6%8a%80%e5%b7%a7.html/feed 0     Web标准要求一览表 http://www.iachen.cn/web%e6%a0%87%e5%87%86%e8%a6%81%e6%b1%82%e4%b8%80%e8%a7%88%e8%a1%a8.html http://www.iachen.cn/web%e6%a0%87%e5%87%86%e8%a6%81%e6%b1%82%e4%b8%80%e8%a7%88%e8%a1%a8.html#comments Wed, 16 Dec 2009 07:34:22 +0000 老冒 http://www.iachen.cn/web%e6%a0%87%e5%87%86%e8%a6%81%e6%b1%82%e4%b8%80%e8%a7%88%e8%a1%a8.html CSS 网站布局实录 （第二版）

    Image by HaoZi04 via Flickr

    今天看嗷嗷的web标准设计，里面有个web标准向导，贴出来和大家共享，很多时候我们只关注了web标准的字面含义，却忘记了他后面到底有什么东西。

    • 代码质量

    1. 使用正确的DCOTYPE吗？

    2. 使用正确的字符集吗？

    3. 使用合法的（x）HTML吗？

    4. 使用合法的CSS 吗?

    5. 用到了那些CSS Hack？

    6. 使用了多余的class或者id吗？

    7. 代码的语义结构是否正确？

    8. 是否有坏链接？

    9. 在页面和脚本大小的影响下，站点的速度如何？

    1. 有没有使用什么JavaScript？

    • 内容与表现的区分度

  • 是否所有的表现类信息都用CSS来处理（字体、颜色、补白、边框等等）？

  • 是否所有的装饰性图片都用CSS来处理而不是直接写在（X）HTML中了？

    • 对用户的亲和力

    1. 所有的描述性图片都用了alt属性来提供文字信息么？

    2. 字体是用了相对单位而不是绝对单位么？

    3. 如果字体增大，会不会有些排版方面的错误出现呢？

    4. 是否是用了弹式菜单？

    5. 表单是否具有亲和力？

    6. 表格够有亲和力么？

    7. 配色亮度和对比度足够么？

    8. 是否只用颜色来区分重要信息，而不是用标签？

    9. 弹式菜单是否有一个延迟的响应，为了让人有个心理准备？

    10. 是否所有的链接都具有描述性？

    • 对设备的亲和力

    1. 新旧浏览器都至少能接受这个站点么？
    2. 如果完全清除CSS，你的站点还是否很有结构？
    3. 如果图像都关闭的，你的站点还是否很有亲和力？
    4. 在Lynx等文本浏览器下是否可读？
    5. 打印出来呢？是否可读？
    6. 掌上设备又如何？表现良好么？
    7. 站点是否包含了详细的元数据（metadata）？
    8. 在不同的浏览器窗口大小下站点是否正常？

    • 基本可用性

    1. 从视觉上说，是否有个清晰的层次结构 ?
    2. 不同等级的标题很容易区分么?
    3. 站点的导航栏是否容易辨认？
    4. 导航栏是否一致？
    5. 是否使用了一致并且合适的语言？
    6. 是否有站点地图页面和联系信息页面？他们找起来容易么？
    7. 庞大的站点是否有搜索工具？
    8. 每页都能找到首页链接么？
    9. 链接都容易辨认么？
    10. 以访问链接是否用颜色来区分或是其他？

    • 站点管理

    1. 是否有404页面？
    2. URL是否友好？
    3. 去掉www.时链接还正常么？
    4. 站点是否有个图标？

    已经是一个很长的列表了，但实际中我们还需要做的比这个更加的完美，随便访问者怎么折腾都不会出错，都依然美丽是我们的原则。

    Reblog this post [with Zemanta]

    • 该日志未加标签。

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/web%e6%a0%87%e5%87%86%e8%a6%81%e6%b1%82%e4%b8%80%e8%a7%88%e8%a1%a8.html/feed 3     web标准–什么是微格式 http://www.iachen.cn/web%e6%a0%87%e5%87%86-%e4%bb%80%e4%b9%88%e6%98%af%e5%be%ae%e6%a0%bc%e5%bc%8f.html http://www.iachen.cn/web%e6%a0%87%e5%87%86-%e4%bb%80%e4%b9%88%e6%98%af%e5%be%ae%e6%a0%bc%e5%bc%8f.html#comments Sun, 13 Dec 2009 13:05:04 +0000 老冒 http://www.iachen.cn/web%e6%a0%87%e5%87%86-%e4%bb%80%e4%b9%88%e6%98%af%e5%be%ae%e6%a0%bc%e5%bc%8f.html   

      微格式（Microformat），是通过语意相关让内容人机可读。网页上的允许的微格式数据包括事件、人物、地点等，它可以被其他的软件检测到，并提取出相应的信息，以及对信息进行索引、搜索、跨平台的参考，把这些信息以其他形式重复使用或组合。

    从技术上来说，这些数据是一些语义标记，用标准的(X)HTML中的class名称设置。他是开放、可用、自由的，可以被任何人使用。

    微格式包括hAtom、hCard、Geo、hCalendar等。

    例如一个地理坐标：52.48,-1.89，普通人无法理解这些数字的含义。现在我们可以把它做成微格式（geo），表示如下：

          <span class="geo"><span class="latitude">52.48</span>, <span class="longitude">-1.89</span></span>

    这样机器就可以正确地理解这些数字的含义，可以对他进行索引，在地图上看他的位置，把它导出到GPS设备，以及其他的用途。

    其他还有很多的微格式，还有很多正在开发阶段。

    Firefox 3和[1][2]Internet Explorer 8都将可能支持微格式。

       很明显，我们需要使用为人熟知的标签或类名来布局你的代码，比如列表我们用无序列表用<ul>，有序列表用<ol>，段落用<p>标题用<h1><h2>…系列，使用语义化的Html标签可以加快我们的codding速度，也可以为重构节省很多的时间。

      其他细节可参照：http://microformats.org/

    Tags：web 2.0, web标准, 微格式

    相关日志

    ]]>     http://www.iachen.cn/web%e6%a0%87%e5%87%86-%e4%bb%80%e4%b9%88%e6%98%af%e5%be%ae%e6%a0%bc%e5%bc%8f.html/feed 0     Google labs-原来图片搜索可以这么酷 http://www.iachen.cn/google-labs-%e5%8e%9f%e6%9d%a5%e5%9b%be%e7%89%87%e6%90%9c%e7%b4%a2%e5%8f%af%e4%bb%a5%e8%bf%99%e4%b9%88%e9%85%b7.html http://www.iachen.cn/google-labs-%e5%8e%9f%e6%9d%a5%e5%9b%be%e7%89%87%e6%90%9c%e7%b4%a2%e5%8f%af%e4%bb%a5%e8%bf%99%e4%b9%88%e9%85%b7.html#comments Thu, 10 Dec 2009 06:04:22 +0000 老冒 http://www.iachen.cn/google-labs-%e5%8e%9f%e6%9d%a5%e5%9b%be%e7%89%87%e6%90%9c%e7%b4%a2%e5%8f%af%e4%bb%a5%e8%bf%99%e4%b9%88%e9%85%b7.html 首先：看截图图片（也可以直接去Google Labs去找）：
    google image swirl
    Google images search
    Google images search

    搜索的时候会分类层叠显示图片，查看的时候效果很酷！
    over了！ 祝你天天愉快！

    Tags：Google Labs

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/google-labs-%e5%8e%9f%e6%9d%a5%e5%9b%be%e7%89%87%e6%90%9c%e7%b4%a2%e5%8f%af%e4%bb%a5%e8%bf%99%e4%b9%88%e9%85%b7.html/feed 0     重新定位 http://www.iachen.cn/new-positio.html http://www.iachen.cn/new-positio.html#comments Mon, 07 Dec 2009 02:50:32 +0000 老冒 http://www.iachen.cn/?p=522 早上花了一点时间重新优化了一下GG的广告（之前都没有广告），但这个域名貌似很快就要过期了，所以，新的博客地址为：

    http://www.iamheyuan.cn  还是CN的域名，

    Tags：域名过期，地址跳转

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/new-positio.html/feed 2     IE hack http://www.iachen.cn/ie-hack.html http://www.iachen.cn/ie-hack.html#comments Sat, 28 Nov 2009 17:20:46 +0000 老冒 http://www.iachen.cn/?p=517 很久没有更新文章了，今天分享下IE hack的心得，是在帮朋友修改网页时遇到到的问题，同样的一块“<li>”无序列表在三个版本的IE（ie678）里面表现不同的布局（基本上都是1px的凹凸），下面是Google到的解决方案：

    • ie8兼容问题

    这个比较好搞，只要在html里面添加：

    <meta http-equiv=”x-ua-compatible” content=”ie=7″ />

    即可实现与IE7一样的表现效果。

    • 如何区分 ie6、ie7、ie8和FF

    selector{

    property:value; /* 所有浏览器 */

    property:value\9; /* 所有IE浏览器 */

    *property:value; /* IE7 */

    _property:value; /* IE6 */

    }

    selector{
    property:value; /* 所有浏览器 */
    property:value\9; /* 所有IE浏览器 */
    *property:value; /* IE7 */
    _property:value; /* IE6 */
    }
    • flaot浮动造成IE6下面双倍边距问题

    用!important解决，比如
    margin-left:10px !important;/*IE7,IE8,FF下是10PX*/;
    margin-left:5px;/*IE6下属性写的是5PX，但在显示出来的是10px；

    暂时就这三个，以后遇到在补上！

    Tags：IE hack

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/ie-hack.html/feed 4     CSS酷站—2 http://www.iachen.cn/css%e9%85%b7%e7%ab%99-2.html http://www.iachen.cn/css%e9%85%b7%e7%ab%99-2.html#comments Mon, 28 Sep 2009 16:51:16 +0000 老冒 http://www.iachen.cn/?p=512

    来自西班牙的幼儿娱乐网站，

    配色信息

    • #e0e0e0
    • #e0e0c0
    • #c0c0c0
    • #c0e0e0
    • #f0f0e0

    http://www.sorprendeatushijos.com/

    Tags：优秀网站案例

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/css%e9%85%b7%e7%ab%99-2.html/feed 4     CSS酷站欣赏–1 http://www.iachen.cn/css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f-1.html http://www.iachen.cn/css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f-1.html#comments Mon, 28 Sep 2009 16:41:31 +0000 老冒 http://www.iachen.cn/?p=510 nicewebtypecom

    来自美国叫Tim brown的博客，他是一个自由的网页设计者，暗色的运用很值得我们的学习。

    链接：http://nicewebtype.com/

    Tags：优秀网站

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/css%e9%85%b7%e7%ab%99%e6%ac%a3%e8%b5%8f-1.html/feed 0     提升浏览体验，远离IE6 http://www.iachen.cn/ie6nomore.html http://www.iachen.cn/ie6nomore.html#comments Mon, 10 Aug 2009 03:48:32 +0000 老冒 http://www.iachen.cn/ie6nomore.html   IE6是微软在2001年发布浏览器，现在都2009年了，在web技术飞速发展的今天，您还在用IE6么？也太OUT了吧！

      而且对于大多数的(几乎是全部)web开发者来说，IE6就像一个老女人，想把它打扮的漂亮一点很难很难，而且谁都不喜欢记那无聊HACK。

    在之前就有人提出过抵制IE6，比如（1,2）。而现在得到了更多大公司的支持，详情请围观：http://www.ie6nomore.com/，只需在你的博客嵌入一段代码就可以加入这个提升用户体验的行列。运行效果如下：

    Close this notice
    Warning!
    You are using an outdated browser
    For a better experience using this site, please upgrade to a modern web browser.

    Get Firefox 3.5
    Get Internet Explorer 8
    Get Safari 4
    Get Google Chrome

    为什么要远离IE6？

     

      IE6是个古老的东西，对CSS的支持并不是很完善，例如大家熟知的3px BUG、Peek-a-boo Bug、Double Margin Bug等等，并且IE6是不支持透明效果的PNG图片,这将会使你的浏览体验大幅下降。

    IE6就那么不好么？

       是的，IE6很不好，尤其是在2009年的今天，具体在如果不更新杀毒软件，IE6非常是的不安全，被钓鱼、被挂马是经常的事，而火狐，IE8就好多了。

    我不能用网银和支付宝怎么办？

       据我所知，网银和支付宝的安全控件虽然不支持火狐和chorme等浏览器，但是大多数的已经支持IE7，IE7虽说不如IE8现代，但是和IE绝对不是一个档次，所以升级一下也是个不错的选择。

    那我的收藏夹怎么弄？会丢失么？

       只要事先做好备份就OK了，如果升级到IE7或更高的话不需要备份也不会丢失，如果是下载火狐或是其他的话，只需第一次运行的时候选择导入收藏夹就搞定。

    在哪儿下载？

      如果你用的是IE6的，那么打开我的博客将会提示你的浏览器有点OUT，直接点击后面的图标就会找到下载页面（绝对不是推介，我保证），或直接点击上面示例图标下载。

    Tags：chorme, IE6，firefox 3.5，safari 4

    相关日志

    • ：）暂时还没有相关的日志！
    ]]>     http://www.iachen.cn/ie6nomore.html/feed 4