2017年5月27日 星期六

[書評] Mobile HTML5學習手冊

我想很多人早在國高中時可能就接觸過HTML了,不過現在的HTML已經進化到HTML5,其中它的語法與語意結構也更加強化了,讓我們得以確保網頁的內容、外觀與行為能透過HTML5、CSS3與JavaScript來加以分開。本書側重的重點在HTML5,而且特別是在手機或平板(或其他行動上網的平台)上呈現你我的網站。

這本書的風格簡潔清楚,而且對於HTML5的部分做了很深入的說明、描述,特別是針對HTML5的新標籤。根據內容層所需要的語意,HTML5定義了/改良了新舊的標籤使code本身也具有可讀性。

再者,作者似乎對於HTML5的表單功能非常中意。為此我根據作者的介紹實作了這個功能,不過我沒運用CSS3改善它的外觀,僅只是測試它的原始功能。按HTML5的規格表單功能,它應該能提示我們在本機端顯示適當的螢幕來加以輸入/在本機端直接驗證這些輸入是否正確,不過很遺憾的是在不同的瀏覽器上能支援這些輸入類型的並不多,完整的支援的更是沒有。原文書寫作的時間點是2013年距今已有3年之久,恐怕真能完全實現還有非常久的路要走。

整體而言,第一章介紹許多瀏覽器開發工具、好用的文字編輯軟體以及一個網站開發者會關心的工具。第二至第四章則是快速地瀏覽HTML5的常見功能與語意,第五與第六章則介紹外嵌媒體(如SVG、Canvas、音訊與視訊)還有其他相關的API。第七至十一章則完整地介紹CSS3語言(這寫得還滿清楚地),剩下的最後三章則介紹在行動手機網頁設計要注意地所有事情:手機效能、網頁的定位(或者說是確定目標族群吧),而且要注意到行動設備的三個限制:尺寸、觸碰、硬體本身具有的功能(如定位功能、陀螺儀、偵測設備網路訊號狀態等等)。

在閱讀的過程中,我們會發現作者很詳細的說明了HTML5與CSS3,但!她似乎忽略介紹JavaScript,在許多章節或段落中她只是提供了程式碼(好啦,偶爾她會說明那幾行程式碼在幹嘛)。我只能說這本書在部分的內容可能對於不懂JavaScript的人是不太友善的。由於本書似乎刻意避免談論深入的JavaScript,因此我們不太可能對於任何事件進行處理(不過你直接照抄書上的code自以為成功處理問題倒也不是不行啦)。

在書背的介紹中,作者其實滿強調無障礙性,亦即有可能有聽力障礙或視力障礙的朋友們使用我們的網站,如果能在內容層強化語意概念,那麼他們使用的輔具就能根據這些標籤宣讀出這些內容。雖然這本書集中在講個單元的篇幅非常短,但在許多部份作者都會有意無意地去提醒這點:正確地使用標籤對於維護或無障礙使用者都有很大的幫助。

最後(雖然這不是重點),不過作者在滿多時候真的挺幽默的,譯者充分展現出這點,值得嘉許。而且這本書厚達四百多頁,譯者用滿短的時間就產出它來,而且在一些有code註解的地方也有翻譯。

Note1: 學完這些後,我們應該能夠獨立實作出「一張」網頁,但我們可能需要學習一些動態生成網頁的方法,如此才有可能架構一個網站。再者在表單的單元中我們僅僅學會如何建構一個表單,但恐怕需要學習如何去處理收到的表單。

Note2: 在七年前的時候CSS還在CSS2.1的年代,一切要被改變外觀的東西都會被採用div的框框裝起來。如果要實作一篇文章或網站,那麼運用div可能就不是一個優先的選擇了。(不過如果純粹完全都是製作外觀的話,用div又好像還好了?)

參考自學網站:

  1. W3Schools Online Web Tutorials
  2. w3school 在线教程
  3. 程式語言教學誌

ISBN:9789863471240
規格:平裝 / 488頁 / 18.5 x 23 cm / 普通級 / 單色印刷 / 初版
出版地:台灣
出版日期:2014/06/24

沒有留言:

張貼留言