你也可以打造自己的電子書
由於採用了HTML 5技術製作,除了模擬實體書籍的閱讀方式,並加入離線閱讀、簡易搜尋、書籤功能,以及關燈和放大的閱讀模式。在 Google Code Blog 官方部落格中,也透露許多技術細節和各項功能;甚至佛心的釋出開放原始碼,讓有興趣的使用者可利用HTML 5、JavaScript和CSS來打造自己的網路書籍。
《瀏覽器和網路世界20大須知》所使用HTML5技術:
- 使用 HTML5 canvas element 打造動態的換頁特效。換頁動作包含陰影和亮點的部分,是透過JavaScript繪製在canvas,可參考 HTML5rocks tutorial。
- 利用 Application Cache API ,讓使用者首次進入後具備離線閱讀功能。
- 以 Local Storage API 作為書籤功能,使用者回來後,可以進入上次離開時的頁面。
- 運用 History API 的特性。當你在翻頁時,只有書的區塊出現變化,而不是重新載入整個頁面,所以感覺很流暢。但是網址列裡的 URL 會跟著變化,所以你可以單獨將某一頁加入書籤,而搜尋引擎也能收錄單一頁面。
- 使用多種 CSS 3 的特性,如網頁字體、動畫、漸層和陰影等,提高視覺吸引力。
沒有留言:
張貼留言
注意:只有此網誌的成員可以留言。