Bootstrap前端開發(2020年電子工業出版社出版的圖書)

《bootstrap前端開發》是2020年9月電子工業出版社出版的圖書，作者是趙增敏，本書可作為職業院校計算機類專業的教材，也可作為網頁設計人員、Web前端開發人員的參考書。

基本介紹

• 中文名：bootstrap前端開發
• 作者：趙增敏
• 出版時間：2020年9月1日
• 出版社：電子工業出版社
• 頁數：332 頁
• ISBN：9787121395635
• 開本：16 開
• 裝幀：平裝

內容簡介

本書以Bootstrap 4.4.1為藍本，由淺入深、循序漸進地講述了Bootstrap的基礎知識、體系結構、版式、組件和外掛程式及各種套用技能。本書共9章，內容包括：Bootstrap使用基礎（第1章），使用Bootstrap布局（第2章），使用Bootstrap版式（第3章），使用Bootstrap通用樣式（第4章），使用Bootstrap組件（第5章～第7章），使用jQuery外掛程式（第8章和第9章）。 本書堅持“以就業為導向、以能力為本位”的原則，突出實用性、適用性和先進性，結構合理、論述準確、內容翔實，注意知識的層次性和技能培養的漸進性，遵循難點分散的原則合理安排各章的內容，降低學生的學習難度，通過豐富的實例來引導學習者學習，旨在培養他們的實踐動手能力和創新精神。每章後面均配習題和上機操作。本書可作為職業院校計算機類專業的教材，也可作為網頁設計人員、Web前端開發人員的參考書。

圖書目錄

第1章 Bootstrap使用基礎 1

1．1 Bootstrap概述 1

1．1．1 Bootstrap的發展 1

1．1．2 Bootstrap的版本 2

1．1．3 瀏覽器支持 3

1．2 理解媒體查詢 4

1．2．1 媒體查詢的語法格式 4

1．2．2 媒體查詢的常用方式 5

1．3 使用Sass語言 10

1．3．1 安裝Sass 10

1．3．2 使用變數 12

1．3．3 嵌套CSS規則 13

1．3．4 導入Sass檔案 17

1．3．5 使用混合器 20

1．3．6 使用選擇器繼承 22

1．4 使用Bootstrap 23

1．4．1 下載和安裝Bootstrap 23

1．4．2 Bootstrap開發工具 25

1．4．3 Bootstrap起始模板 26

習題1 28

第2章 使用Bootstrap布局 29

2．1 布局基礎知識 29

2．1．1 包裝容器 29

2．1．2 回響斷點 33

2．1．3 堆疊順序 33

2．2 創建格線系統 34

2．2．1 工作原理 34

2．2．2 基本格線 36

2．2．3 回響格線 40

2．2．4 對齊方式 47

2．2．5 重新排序 51

2．2．6 列的嵌套 56

2．3 了解布局工具類 57

習題2 57

第3章 使用Bootstrap版式 59

3．1 CSS初始設定 59

3．1．1 頁面默認設定 59

3．1．2 常用元素設定 60

3．2 文檔排版 62

3．2．1 全局設定 62

3．2．2 設定標題 62

3．2．3 使用段落 64

3．2．4 內聯文本元素 65

3．2．5 使用縮略語 66

3．2．6 引用內容 67

3．2．7 使用摘要 68

3．2．8 使用列表 69

3．3 代碼排版 72

3．3．1 內聯代碼與代碼塊 72

3．3．2 變數、輸入和輸出 74

3．4 圖片排版 74

3．4．1 回響式圖片 74

3．4．2 圖像縮略圖 75

3．4．3 圖片對齊處理 76

3．4．4 使用picture元素 77

3．4．5 創建圖文框 78

3．5 表格排版 79

3．5．1 創建基本表格 79

3．5．2 設定表頭 80

3．5．3 設定條紋行效果 82

3．5．4 設定表格框線 84

3．5．5 設定懸停行效果 85

3．5．6 創建緊湊表格 87

3．5．7 表格著色 88

習題3 90

第4章 使用Bootstrap通用樣式 92

4．1 文本處理 92

4．1．1 設定文本對齊方式 92

