Transcript chapter03
Chapter 3 jQuery Mobile與 Dreamweaver實習 JQUERY MOBILE 與DREAMWEAVER實習 (KISSBABY行動網站) 學習重點 利用DreamWeaver內建的 jQuery Mobile 樣本製作出手 機選單介面 在 jQuery Mobile 樣本中新增頁面 新增 CSS 樣式來修改選單介面外觀 加入文字、圖片與 Google 地圖 加入 Query Mobile 網頁元件, 製作按鈕、表單、可收合區 塊 開啟 jQuery Mobile 色票面板來套用色彩 建立 APP 專用的網站 建立 APP 專用的網站 運用樣本快速建立 JQUERY MOBILE 網站 運用樣本快速建立 JQUERY MOBILE 網站 運用樣本快速建立 JQUERY MOBILE 網站 在 JQUERY MOBILE 網站中新增網頁 在 JQUERY MOBILE 網站中新增網頁 在 JQUERY MOBILE 網站中新增網頁 在 JQUERY MOBILE 網站中新增網頁 在 JQUERY MOBILE 網站中新增網頁 在 JQUERY MOBILE 網站中新增網頁 在 JQUERY MOBILE 網站中新增網頁 儲存網站檔案 儲存網站檔案 儲存網站檔案 修改各頁面的表頭、頁尾文字 18 修改各頁面的表頭、頁尾文字 修改各頁面的表頭、頁尾文字 修改各頁面的表頭、頁尾文字 修改各頁面的表頭、頁尾文字 22 加入圖片 加入圖片 加入圖片 加入圖片 加入圖片 加入圖片 加入圖片 加入圖片 製作「活動資訊」頁並加入 GOOGLE 地圖 製作「活動資訊」頁並加入 GOOGLE 地圖 製作「活動資訊」頁並加入 GOOGLE 地圖 製作「活動資訊」頁並加入 GOOGLE 地圖 製作「活動資訊」頁並加入 GOOGLE 地圖 製作「活動資訊」頁並加入 GOOGLE 地圖 製作「活動資訊」頁並加入 GOOGLE 地圖 利用 JQUERY MOBILE 版面格點製作兩欄式表格 利用 JQUERY MOBILE 版面格點製作兩欄式表格 利用 JQUERY MOBILE 版面格點製作兩欄式表格 利用 JQUERY MOBILE 版面格點製作兩欄式表格 利用 JQUERY MOBILE 版面格點製作兩欄式表格 加入 JQUERY MOBILE 可收合區塊 加入 JQUERY MOBILE 可收合區塊 44 加入 JQUERY MOBILE 可收合區塊 加入 JQUERY MOBILE 可收合區塊 建立表單以及「文字輸入」欄位 建立表單以及「文字輸入」欄位 48 建立表單以及「文字輸入」欄位 建立表單以及「文字輸入」欄位 加入「文字區域」欄位 加入「文字區域」欄位 加入「文字區域」欄位 加入「送出資料」按鈕 加入「送出資料」按鈕 加入「送出資料」按鈕 加入「送出資料」按鈕 57 加入「送出資料」按鈕 58 加入「送出資料」按鈕 開啟 JQUERY MOBILE 色票面板快速套用外 觀 開啟 JQUERY MOBILE 色票面板快速套用外觀 開啟 JQUERY MOBILE 色票面板快速套用外觀 開啟 JQUERY MOBILE 色票面板快速套用外觀 開啟 JQUERY MOBILE 色票面板快速套用外觀 開啟 JQUERY MOBILE 色票面板快速套用外觀 開啟 JQUERY MOBILE 色票面板快速套用外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 70 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀 設定 CSS 樣式來修改細部外觀