﹝往事只能追憶﹞現在大家早就習慣利用電腦進行資料搜尋,輸入幾個簡單的字彙就可以很快找到我們想要的資訊,在智慧型手機上也可以辦到這件事;說要再回想還沒有網際網路的年代,真的很難!
網際網路從早先的學術研究實驗室發跡已經很長一段時間,現在成為世界眾所皆知的資訊寶庫。也就是因為如此,它蘊育了全球數不清的億萬富翁以及許多了不起的革新創舉,同時也讓教育和科學有了潛移默化的改變。英國聯邦政府甚至還曾經提議要將上網權立法成為基本人權。
HTML5 在網際網路歷史上是卓越的下一步,也是未來趨勢。透過HTML5 可以讓開發者比以前更聰明、更快速而且建構安全性更高的網站,更棒的是它是個開放式平臺架構,任何人都可以架設自己的網站;同時也讓人驚訝的是整體網路產業的學習曲線降低了許多,呈現出來的效果也很棒!
我私心地認為網際網路產業的環境是世界上最好的,當然這是個人偏見;但我真的相信!我不知道其他產業裡會不會有跟網際網路一樣的氛圍,大家會相互幫助推動整個產業往創新的方向前進。我每天醒來時,都會覺得自己身處這個產業很有優越感。現在就是你加入我們的最佳時機!
誰應該讀這本書?
這本書適合任何想學習如何建構網站,以及想要了解HTML5 這個全新網路科技的人。這本書並不要求讀者需具有任何程式語言基礎,HTML、CSS、JavaScript 等任何方面的新手都適合閱讀本書。不過如果你會這些技術的話,那會是項優勢。總之,你可以學會如何使用HTML5 來架設想要的網站。
這不是一本讓你憑藉著以往HTML舊有標準學習的書,所有的內容都是得從根
本紮起,好確保你可以學到最新的技術。坊間有很多是針對有經驗的開發者的書籍,裡頭有深入解說HTML5技術是為何發展至此的。本書跟它們稍有不同,有些部份會需要解釋,但通常我不會把那些煩人的細節提出來浪費大家時間。
如果你已經有一些網頁設計的知識,但畢竟HTML5發生了很多變化,你還是可以找到對你有助益的內容。在前面的幾章裡解釋地會比較繁鎖,若你認為不需要,可以任意地跳過那些已經瞭解的章節。
你會學到什麼?
HTML5 其實包含了非常多的新技術,超出一本書可以囊括的內容,所以我會挑出讓人最感興趣的技術提供給大家作學習。
本書的第一篇利用HTML5 產生網頁內容,會帶你了解產生網頁的基礎功夫,從從介紹工具列開始,引導你利用HTML5 產出第一份網頁內容;你會學到HTML的基礎以及如何建構網頁,同樣地也會學到如何串聯眾多網頁來產生一個網站。這一章裡你也會學到網路標準的重要性、如何審閱程式碼,以及在不同瀏覽器下測試網站內容的方法。
在第二篇資料處理中,你一下子就可以了解如何使用網頁表格來蒐集拜訪網站的訪客資料,也可以學習如何利用各種不同輸入格式來撰寫網頁表格內容,同時間你也會學會在訪客輸入過程中加入驗證流程,確保所蒐集來的資料是有效的。接下來你會知道微資料(microdata)的應用性,並且知道如何網頁內容中進行微資料的標示,這個動作可以讓搜尋引擎或者其它程式可以更容易地找到網頁內容中重要的訊息。
易用性是在撰寫網頁時重要的一環。但不幸的是,並非每一位網頁訪客都可以在拜訪網站時都會給你正面評價。在本章你也可以學習到如何在架構網頁時可以讓使用者覺得方便閱讀,以及如何產出供視覺或其他障礙的人方便閱讀的網頁內容。
第三篇,利用HTML5 & JavaScript 來強化網頁內容。終於有一些讓人真正感到興奮的技術要介紹給大家。在這章裡可以知道JavaScript 將影音視頻如何嵌入網頁內容中並且產出客製化的控制介面。同時間你也會了解到 LocalStorage以及 SessionStorage這兩個API 的使用方式,並且透過這兩個API 將資料儲存到你的電腦上。
第四篇, 進階HTML5 技術, 搭配GeoLocation 以及Canvas 這兩個API,會帶領你到更進階的技術領域裡。前者是目前最讓人興奮的網頁科技, 透過GeoLocation API 的使用會讓你的網站產生更智慧化的使用經驗。
Canvas API 則可以讓在瀏覽器上繪製物件;你可以學習如何繪出各式形狀的圖
形以及路徑,並且知道該如何在你未來的專案裡使用這個元件。
書裡內容涵蓋很多技術;一旦讀完本書,你將可以輕易地利用這些新學的知識架構出一個真的可以上線使用的速食點餐網站。這會是個完全使用HTML5 建構而成的網站,網站上會播放促銷影片、還提供線上點餐,更有可以提供給訪客查詢到哪間分店離他們最近的介面!(是利用GeoLocation API 做出的成果)。
怎麼閱讀這本書?
並沒有規定大家該用什麼樣的順序來讀這本書,就我自己來講就很少是把電腦書是按頁次從頭翻到尾的,所以我不會建議你這麼作。針對自己感興趣的章節跳著閱讀會更有趣一些!你可以隨時翻閱之前的章節,來加強自己先前沒有完全了解透徹的部份。
就像先前說的,如果你完全沒有網頁設計的經驗,我會建議你先把第一章看熟,這章節裡有著往後開發技術的基礎,準備好了再繼續往下研讀。這本書架構非常清楚,你可以輕易地就找到你想要深入研讀的章節,在將來架設網站需要時可以隨時回頭參考。
對網站程式編寫有一定了解的讀者,會在前面的章節有關舊語法說明裡,發現許多HTML5 的新語法。所以請隨時保持清醒,你不會想要錯過任何一部份的。有些章節包涵了不少程式原始碼供你參考;如果不想要只是傻傻地把程式碼敲進電腦的話( 就像菜鳥設計師), 你可以到網站下載程式碼。把下載的壓縮檔解壓縮後,在相應子目錄裡你就會看到所有的程式範例都依章節擺放,方便你可以在閱讀過程中作練習使用。
讀完本書後, 你可以架構一個給速食店業者使用的線上網站,我們先稱它作
Joe's Pizza Co. 好了;當然你也可以利用學到的這些技術來讓這個網站具備更多功能。如果決定要跳過某章節不閱讀,還是可以到網站上下載那章節的範例程
式,直接對這個程式碼作修改即可。
準備好了嗎? 讓我們開始往下看吧!