|
Google Chrome團隊所制作的《瀏覽器和網絡世界20大須知》網絡圖書，被譽為網絡界奧斯卡的第十五屆威比獎的教育、最佳視覺設計和最佳做法類別奪冠熱門人選；最近更推出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 提供的開放原始碼打造自己的電子書，歡迎在這里跟大家分享你的作品喔！ |
