1 / 78

Chapter 3 jQuery Mobile 與 Dreamweaver 實習

Chapter 3 jQuery Mobile 與 Dreamweaver 實習. JQUERY MOBILE 與 Dreamweaver 實 習 ( Kissbaby 行動網站 ). 學習重點 利用 DreamWeaver 內建的 jQuery Mobile 樣本 製作出手機選單介面 在 jQuery Mobile 樣本中新增頁面 新增 CSS 樣式來修改選單介面外觀 加入文字、圖片與 Google 地圖 加入 Query Mobile 網頁元件 , 製作按鈕、表單、可收合區塊 開啟 jQuery Mobile 色票 面板來套用色彩.

ciaran-oneil
Download Presentation

Chapter 3 jQuery Mobile 與 Dreamweaver 實習

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 3 jQuery Mobile與Dreamweaver實習

  2. JQUERY MOBILE 與Dreamweaver實習(Kissbaby行動網站) 學習重點 • 利用DreamWeaver內建的jQuery Mobile 樣本製作出手機選單介面 • 在 jQuery Mobile 樣本中新增頁面 • 新增 CSS 樣式來修改選單介面外觀 • 加入文字、圖片與 Google 地圖 • 加入 Query Mobile 網頁元件, 製作按鈕、表單、可收合區塊 • 開啟 jQuery Mobile 色票面板來套用色彩

  3. 建立 App 專用的網站

  4. 建立 App 專用的網站

  5. 運用樣本快速建立 jQuery Mobile 網站

  6. 運用樣本快速建立 jQuery Mobile 網站

  7. 運用樣本快速建立 jQuery Mobile 網站

  8. 在 jQuery Mobile 網站中新增網頁

  9. 在 jQuery Mobile 網站中新增網頁

  10. 在 jQuery Mobile 網站中新增網頁

  11. 在 jQuery Mobile 網站中新增網頁

  12. 在 jQuery Mobile 網站中新增網頁

  13. 在 jQuery Mobile 網站中新增網頁

  14. 在 jQuery Mobile 網站中新增網頁

  15. 儲存網站檔案

  16. 儲存網站檔案

  17. 儲存網站檔案

  18. 修改各頁面的表頭、頁尾文字

  19. 修改各頁面的表頭、頁尾文字

  20. 修改各頁面的表頭、頁尾文字

  21. 修改各頁面的表頭、頁尾文字

  22. 修改各頁面的表頭、頁尾文字

  23. 加入圖片

  24. 加入圖片

  25. 加入圖片

  26. 加入圖片

  27. 加入圖片

  28. 加入圖片

  29. 加入圖片

  30. 加入圖片

  31. 製作「活動資訊」頁並加入 Google 地圖

  32. 製作「活動資訊」頁並加入 Google 地圖

  33. 製作「活動資訊」頁並加入 Google 地圖

  34. 製作「活動資訊」頁並加入 Google 地圖

  35. 製作「活動資訊」頁並加入 Google 地圖

  36. 製作「活動資訊」頁並加入 Google 地圖

  37. 製作「活動資訊」頁並加入 Google 地圖

  38. 利用 jQuery Mobile 版面格點製作兩欄式表格

  39. 利用 jQuery Mobile 版面格點製作兩欄式表格

  40. 利用 jQuery Mobile 版面格點製作兩欄式表格

  41. 利用 jQuery Mobile 版面格點製作兩欄式表格

  42. 利用 jQuery Mobile 版面格點製作兩欄式表格

  43. 加入 jQuery Mobile 可收合區塊

  44. 加入 jQuery Mobile 可收合區塊

  45. 加入 jQuery Mobile 可收合區塊

  46. 加入 jQuery Mobile 可收合區塊

  47. 建立表單以及「文字輸入」欄位

  48. 建立表單以及「文字輸入」欄位

  49. 建立表單以及「文字輸入」欄位

  50. 建立表單以及「文字輸入」欄位

More Related