jQuery Mobile 技術文件系列
jQuery Mobile 入門案例-研討活動資訊頁(上|中|下)
工作室於 2013/3/23 舉辦的免費高雄軟體科技園區【HTML5 技術講座】活動,為了方便參與學員透過手機查詢,因此套用 jQuery Mobile 製作了簡單的活動資訊頁,接下來利用幾篇文章,說明此網頁的製作過程。
jQuery Mobile 是一單純的 UI 框架,只要遵守其語法規則,不需 JavaScript 就可以很方便的讓開發人員建立具質感的 Mobile 型態網頁,這一組網頁,我們需要三項功能如下:
最後一項,由於要提供三組不同的資訊內容,包含一張地圖,因此分成三個區塊,並提供縮合介面方便使用者操作。
jQuery Mobile 以單一文件模擬多頁介面,此案例只需要一個 .html 檔案就夠了,後續的文章我們逐一討論其中的內容。
jQuery Mobile 入門案例-研討活動資訊頁(上|中|下)
jQuery Mobile 技術文件系列
jQuery Mobile 入門案例-研討活動資訊頁(上|中|下)
工作室於 2013/3/23 舉辦的免費高雄軟體科技園區【HTML5 技術講座】活動,為了方便參與學員透過手機查詢,因此套用 jQuery Mobile 製作了簡單的活動資訊頁,接下來利用幾篇文章,說明此網頁的製作過程。
jQuery Mobile 是一單純的 UI 框架,只要遵守其語法規則,不需 JavaScript 就可以很方便的讓開發人員建立具質感的 Mobile 型態網頁,這一組網頁,我們需要三項功能如下:
- 首頁:活動海報頁
- 議程:研討會議內容
- 地點:研討會議舉辦地點與交通資訊
最後一項,由於要提供三組不同的資訊內容,包含一張地圖,因此分成三個區塊,並提供縮合介面方便使用者操作。
jQuery Mobile 以單一文件模擬多頁介面,此案例只需要一個 .html 檔案就夠了,後續的文章我們逐一討論其中的內容。
jQuery Mobile 入門案例-研討活動資訊頁(上|中|下)
jQuery Mobile 技術文件系列
沒有留言:
張貼留言