從jQuery Mobile開始練習做Mobile HTML

找個模仿的對象吧，我們做個類似GOMAJI的行動網頁，如何？

• 先從jQuery Mobile Quick Start Guide認識最基本的語法框架(Mobile page structure)，把"Create a basic page template"與"Make a listview"兩個範本的HTML碼複製起來，用個自己習慣的編輯器來寫第一個jQuery Mobile頁面吧(來看看用線上JSFIDDLE編輯內容與結果)。

• 要變成有縮圖的ViewList，簡單的很，就是像這樣的例子，然後把原始碼裡面的相關的部分改變一下如這個編輯內容與結果。

• 想要加上NavBar，試試看這個編輯內容與結果。

• 來做第二、三...頁的內容吧，然後讓ViewList與NavBar超連結到這些內容頁面。

• 更進一步，試著將ViewList以陣列方式產生，呈現出一樣的內容頁面，但這下一步要利用資料庫產生內容的概念喔。

接下來就靠你們自己去學囉，提供下列教學影片參考，大概只要認真投入學習一個月吧，相信大家就能做個有規模的行動網頁或App了。