4．1．2 換行和溢出 94

4．1．3 字母大小寫轉換 95

4．1．4 字型粗細和傾斜 96

4．1．5 處理連結文本 97

4．2 設定顏色 98

4．2．1 設定文本顏色 98

4．2．2 設定背景顏色 100

4．2．3 設定漸變色背景 101

4．3 設定框線和陰影 103

4．3．1 添加或移除框線 103

4．3．2 設定框線顏色 105

4．3．3 設定框線半徑 106

4．3．4 設定陰影效果 107

4．4 設定大小和邊距 108

4．4．1 設定元素大小 109

4．4．2 設定邊距 111

4．5 設定浮動和定位 114

4．5．1 實現浮動方式 114

4．5．2 設定定位方式 115

4．5．3 設定溢出方式 117

4．5．4 處理嵌入內容 118

4．6 設定彈性盒布局 119

4．6．1 設定顯示方式 119

4．6．2 創建彈性盒布局 122

4．6．3 設定項目對齊方式 124

4．6．4 設定項目寬度 127

4．6．5 設定自動邊距 128

4．6．6 設定換行方式 130

4．6．7 設定項目順序 132

4．6．8 對齊內容 133

4．7 使用其他樣式 135

4．7．1 設定垂直對齊方式 135

4．7．2 創建延伸連結 137

4．7．3 定義關閉圖示 138

習題4 139

第5章 使用Bootstrap組件（上） 141

5．1 使用按鈕 141

5．1．1 創建基本按鈕 141

5．1．2 設定按鈕背景顏色 142

5．1．3 設定按鈕輪廓顏色 143

5．1．4 設定按鈕大小 144

5．1．5 設定按鈕狀態 145

5．2 使用按鈕組 146

5．2．1 創建基本按鈕組 146

5．2．2 設定按鈕組大小 147

5．2．3 創建按鈕工具列 148

5．2．4 使用嵌套按鈕組 150

5．2．5 垂直排列按鈕組 151

5．3 使用下拉選單 152

5．3．1 創建單一按鈕下拉選單 152

5．3．2 創建分割按鈕下拉選單 155

5．3．3 設定下拉按鈕大小 158

5．3．4 設定選單展開方向 159

5．3．5 設定下拉選單偏移 160

5．3．6 設定選單對齊方式 161

5．3．7 設定選單項狀態 162

5．3．8 添加更多選單內容 163

5．4 使用導航組件 164

5．4．1 創建基本導航組件 165

5．4．2 設定導航對齊方式 166

5．4．3 創建垂直布局導航 167

5．4．4 創建選項卡式導航 168

5．4．5 創建膠囊式導航 169

5．4．6 設定填充和對齊 170

5．4．7 創建選項卡內容區域 172

習題5 174

第6章 使用Bootstrap組件（中） 176

6．1 使用警告框 176

6．1．1 創建警告框 176

6．1．2 添加更多內容 177

6．1．3 添加關閉功能 178

6．2 使用徽章 179

6．2．1 創建徽章組件 179

6．2．2 設定徽章顏色 181

6．2．3 創建橢圓形徽章 181

6．2．4 創建連結徽章 182

6．3 使用媒體對象 183

6．3．1 創建媒體對象 183

6．3．2 創建嵌套媒體對象 184

6．3．3 設定媒體對齊方式 185

6．3．4 設定內容排列順序 186

6．3．5 創建媒體對象列表 187

6．4 使用超大螢幕 188

6．4．1 創建超大螢幕 188

6．4．2 設定超大螢幕風格 189

6．5 使用表單 190

6．5．1 定義表單控制項 190

6．5．2 使用複選框和單選按鈕 194

6．5．3 設定表單組 197

6．5．4 創建格線表單 198

6．5．5 創建內聯表單 203

6．5．6 使用幫助文本 204

6．5．7 禁用表單 205

6．6 使用輸入組 206

6．6．1 創建基本輸入組 206

6．6．2 設定輸入組尺寸 208

6．6．3 組合複選框或單選按鈕 209

6．6．4 多項輸入組合 210

6．6．5 多類型控制項組合 211

習題6 212

