【转】Google 推出中文版《浏览器和网络世界20大须知》

原文地址 ==> http://www.cnbeta.com/articles/145734.htm

Google Chrome团队所制作的《浏览器和网络世界20大须知》（简体中文版地址：http://www.20thingsilearned.com/zh-CN/home）网络图书，被誉为网络界奥斯卡的第十五届威比奖的教育、最佳视觉设计和最佳做法类别夺冠热门人选；最近更推出15种语言版本，包括繁体中文，让读者能快速认识浏览器和网络的基本常识，以及多种实用信息，相当值得阅读。

Google Chrome团队所制作的《浏览器和网络世界20大须知》网络图书，被誉为网络界奥斯卡的第十五届威比奖的教育、最佳视觉设计和最佳做法类别夺冠热门人选；最近更推出15种语言版本，包括繁体中文，让读者能快速认识浏览器和网络的基本常识，以及多种实用信息，相当值得阅读。
《浏览器和网络世界20大须知》（20 Things I Learned About Browsers and the Web）是Google Chrome团队于2010年底推出的网络图书，上周正式推出15种语言版本，包括繁体中文、简体中文、英文、法文、德文、荷兰文、意大利文、西班牙文、巴西葡萄牙文、捷克文、波兰文、俄文、日文、印度尼西亚文，以及菲律宾文，台湾网友终于也能有福同享。《浏览器和网络世界20大须知》内容滐@易懂，并邀请知名插画家Christoph Niemann穿插涂鸦绘图，增加阅读趣味，很适合作为入门的学习工具。
▲《浏览器和网络世界20大须知》首页。

▲以HTML5技术打造动态的翻书方式。

▲按下右下角左二的关灯切换杆，会进入阅读模式。

▲按下右下角的放大切换杆，会变成网页全屏幕的放大阅读模式。

▲下面有章节索引，可快速切换各章节。

▲按左上角目录一览，会列出所有章节。

▲上方可切换语言版本。

▲右上方有简易搜寻，可直接搜寻本书内容。

▲笔者随手翻了第七章《浏览器诗篇》，主旨是建议换上最新版本的浏览器，以利网络发展；对各家浏览器一视同仁的模样，并没有刻意推广Chrome。
你也可以打造自己的电子书由于采用了HTML 5技术制作，除了仿真实体书籍的阅读方式，并加入脱机阅读、简易搜寻、书签功能，以及关灯和放大的阅读模式。在Google Code Blog官方部落格中，也透露许多技术细节和各项功能；甚至佛心的释出开放原始码，让有兴趣的使用者可利用HTML 5、JavaScript和CSS来打造自己的网络书籍。
《浏览器和网络世界20大须知》所使用HTML5技术：

使用HTML5 canvas element打造动态的换页特效。换页动作包含阴影和亮点的部分，是透过JavaScript绘制在canvas，可参考this HTML5rocks tutorial。

利用Application Cache API，让用户首次进入后具备脱机阅读功能。

以Local Storage API作为书签功能，用户回来后，可以进入上次离开时的页面。

哂History API的特性。当你在翻页时，只有书的区块出现变化，而不是重载整个页面，所以感觉很流畅。但是网址列里的 URL 会跟着变化，所以你可以单独将某一页加入书签，而搜索引擎也能收录单一页面。

使用多种CSS 3的特性，如网页字体、动画、渐层和阴影等，提高视觉吸引力。如果你使用 Google 提供的开放原始码打造自己的电子书，欢迎在这里跟大家分享你的作品喔！