課程介紹
使用者以行動裝置透過行動通訊網路進行交易或商業活動，尤其是行動裝置帶動許多行動商務的創新服務。課程主要著重在跨裝置的「響應式網頁設計(RWD)」及「跨平台APP設計」兩大技術與「UI/UX設計技巧」，讓學生可以學習到開發「行動商務系統」所需的基本技能，對於未來的專題製作和投入校外實習有相當之助益。
評量方式
|
占比 |
完成內容 |
|
10% |
前、後測問卷，課程回饋意見表 |
|
20% |
觀看教學影片 |
|
50% |
期末報告，上傳至學習平台 |
|
20% |
錄製學習影片(註) |
註：學習影片(20%)：上傳小組 (2 - 4人/組) 學習影片 (5 - 8分鐘)，小組成員需在影片中出現並說一段學習感言，任選一種以下主題：(1) 使用 Components 元件 (2) 使用 Javascript。
教科書:
課本：讓響應式(RWD)網頁設計變簡單：Bootstrap開發速成(第二版)
出版商：碁峯
學校業務：高錦安，02-2788-2408~876
參考：跟著實務學習HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、Bootstrap 4&Cordova-增訂版
出版商：碁峯
學校業務：高錦安，02-2788-2408~876
參考：設計師一定要學的 Bootstrap 5 RWD 響應式網頁設計--行動優先的前端技術
出版商：旗標
學校業務：羅雅麗，0912-563-723
教學進度:
| 課程核心單元 | 週次 | 教學內容 |
| 響應式網頁介紹 | 1 | 響應式網頁介紹 |
| 響應式網頁的主要概念 | 2 | 響應式網頁的主要概念 |
| 網站開發流程 | 3 | 網站開發流程 |
| 行動載具優先 | 4 | 行動載具優先 |
| 設計上的輔助 | 5 | 設計上的輔助 |
| 設計師與工程師彼此認知 | 6 | 設計師與工程師彼此認知 |
| HTML5 | 7 | HTML5 |
| CSS3選擇器 | 8 | CSS3選擇器 |
| 期中成果評量 | 9 | 期中測驗或繳交期中實作成果報告 |
| Bootstrap介紹 | 10 | Bootstrap介紹 |
| 網格佈局與CSS介紹 | 11 | 網格佈局與基礎CSS樣式的使用與實作練習 |
| CSS的使用 | 12-13 | CSS的使用 |
| 實作練習 | ||
| Components元件的使用 | 14-15 | Components元件的使用 |
| 實作練習 | ||
| Javascript 的使用 | 16-17 | Javascript 的使用 |
| 實作練習 | ||
| 期末成果評量 | 18 | 期末測驗或繳交期末實作成果報告 |
請先報名此課程才可瀏覽教材
