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

来源:互联网 发布:淘宝怎么没有人工服务 编辑:程序博客网 时间:2024/06/07 11:19

原文地址  ==> 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 提供的开放原始码打造自己的电子书,欢迎在这里跟大家分享你的作品喔!