|
Google Chrome團(tuán)隊(duì)所制作的《瀏覽器和網(wǎng)絡(luò)世界20大須知》網(wǎng)絡(luò)圖書，被譽(yù)為網(wǎng)絡(luò)界奧斯卡的第十五屆威比獎(jiǎng)的教育、最佳視覺設(shè)計(jì)和最佳做法類別奪冠熱門人選；最近更推出15種語言版本，包括繁體中文，讓讀者能快速認(rèn)識(shí)瀏覽器和網(wǎng)絡(luò)的基本常識(shí)，以及多種實(shí)用信息，相當(dāng)值得閱讀。Google Chrome團(tuán)隊(duì)所制作的《瀏覽器和網(wǎng)絡(luò)世界20大須知》網(wǎng)絡(luò)圖書，被譽(yù)為網(wǎng)絡(luò)界奧斯卡的第十五屆威比獎(jiǎng)的教育、最佳視覺設(shè)計(jì)和最佳做法類別奪冠熱門人選；最近更推出15種語言版本，包括繁體中文，讓讀者能快速認(rèn)識(shí)瀏覽器和網(wǎng)絡(luò)的基本常識(shí)，以及多種實(shí)用信息，相當(dāng)值得閱讀。 《瀏覽器和網(wǎng)絡(luò)世界20大須知》（20 Things I Learned About Browsers and the Web）是Google Chrome團(tuán)隊(duì)于2010年底推出的網(wǎng)絡(luò)圖書，上周正式推出15種語言版本，包括繁體中文、簡體中文、英文、法文、德文、荷蘭文、意大利文、西班牙文、巴西葡萄牙文、捷克文、波蘭文、俄文、日文、印度尼西亞文，以及菲律賓文，臺(tái)灣網(wǎng)友終于也能有福同享。《瀏覽器和網(wǎng)絡(luò)世界20大須知》內(nèi)容滐@易懂，并邀請知名插畫家Christoph Niemann穿插涂鴉繪圖，增加閱讀趣味，很適合作為入門的學(xué)習(xí)工具。 
▲《瀏覽器和網(wǎng)絡(luò)世界20大須知》首頁。
▲以HTML5技術(shù)打造動(dòng)態(tài)的翻書方式。
▲按下右下角左二的關(guān)燈切換桿，會(huì)進(jìn)入閱讀模式。
▲按下右下角的放大切換桿，會(huì)變成網(wǎng)頁全屏幕的放大閱讀模式。
▲下面有章節(jié)索引，可快速切換各章節(jié)。
▲按左上角目錄一覽，會(huì)列出所有章節(jié)。
▲上方可切換語言版本。
▲右上方有簡易搜尋，可直接搜尋本書內(nèi)容。
▲第七章《瀏覽器詩篇》，主旨是建議換上最新版本的瀏覽器，以利網(wǎng)絡(luò)發(fā)展；對各家瀏覽器一視同仁的模樣，并沒有刻意推廣Chrome。 你也可以打造自己的電子書由于采用了HTML 5技術(shù)制作，除了仿真實(shí)體書籍的閱讀方式，并加入脫機(jī)閱讀、簡易搜尋、書簽功能，以及關(guān)燈和放大的閱讀模式。在 Google Code Blog 官方部落格中，也透露許多技術(shù)細(xì)節(jié)和各項(xiàng)功能；甚至佛心的釋出開放原始碼，讓有興趣的使用者可利用HTML 5、JavaScript和CSS來打造自己的網(wǎng)絡(luò)書籍。 《瀏覽器和網(wǎng)絡(luò)世界20大須知》所使用HTML5技術(shù)： 使用 HTML5 canvas element 打造動(dòng)態(tài)的換頁特效。換頁動(dòng)作包含陰影和亮點(diǎn)的部分，是透過JavaScript繪制在canvas，可參考 this HTML5rocks tutorial。 利用 Application Cache API ，讓用戶首次進(jìn)入后具備脫機(jī)閱讀功能。 以 Local Storage API 作為書簽功能，用戶回來后，可以進(jìn)入上次離開時(shí)的頁面。 哂History API 的特性。當(dāng)你在翻頁時(shí)，只有書的區(qū)塊出現(xiàn)變化，而不是重載整個(gè)頁面，所以感覺很流暢。但是網(wǎng)址列里的 URL 會(huì)跟著變化，所以你可以單獨(dú)將某一頁加入書簽，而搜索引擎也能收錄單一頁面。 使用多種 CSS 3 的特性，如網(wǎng)頁字體、動(dòng)畫、漸層和陰影等，提高視覺吸引力。如果你使用 Google 提供的開放原始碼打造自己的電子書，歡迎在這里跟大家分享你的作品喔！ |