第7章 使用Bootstrap組件（下） 214

7．1 使用進度條 214

7．1．1 創建進度條 214

7．1．2 設定進度條樣式 215

7．1．3 設定進度條風格 217

7．2 使用導航欄 220

7．2．1 創建導航欄 220

7．2．2 設定導航欄配色方案 222

7．2．3 設定導航欄定位方式 223

7．3 使用列表組 225

7．3．1 創建基本列表組 225

7．3．2 創建水平列表組 226

7．3．3 設定列表組樣式 227

7．3．4 定製列表組內容 229

7．4 使用麵包屑 232

7．4．1 創建麵包屑 232

7．4．2 設定分隔設定 233

7．5 使用分頁 234

7．5．1 創建分頁組件 234

7．5．2 在分頁中使用圖示 235

7．5．3 設定分頁大小 236

7．5．4 設定分頁對齊方式 237

7．6 使用載入指示器 238

7．6．1 創建載入指示器 238

7．6．2 設定載入指示器樣式 239

7．6．3 載入指示器按鈕 241

7．7 使用卡片 242

7．7．1 創建基本卡片組件 242

7．7．2 卡片的內容類型 243

7．7．3 在卡片中添加導航 244

7．7．4 在卡片中添加圖片 245

7．7．5 設定卡片樣式 247

7．7．6 設定卡片布局 248

習題7 253

第8章 使用jQuery外掛程式（上） 255

8．1 外掛程式基礎 255

8．1．1 外掛程式分類 255

8．1．2 安裝外掛程式 256

8．1．3 調用外掛程式 256

8．1．4 選項、方法和事件 257

8．2 使用按鈕外掛程式 258

8．2．1 切換按鈕狀態 258

8．2．2 單選按鈕與複選按鈕 259

8．3 使用工具提示外掛程式 260

8．3．1 創建工具提示外掛程式 260

8．3．2 調用工具提示外掛程式 261

8．3．3 處理工具提示事件 263

8．4 使用彈出框外掛程式 264

8．4．1 創建彈出框外掛程式 264

8．4．2 調用彈出框外掛程式 266

8．4．3 處理彈出框事件 268

8．5 使用警告框外掛程式 269

8．5．1 關閉警告框 269

8．5．2 處理警告框事件 272

8．6 使用模態框外掛程式 273

8．6．1 創建模態框外掛程式 273

8．6．2 設定模態框

對齊方式和尺寸 275

8．6．3 調用模態框外掛程式 277

8．6．4 處理模態框事件 279

8．7 使用摺疊外掛程式 281

8．7．1 創建摺疊外掛程式 281

8．7．2 控制多個目標 282

8．7．3 實現手風琴效果 283

8．7．4 調用摺疊外掛程式 285

8．7．5 處理摺疊事件 287

習題8 288

第9章 使用jQuery外掛程式（下） 290

9．1 使用下拉選單外掛程式 290

9．1．1 調用下拉選單外掛程式 290

9．1．2 處理下拉選單事件 293

9．2 使用選項卡外掛程式 295

9．2．1 創建選項卡外掛程式 295

9．2．2 調用選項卡外掛程式 296

9．2．3 處理選項卡事件 299

9．3 使用提示框外掛程式 301

9．3．1 創建提示框外掛程式 301

9．3．2 設定提示框的位置 305

9．3．3 調用提示框外掛程式 306

9．3．4 處理提示框事件 308

9．4 使用輪播外掛程式 309

9．4．1 創建基本輪播外掛程式 310

9．4．2 添加控制按鈕和指示器 311

9．4．3 調用輪播外掛程式 313

9．4．4 處理輪播事件 315

9．5 使用滾動監聽 317

9．5．1 創建滾動監聽 317

9．5．2 調用滾動監聽 320

9．5．3 處理滾動監聽事件 321

習題9 322

作者簡介

趙增敏，高級講師，畢業於鄭州大學計算機軟體工程專業，曾就職於河南省科學院工作，現工作於河南信息工程學校。著作方向為：可視化編程、資料庫套用、多媒體技術套用、網頁製作、ASP/JSP/ PHP/ASP.NET動態Web網站開發、網路作業系統。