相關文章

44380d3118e85b5383f3403c3808abb0 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 提供的開放原始碼打造自己的電子書,歡迎在這裡跟大家分享你的作品喔!

使用 Facebook 留言

D3993b3e993b98a44f488fe59e545f24?size=48&default=wavatar
2人給推

1.  vicky200456 (發表於 2011年6月13日 19:52)
囧rz
勸君選對瀏覽器
勸君除舊又佈新
若更新,安全穩當如泰山
如守舊,岌岌可危速度慢
遇襲難心安。
(不專業打油詩)

google 會不會太幽默了吧.....
E927f88d791ae9f675459d95b8934c71?size=48&default=wavatar
2.  我就是這麼崴 (發表於 2011年6月13日 20:24)
Opera滿噸的= =
IE9 不錯順 但用沒幾秒就盪了╮(╯_╰)╭
E4b2adbc8d02e2b7ef8c31b70c2db1d7?size=48&default=wavatar
3.  toppy368 (發表於 2011年6月13日 23:28)
我好幾天前就知道這網站了喔!
我覺得這是網路原理的簡介篇
有些地方不見得完全正確
氣象部落客勞倫斯
4.  氣象部落客勞倫斯 (發表於 2011年6月14日 10:15)
※ 引述《toppy368》的留言:
> 我好幾天前就知道這網站了喔!
> 我覺得這是網路原理的簡介篇
> 有些地方不見得完全正確

歡迎提出來一同討論(≧▽≦)
96025fa0619d61f9ffa33baa6c281184?size=48&default=wavatar
5.  kamancy (發表於 2011年6月15日 06:21)
覺得這段寫的真好<( ̄︶ ̄)>
老舊的瀏覽器會對全球資訊網的創新發展造成阻礙。如果一大堆網際網路使用者仍固守老舊瀏覽器,就會迫使網頁開發人員在設計網站時必須同時兼顧新舊技術,使網站在兩種技術下正確運作。鑑於時間和資源有限,網頁開發人員只好做出妥協,停止為較少人使用的瀏覽器進行開發,這麼一來就不會有實用、創新的新世代網路應用程式問世了。這就像是要求工程師去修建一條連福特 T 型古董車都能安心行駛的高速公路一樣本末倒置!因此,過時的瀏覽器對使用者不但有害,更會拖垮網路的創新進展。

發表回應

謹慎發言,尊重彼此。按此展開留言規則