【手機網頁入門實做】jQueryMobile入門 單頁製作

Hi!各位朋友大家好,我是小蔡老師,簡單了解如何連結到網路上jQueryMobile的DOM後就是進入實際製作的方法

實例操作: 我們先利用jQueryMobile程式來建立一頁簡單的技術說明簡介‧
步驟1. 如同上次說明一樣我們需先開啟HTML5格式網頁
001
分析:標籤首先需指定為utf-8國際編碼以便可以在任何情況下正確顯示中文,第二個標籤指定行動裝置的縮放比例-關鍵字為viewport,然後設定行動裝置螢幕比例【width】與指定畫面【inital-scale】

步驟2. 上述完成後,就如同jQuery或javascript需要連結外來資源,同樣的jQueryMobile也需要加入外來資源,這邊作檔案連結
002

步驟3. 完成後開始製作 區塊 CSS3框架,這樣就可以很簡單的做出上中下區塊
003

步驟4.加入說明用文字區塊
004

步驟5.先用正常網頁觀看測試效果只要拖拉瀏覽器大小就可以放到最適觀看
005

步驟6.最後隨意開起一個手機版本大小的opera瀏覽器觀看手機製作實況
006


雅朵多媒体FB粉絲團:https://www.facebook.com/yaduo.arts
BLOG: https://blog.yaduo-arts.com
如果您還沒幫雅朵粉絲團按讚! 請幫忙按讚! 表示你的支持 感謝!!!

(BLOG 線上教學皆為雅朵美術工房所有&BLOG作品皆為設計者阿哲類所有 未經同意請勿盜連或者轉帖,違反者依法處理)

我想發問