相關主題
商品描述
本書是面向應用型本科、職業本科、高職高專計算機類相關專業的核心課程教材，采用“項目驅動、任務導向”的立體化編寫框架，系統覆蓋 HTML5 移動 Web 開發的全流程技術體系與實戰技能。 本書設計了 10 個遞進式項目，從基礎認知到綜合應用，構建完整的知識與能力培養體系。項目 1“移動Web 開發概述”註重搭建行業與技術框架，講解移動互聯網的發展歷程、智能手機的發展及手機瀏覽器、移動Web 開發與傳統桌面 Web 開發的區別，同步完成移動 Web 開發環境配置；項目 2 至項目 4 聚焦核心技術，深入介紹 HTML5 新元素、CSS3 樣式、移動端頁面布局，通過“知識準備+任務實施”模式夯實技術基礎；項目5 至項目 7 拓展應用場景，涵蓋基於 HTML5 的移動 Web 應用、數據存儲與離線應用、跨平臺移動 Web 開發技術，解決實際開發中的兼容性與體驗優化問題；項目 8“使用 Bootstrap 進行移動 Web 開發”通過組件與布局體系的應用，提升移動 Web 開發效率；項目 9“AI 輔助移動 Web 開發”緊跟技術前沿，講解 AI 輔助開發工具在需求轉化、代碼生成、調試優化中的應用，培養智能開發思維；項目 10“多功能學習平臺”作為綜合實戰，整合前述所有技術，實現課程表頁面、音視頻頁面、數據存儲頁面、Canvas 簽名板頁面四大模塊，強化工程化應用能力。 全書貫穿“做中學、學中做”的特色，每個任務均包含明確的學習目標、精準的任務描述、詳細的任務分析、可落地的任務實施模塊，配套完整的代碼示例、效果演示圖與習題拓展，同時融入行業規範與職業素養培養。本書既適用於課堂教學，也可作為移動 Web 開發初學者的自學指南，助力初學者快速掌握從技術入門到項目實戰的全流程技術體系與實戰技能，滿足企業對移動前端開發崗位的技能需求。
目錄大綱
項目1 移動Web開發概述 1
知識準備 1
任務1.1 認識移動Web開發環境（安裝Visual Studio Code） 4
1.1.1 學習目標 4
1.1.2 任務描述 5
1.1.3 任務分析 5
1.1.4 任務實施 5
習題 10
拓展內容 10
項目2 HTML5新元素 11
知識準備 11
任務2.1 HTML5語義化標簽
頁面構建 21
2.1.1 學習目標 21
2.1.2 任務描述 22
2.1.3 任務分析 22
2.1.4 任務實施 23
任務2.2 創建移動音頻播放器 28
2.2.1 學習目標 28
2.2.2 任務描述 28
2.2.3 任務分析 29
2.2.4 任務實施 29
任務2.3 Canvas空心漸變文字
繪制案例 36
2.3.1 學習目標 36
2.3.2 任務描述 36
2.3.3 任務分析 37
2.3.4 任務實施 37
習題 40
拓展內容 41
項目3 CSS3樣式 42
知識準備 42
任務3.1 背景 47
3.1.1 學習目標 47
3.1.2 任務描述 47
3.1.3 任務分析 47
3.1.4 任務實施 48
任務3.2 漸變 49
3.2.1 學習目標 49
3.2.2 任務描述 49
3.2.3 任務分析 49
3.2.4 任務實施 50
任務3.3 陰影與邊框 51
3.3.1 學習目標 51
3.3.2 任務描述 51
3.3.3 任務分析 52
3.3.4 任務實施 52
任務3.4 CSS3動畫 53
3.4.1 學習目標 53
3.4.2 任務描述 53
3.4.3 任務分析 53
3.4.4 任務實施 54
習題 56
拓展內容 56
項目4 移動端頁面布局 57
知識準備 57
任務4.1 視口 60
4.1.1 學習目標 60
4.1.2 任務描述 60
4.1.3 任務分析 61
4.1.4 任務實施 61
任務4.2 流式布局 63
4.2.1 學習目標 63
4.2.2 任務描述 63
4.2.3 任務分析 63
4.2.4 任務實施 64
任務4.3 彈性布局 65
4.3.1 學習目標 65
4.3.2 任務描述 65
4.3.3 任務分析 65
4.3.4 任務實施 66
任務4.4 rem布局 70
4.4.1 學習目標 70
4.4.2 任務描述 70
4.4.3 任務分析 70
4.4.4 任務實施 71
習題 73
拓展內容 73
項目5 基於HTML5的移動Web應用 74
知識準備 74
任務5.1 地理定位基礎應用 84
5.1.1 學習目標 84
5.1.2 任務描述 84
5.1.3 任務分析 84
5.1.4 任務實施 85
任務5.2 元素拖曳交互 86
5.2.1 學習目標 86
5.2.2 任務描述 86
5.2.3 任務分析 87
5.2.4 任務實施 87
任務5.3 圖片預覽 90
5.3.1 學習目標 90
5.3.2 任務描述 90
5.3.3 任務分析 91
5.3.4 任務實施 91
習題 92
拓展內容 92
項目6 數據存儲與離線應用 94
知識準備 94
任務6.1 使用Web Storage存儲用
戶偏好設置 100
6.1.1 學習目標 100
6.1.2 任務描述 100
6.1.3 任務分析 101
6.1.4 任務實施 101
任務6.2 使用Service Worker實現
離線訪問 103
6.2.1 學習目標 103
6.2.2 任務描述 103
6.2.3 任務分析 104
6.2.4 任務實施 104
習題 110
拓展內容 110
項目7 跨平臺移動Web開發技術 111
知識準備 111
任務7.1 移動端touch事件 115
7.1.1 學習目標 115
7.1.2 任務描述 115
7.1.3 任務分析 115
7.1.4 任務實施 116
任務7.2 解決移動端click事件的
延時問題 117
7.2.1 學習目標 117
7.2.2 任務描述 117
7.2.3 任務分析 117
7.2.4 任務實施 118
任務7.3 媒體查詢 119
7.3.1 學習目標 119
7.3.2 任務描述 119
7.3.3 任務分析 120
7.3.4 任務實施 120
任務7.4 柵格系統 122
7.4.1 學習目標 122
7.4.2 任務描述 122
7.4.3 任務分析 122
7.4.4 任務實施 123
習題 128
拓展內容 128
項目8 使用Bootstrap進行移動
Web開發 129
知識準備 129
任務8.1 Bootstrap的常用組件 139
8.1.1 學習目標 139
8.1.2 任務描述 139
8.1.3 任務分析 140
8.1.4 任務實施 140
任務8.2 Bootstrap的常用布局
體系 143
8.2.1 學習目標 143
8.2.2 任務描述 143
8.2.3 任務分析 144
8.2.4 任務實施 144
任務8.3 Bootstrap的常用樣式 148
8.3.1 學習目標 148
8.3.2 任務描述 148
8.3.3 任務分析 149
8.3.4 任務實施 149
習題 151
拓展內容 151
項目9 AI輔助移動Web開發 152
知識準備 152
任務9.1 圖片展示畫廊頁面制作 162
9.1.1 學習目標 162
9.1.2 任務描述 162
9.1.3 任務分析 163
9.1.4 任務實施 164
任務9.2 簡單表單頁面開發 166
9.2.1 學習目標 166
9.2.2 任務描述 166
9.2.3 任務分析 167
9.2.4 任務實施 168
任務9.3 學校官網設計稿轉化為
前端代碼 169
9.3.1 學習目標 169
9.3.2 任務描述 170
9.3.3 任務分析 171
9.3.4 任務實施 171
習題 173
拓展內容 173
項目10 多功能學習平臺 174
任務10.1 課程表頁面實現 174
10.1.1 學習目標 174
10.1.2 任務描述 174
10.1.3 任務分析 175
10.1.4 任務實施 175
任務10.2 音視頻頁面實現 189
10.2.1 學習目標 189
10.2.2 任務描述 189
10.2.3 任務分析 190
10.2.4 任務實施 191
任務10.3 數據存儲頁面實現 193
10.3.1 學習目標 193
10.3.2 任務描述 193
10.3.3 任務分析 193
10.3.4 任務實施 194
任務10.4 Canvas簽名板頁面實現 197
10.4.1 學習目標 197
10.4.2 任務描述 197
10.4.3 任務分析 198
10.4.4 任務實施 199
習題 204
拓展內容 204
