呂高旭｜隨筆。HTML5 ＆ World Wide Web

此篇的小範例是今年稍早為了教育訓練課程的補充實作，這次12月於台北舉辦的【HTML5解構與應用】課程活動中，將會加入開放資料應用的討論 Session 中…透過HTML5提供的功能，結合各種網路資源，我們可以輕易的作到過去難以實現的網頁服務 ~

當時 HTML5 還沒有太多人關注，換句話說，基本上不會有太多閱讀人口，另外一個問題是，HTML5技術太過龐大，沒有寫個 1000 頁是無法結案的，在這種世道下，要出版社印製超過1000 頁，又是大多數人不在意的技術內容，還真的挺為難出版社的，這情形與當年找「松崗」出版我的第一本正式著作《C#範例精要解析》一樣，同樣超過 1000 頁，同樣新技術，不同的是，那年微軟正當紅，書市還不錯，即便是新作者，賠錢的機會不是太高。後來壓抑不下心中的執念，還是厚著臉皮帶上計畫找出版社談HTML5技術書籍出版的可能性 ...

這麼多年的時間，終於，在 2014.10.28 這一天，我們迎來了 HTML5 ...

透過 ASP.NET MVC 支援的部份檢視建立購物網頁共用選單 ~~

如果學了一陣子MVC卻不懂怎麼整合其中的技術運用在實際的開發上，可以跟著一篇篇慢慢作，體會開發的過程，並將一個購物網站需要的各個部份發展出來　…

RWD 是不斷優化體驗的過程，這篇計對書籍介紹頁的內容文字呈現進一步調整，簡單的設定即能讓網頁的內容更容易閱讀 …

有了工作室網站，現在逐步充實網站內容，利用RWD製作書籍介紹頁　…

當網頁中透過媒體查詢的設定以支援響應式功能會與 Razor 語法衝突…

中秋節前夕，我們與出版社合作搭配新書《HTML5從零開始》舉辦的【HTML5技術入門精鍊實作】，影片為課程當中將介紹的 CANVAS 2D  繪圖技術，利用 JavaScript 截取臨摹漫畫角色的數據資料進行輸出的效果。

高雄軟體科技園區第二梯次全新議題HTML5技術講座來囉，歡迎報名　～～　XD

高雄軟體科技園區免費 HTML5 技術講座將於 4/27(六) 展開，清明連假後開放報名，對HTML5技術應用有興趣的技術人員歡迎來參加。此次議程內容將聚焦於HTML5的應用，除了相關應用技術的基礎 API 的快速導覽，同時包含 Ajax 與推播技術等等於商業系統的整合 ...

3.30(六)於高雄麗文文化辦公室舉辦之【HTML5 應用開發】一日技術研討課程，圓滿落幕，工作室的下一場HTML5推廣活動，同樣將於高雄軟體科技園區展開，請密注意。

最後這一篇來看看如何建構每個 Mobile 行動分頁的內容

工作室即將於 3/23 舉辦的免費高雄軟體科技園區【HTML5 技術講座】活動，為了方便參與學員透過手機查詢，因此套用 jQuery Mobile 製作了簡單的活動資訊頁，接下來利用幾篇文章，簡單的說明此網頁的製作過程。

jQuery Mobile 會自動導入特定動畫效果以支援換頁的視覺變化，透過屬性設定可輕易轉換，這篇簡單的來看看 ~~

相較於桌上型電腦，行動裝置螢幕空間相對有限，因此採用了虛擬頁面技術實現行動頁的展示效果。

Firefox OS 模擬器初體驗　

鴻海科技集團贊助支援，免費 HTML5 技術講座，提供完整 HTML5 技術概念。探討 HTML5 技術概念與應用發展，並瞭解 HTML5 可應用之領域，以及高雄軟體科技園區人才需求。

這是我在高雄主講第一場免費的HTML5技術講座，在高雄軟體園區，歡迎高雄的技術人，或是欲探詢高雄HTML5發展可能性的技術人員，一起踴躍報名參加 ~ :)

---

ASP.NET 之類的頁面可以透過傳統的 HTML 與 JavaScript 作到不錯的互動效果，但是如果你需要一些比較重要的視覺化資料呈現或是伺服器溝通，不導入 HTML5 就沒辦法了，除非你使用 Silverlight 或是 FLASH ，但你老板手中的 iPad 可不吃這套，所以囉，剛好這一篇要談到簡單的圖表描繪，來看看　…