《Bootstrap與移動套用開發》是2020年1月人民郵電出版社出版的圖書，作者是肖睿、遊學軍。
基本介紹
- 書名：Bootstrap與移動套用開發
- 作者：肖睿、遊學軍
- 出版社：人民郵電出版社
- 出版時間：2020年1月
- 頁數：189 頁
- 定價：39.8 元
- 開本：16 開
- 裝幀：平裝
- ISBN：9787115499806
內容簡介,圖書目錄,
內容簡介
本書圍繞Bootstrap框架和移動端網頁開發兩條主線展開介紹。在Bootstrap框架部分，講解Flex布局與回響式布局，Bootstrap核心CSS組件與JavaScript外掛程式，以任務案例為驅動，讓讀者快速上手製作出回響式網頁。在移動端網頁開發部分，除了介紹移動端頁面布局，移動端事件和移動端開發技巧，還加入了對Zepto庫的介紹，最後通過移動端網站“愛旅行”的開發進行知識整合，漸進式地完成項目開發。
本書示例豐富，側重於實戰，適合剛接觸或即將接觸移動端開發的開發者，也適合有過移動端開發經驗、但要進一步提升的開發者。
圖書目錄
第 1章 Flex布局與回響式布局 1
任務1 認識Flex彈性盒布局 2
1.1.1 為什麼要使用彈性布局 2
1.1.2 實現彈性布局的方法 4
1.1.3 上機訓練 15
任務2 實現回響式布局 16
1.2.1 回響式網頁設計 16
1.2.2 媒體查詢 17
1.2.3 上機訓練 23
1.2.4 回響式布局的套用 24
1.2.5 回響式布局的優缺點 26
本章作業 26
第 2章 初識Bootstrap 27
任務1 認識Bootstrap 28
2.1.1 Bootstrap概述 28
2.1.2 Bootstrap使用方法 29
2.1.3 Bootstrap整體結構 32
任務2 使用Bootstrap柵格系統進行頁面布局 33
2.2.1 柵格系統簡介 33
2.2.2 實現原理 33
2.2.3 柵格系統的使用 34
2.2.4 回響式柵格 38
2.2.5 上機訓練 42
任務3 使用Bootstrap CSS全局樣式 42
2.3.1 Bootstrap排版 43
2.3.2 Bootstrap表單 46
2.3.3 Bootstrap按鈕 49
2.3.4 Bootstrap圖片 50
2.3.5 上機訓練 50
本章作業 51
第3章 Bootstrap CSS組件 55
任務1 使用圖示組件 56
3.1.1 使用方法 57
3.1.2 套用場景 58
3.1.3 實現方式 59
任務2 使用下拉選單組件 59
3.2.1 基本下拉選單 59
3.2.2 分離式下拉選單 61
3.2.3 上機訓練 62
任務3 使用輸入框組件 63
3.3.1 基本的輸入框組件 63
3.3.2 輸入框組件的大小 64
3.3.3 按鈕外掛程式 64
任務4 使用導航和導航欄組件 65
3.4.1 導航 65
3.4.2 導航欄 68
3.4.3 上機訓練 74
任務5 使用縮略圖 75
任務6 使用媒體對象 77
任務7 使用列表組 78
任務8 使用分頁導航 80
3.8.1 分頁（Pagination） 80
3.8.2 翻頁（Pager） 81
3.8.3 上機訓練 81
本章作業 82
第4章 Bootstrap JavaScript外掛程式 85
任務1 認識JavaScript外掛程式 86
4.1.1 JavaScript外掛程式的引入方式 86
4.1.2 data屬性概述 87
任務2 實現動畫過渡效果 87
任務3 使用Modal外掛程式實現模態框效果 89
4.3.1 基礎布局與樣式 89
4.3.2 尺寸設定 91
4.3.3 常用屬性 92
4.3.4 動態設定模態框屬性 92
4.3.5 上機訓練 93
任務4 使用Tab外掛程式實現選項卡效果 94
4.4.1 基礎布局與樣式 94
4.4.2 動態操作選項卡外掛程式的屬性及方法 96
4.4.3 上機訓練 96
任務5 使用Carousel外掛程式實現輪播圖 97
4.5.1 基礎布局與樣式 97
4.5.2 自定義屬性 100
4.5.3 動態調用 100
4.5.4 上機訓練 101
任務6 使用ScrollSpy外掛程式實現滾動監聽 102
4.6.1 基礎布局與使用 102
4.6.2 動態調用 104
4.6.3 上機訓練 105
任務7 Bootstrap總結 106
本章作業 107
第5章 移動端頁面布局 111
任務1 移動Web概述 112
5.1.1 什麼是移動Web 112
5.1.2 移動Web的現狀 113
5.1.3 PC與移動Web開發的區別 113
任務2 移動端開發、測試瀏覽器 114
5.2.1 移動端瀏覽器的類型 114
5.2.2 測試瀏覽器 115
任務3 移動端視口及視口標籤 119
5.3.1 移動端的三種視口 119
5.3.2 視口標籤 123
任務4 設備像素比 125
任務5 實現移動端布局 126
5.5.1 使用em布局網頁內容 126
5.5.2 使用rem布局網頁內容 129
5.5.3 上機訓練 133
本章作業 134
第6章 移動端事件與Zepto框架 137
任務1 使用移動端事件 138
6.1.1 click事件 138
6.1.2 touch（觸摸）事件 139
6.1.3 上機訓練 142
任務2 使用Zepto框架 143
6.2.1 初識Zepto 143
6.2.2 Zepto和jQuery的區別 144
6.2.3 Zepto框架常用選擇器 145
6.2.4 Zepto框架常用方法和屬性 148
6.2.5 上機訓練 153
本章作業 154
第7章 移動端開發技巧 157
任務1 開發技巧 158
任務2 常見問題 159
任務3 移動端最佳化 160
7.3.1 載入最佳化 161
7.3.2 圖片最佳化 162
7.3.3 腳本最佳化 163
本章作業 164
第8章 項目實戰——製作“愛旅行”網站 165
任務1 開發流程制訂及角色分工 167
任務2 項目分析 168
8.2.1 需求概述 169
8.2.2 問題分析 171
任務3 項目實現 173
8.3.1 公用部分 174
8.3.2 網站首頁——輪播圖 176
8.3.3 網站首頁——圖文混排 177
8.3.4 旅遊首頁 179
8.3.5 列表頁 181
8.3.6 詳情頁 182
8.3.7 選擇日期和人數頁 184
8.3.8 選擇資源頁 185
8.3.9 訂單填寫頁 185
8.3.10 目的地頁 186
8.3.11 登錄頁 186
8.3.12 註冊頁 187
8.3.13 瀏覽歷史頁 187
8.3.14 我的頁面 188
8.3.15 訂單頁 188
本章作業 189
