Bootstrap Web 前端開發技術 (微課版)
肖立莉 劉德山
買這商品的人也買了...
-
嵌入式系統設計實務－電路與驅動程式$250$225 -
Using SQLite (Paperback)$1,710$1,620 -
ASP.NET 本質論$520$411 -
$700Professional Scrum Development with Microsoft Visual Studio 2012 (Paperback) -
Raspberry Pi 使用者手冊 (Raspberry Pi User Guide)$580$522 -
SQL Server 效能調校$450$351 -
Beginning Big Data with Power BI and Excel 2013: Big Data Processing and Analysis Using PowerBI in Excel 2013 (Paperback)$1,580$1,501 -
$403系統分析與設計:敏捷迭代方法(原書第6版) -
IoT Solutions in Microsoft's Azure IoT Suite: Data Acquisition and Analysis in the Real World$3,300$3,135 -
$958深度學習 -
演算法之美：隱藏在資料結構背後的原理 (C++版)$650$507 -
$454JSON 實戰 -
$269大數據技術 -
手機攝影必學 BOOK：用OX帶你學會拍人物、食物、風景等情境照片$398$299 -
創意競擇：從賈伯斯黃金年代的軟體設計機密流程，窺見蘋果的創意方法、本質與卓越關鍵$460$414 -
Web 開發者一定要懂的駭客攻防術 (Web Security for Developers: Real Threats, Practical Defense)$420$357 -
資料科學的統計實務 : 探索資料本質、扎實解讀數據，才是機器學習成功建模的第一步$599$509 -
Martin Fowler 的企業級軟體架構模式：軟體重構教父傳授 51個模式，活用設計思考與架構決策 (Patterns of Enterprise Application Architecture)$800$624 -
我懂了！專案管理 (暢銷紀念版)$400$316 -
電腦視覺機器學習實務｜建立端到端的影像機器學習 (Practical Machine Learning for Computer Vision: End-To-End Machine Learning for Images)$780$616 -
Learning Blazor: Build Single-Page Apps with Webassembly and C# (Paperback)$2,185$2,070 -
FPGA 設計與開發零基礎入門到精通$354$336 -
Smaller C｜用於小型機器之精實程式碼 (Smaller C: Lean Code for Small Machines)$680$537 -
淨零轉型$550$495 -
ESG 綠色數位轉型 ─ AIoT 永續與雙軸轉型應用$450$356
相關主題
商品描述
本書系統介紹Bootstrap 5的相關知識及其應用，知識全面、案例豐富、易學易用。本書共11章，內容可以歸納為4部分，即Bootstrap 5的基本知識、彈性佈局和柵格佈局、組件和表單、實際網站的設計和實現；同時，本書還將Bootstrap 5與之前的版本及DIV+CSS佈局進行對比，從多個維度介紹基於Bootstrap 5的Web前端開發技術的優勢。此外，編者細致整理了本書所有案例的源碼和素材資源，以便讀者扎實學習並系統掌握Bootstrap 5這一Web前端開發框架。
本書可作為普通高等院校、高職高專院校網站設計相關課程的教材，也可作為信息技術類相關專業學生和Web前端開發人員的參考書。
作者簡介
刘德山：
辽宁师范大学教授，现任辽宁省计算机基础教育学会副理事长/秘书长，全国计算机基础教育研究会理事，全国计算机仿真学会理事。主讲Web前端开发技术、Python程序设计、Java程序设计等课程。主编《HTML5+CSS3 Web前端开发技术（第2版）》《C++STL基础（第2版）》《Java程序设计》《Java程序设计实验指导》《Java设计模式深入研究》等教材，其中《C++STL基础》2014年获第2批普通高等教育十二五国家级规划教材。
目錄大綱
【章名目錄】
第 1章 Bootstrap概述
第 2章 Bootstrap 5的基礎樣式
第3章 Bootstrap 5的工具類
第4章 Bootstrap 5的彈性佈局
第5章 Bootstrap 5的柵格佈局
第6章 Bootstrap 5的組件（一）
第7章 Bootstrap 5的組件（二）
第8章 Bootstrap 5的表單
第9章 定製與優化Bootstrap 5
第 10章 綜合案例1——Web學習網站的設計
第 11章 綜合案例2——產品展示網站的設計
【詳細目錄】
第 1章 Bootstrap概述
1.1 認識Bootstrap 1
1.2 Bootstrap的版本 2
1.3 Bootstrap 5的特點 2
1.4 Bootstrap 5的內容 3
1.5 Bootstrap 5的下載 4
1.6 Bootstrap 5的結構 5
1.6.1 Bootstrap 5編譯版文件的目錄結構 5
1.6.2 Bootstrap 5源碼文件的目錄結構 6
1.7 引入Bootstrap 5 6
1.8 開發工具 7
1.8.1 VS Code 7
1.8.2 WebStorm 9
1.9 使用Bootstrap 5創建網頁 9
習題 14
第 2章 Bootstrap 5的基礎樣式
2.1 文字版式 16
2.1.1 樣式 16
2.1.2 標題 16
2.1.3 內聯文本元素 19
2.1.4 縮略語 19
2.1.5 引用 20
2.1.6 列表 21
2.2 圖片 23
2.3 表格 24
2.4 輪廓 28
習題 29
第3章 Bootstrap 5的工具類
3.1 認識工具類 30
3.1.1 工具類的引入 30
3.1.2 工具類的命名 31
3.2 顏色工具類 33
3.2.1 文本顏色和背景顏色 33
3.2.2 鏈接顏色 34
3.3 邊框工具類 35
3.3.1 添加和刪除邊框 35
3.3.2 圓角邊框 36
3.4 邊距工具類 37
3.4.1 外邊距和內邊距 37
3.4.2 響應式邊距 38
3.5 寬度和高度工具類 39
3.6 顯示和浮動工具類 41
3.6.1 顯示工具類 41
3.6.2 浮動工具類 44
3.7 文本工具類 45
3.7.1 文本對齊 45
3.7.2 文本換行 45
3.7.3 文本轉換 47
3.7.4 控制文本字號、樣式和行高等的工具類 47
3.8 其他工具類 48
3.8.1 彈性盒子工具類 48
3.8.2 位置工具類 49
3.8.3 陰影工具類 49
3.9 工具類的應用 49
習題 52
第4章 Bootstrap 5的彈性佈局
4.1 彈性佈局的概念 54
4.2 彈性佈局容器的樣式 55
4.2.1 項目對齊的工具類 56
4.2.2 排列方向的工具類 59
4.2.3 項目換行的工具類 60
4.3 彈性佈局項目的樣式 62
4.3.1 項目排序的工具類 62
4.3.2 項目伸縮的工具類 62
4.3.3 自身對齊的工具類 65
4.3.4 自動浮動的工具類 66
4.4 彈性佈局的應用 67
4.4.1 圖文混排的實現 67
4.4.2 響應式頁面的實現 69
習題 71
第5章 Bootstrap 5的柵格佈局
5.1 柵格佈局的基礎知識 73
5.1.1 視口和斷點 73
5.1.2 柵格佈局的原則 74
5.1.3 Bootstrap 5的設備參數 74
5.1.4 柵格佈局使用的類 75
5.2 自動佈局列 76
5.2.1 等寬列 76
5.2.2 自動寬度列 78
5.3 響應式佈局類 79
5.3.1 覆蓋所有設備 80
5.3.2 水平排列 80
5.3.3 匹配多種類型的設備 81
5.4 嵌套 82
5.5 列佈局 83
5.5.1 列排序 83
5.5.2 列偏移 84
5.6 柵格佈局的應用 86
習題 90
第6章 Bootstrap 5的組件（一）
6.1 按鈕和按鈕組 92
6.1.1 按鈕 92
6.1.2 按鈕組 94
6.2 導航 96
6.2.1 創建導航 96
6.2.2 兩種不同樣式的導航 97
6.2.3 標簽頁 97
6.3 導航條 99
6.3.1 創建基本樣式導航條 99
6.3.2 創建響應式導航條 100
6.3.3 在導航條中添加表單和下拉菜單 101
6.4 徽章 103
6.5 列表組和分頁 103
6.5.1 列表組 103
6.5.2 分頁 106
6.6 進度條 107
6.7 卡片 108
6.7.1 創建卡片 108
6.7.2 卡片的組成元素 109
6.7.3 用卡片實現的縮略圖 112
6.8 組件的應用——網站後台管理系統 113
6.8.1 頁面結構的描述 113
6.8.2 導航部分的設計 115
6.8.3 主體部分的設計 116
習題 119
第7章 Bootstrap 5的組件（二）
7.1 模態對話框 121
7.2 下拉菜單 123
7.3 提示組件 126
7.3.1 工具提示框 126
7.3.2 彈出提示框 127
7.3.3 警告框 128
7.4 折疊組件和手風琴組件 129
7.4.1 折疊組件 129
7.4.2 手風琴組件 131
7.5 輪播組件 133
7.5.1 創建輪播組件 133
7.5.2 輪播組件的結構 134
7.6 滾動監聽組件 135
7.6.1 監聽導航 135
7.6.2 監聽導航條 136
7.7 組件的應用——輪播廣告 138
7.7.1 頁面結構的描述 138
7.7.2 導航部分的設計 139
7.7.3 輪播廣告部分的設計 140
7.7.4 CSS代碼 142
習題 143
第8章 Bootstrap 5的表單
8.1 表單控件 145
8.1.1 輸入框 145
8.1.2 單選按鈕和復選框 147
8.1.3 下拉列表 150
8.1.4 滑動條 151
8.1.5 輸入框組 151
8.2 表單佈局 152
8.2.1 內聯表單 152
8.2.2 水平表單 154
8.2.3 復雜表單 156
8.3 表單的校驗 158
8.4 表單的應用——響應式表單 160
8.4.1 頁面結構的描述 160
8.4.2 導航部分的設計 161
8.4.3 表單部分的設計 162
8.4.4 CSS代碼 163
習題 165
第9章 定製與優化Bootstrap 5
9.1 CSS預處理程序 166
9.1.1 CSS預處理程序的概念 166
9.1.2 引入CSS預處理程序的原因 166
9.2 Sass的安裝與使用 168
9.2.1 安裝Ruby 168
9.2.2 安裝Sass和Sass命令 169
9.3 Sass的基本應用 170
9.3.1 使用變量 170
9.3.2 計算功能 171
9.3.3 選擇器嵌套 171
9.3.4 註釋 172
9.3.5 代碼重用 173
9.3.6 控制語句 176
9.4 Sass的擴展庫Compass 179
9.4.1 Compass的安裝 179
9.4.2 Compass的內置模塊 179
9.4.3 Compass的Helpers函數 183
9.5 Sass的應用——修改Bootstrap 5源碼 184
習題 186
第 10章 綜合案例1——Web學習網站的設計
10.1 頁面分析 187
10.1.1 頁面結構設計 187
10.1.2 引入Web框架 189
10.1.3 案例中的Bootstrap 5元素 190
10.2 頁頭部分的設計 190
10.2.1 頂部導航條 191
10.2.2 banner欄目 193
10.2.3 搜索欄目 194
10.3 課程和大綱等模塊的設計 195
10.4 學習路徑、教學團隊和問答等模塊的設計 198
10.4.1 學習路徑模塊 198
10.4.2 教學團隊模塊 199
10.4.3 問答模塊 202
10.5 頁腳部分的設計 203
習題 206
第 11章 綜合案例2——產品展示網站的設計
11.1 頁面分析 208
11.1.1 頁面結構設計 208
11.1.2 引入Web框架 210
11.1.3 案例中的全局樣式 211
11.2 頁頭部分的設計 211
11.3 輪播模塊的設計 213
11.4 熱點機型和智能電視模塊的設計 216
11.4.1 熱點機型模塊的設計 216
11.4.2 智能電視模塊的設計 219
11.5 特色產品模塊的設計 220
11.6 附件和頁腳的設計 224
習題 226
參考文獻
