《Bootstrap回響式Web開發》是2021年1月人民郵電出版社出版的圖書，作者是黑馬程式設計師。本書以通俗易懂的語言、豐富實用的案例，詳細講解Bootstrap的開發技術。
基本介紹
- 中文名：Bootstrap回響式Web開發
- 作者：黑馬程式設計師
- 出版社：人民郵電出版社
- ISBN：9787115547835
內容簡介,圖書目錄,作者簡介,
內容簡介
本書是面向移動Web開發學習者的一本入門教材，以通俗易懂的語言、豐富實用的案例，詳細講解Bootstrap的開發技術。
本書共8章，第1～3章講解Bootstrap和移動Web開發的基礎知識；第4章講解移動端頁面布局的相關知識；第5～7章講解Bootstrap的核心知識，包括柵格系統、常用組件和布局樣式的相關內容；第8章通過一個綜合項目—潮流穿搭網站，講解如何利用Bootstrap相關技術開發回響式網站。
本書既可作為高等教育本、專科院校計算機相關專業的教材，也可作為網站開發愛好者的參考讀物。
圖書目錄
第 1章 初識Bootstrap 001
1．1 Bootstrap概述 001
1．1．1 什麼是Bootstrap 001
1．1．2 Bootstrap的特點 001
1．1．3 Bootstrap的組成 002
1．2 瀏覽器 003
1．2．1 PC端的瀏覽器 003
1．2．2 移動端設備 003
1．2．3 移動端的瀏覽器 005
1．3 Visual Studio Code編輯器 005
1．3．1 什麼是Visual Studio Code 005
1．3．2 下載和安裝Visual Studio Code 005
1．3．3 使用Visual Studio Code 006
1．4 移動Web開發的主流方案 007
1．4．1 單獨製作移動端頁面 008
1．4．2 製作回響式頁面 008
本章小結 010
課後練習 010
第 2章 移動Web開發基礎（上） 012
2．1 視口 012
2．1．1 什麼是視口 012
2．1．2 利用Chrome瀏覽器模擬手機
螢幕 013
2．1．3 利用標籤設定視口 016
2．1．4 視口的常用設定 017
2．2 移動Web頁面的樣式編寫 017
2．2．1 利用Normalize．css初始化默認
樣式 017
2．2．2 設定box-sizing為border-box 019
2．2．3 設定移動端的特殊樣式 021
2．3 解析度和設備像素比 022
2．3．1 解析度 022
2．3．2 設備像素比 023
2．4 二倍圖 023
2．4．1 什麼是二倍圖 023
2．4．2 背景圖片的縮放 024
2．4．3 實現背景圖片的二倍圖 027
2．5 SVG矢量圖 027
2．5．1 什麼是SVG 028
2．5．2
2．5．3 從外部引入SVG檔案 029
本章小結 031
課後練習 031
第3章 移動Web開發基礎（下） 033
3．1 HTML5常用API 033
3．1．1 檢測網路連線 033
3．1．2 全螢幕操作 035
3．1．3 檔案讀取 037
3．1．4 地理定位 041
3．1．5 拖曳 052
3．1．6 Web存儲 055
3．1．7 播放視頻和音頻 059
3．2 移動端常用事件 065
3．2．1 touch事件概述 065
3．2．2 touch事件實現輪播圖效果 067
3．2．3 模擬移動端單擊事件 071
3．3 移動端常用外掛程式 072
3．3．1 Fastclick外掛程式的使用 072
3．3．2 利用Fastclick處理點透事件 073
3．3．3 iScroll外掛程式的使用 075
3．3．4 Swipe外掛程式的使用 077
3．3．5 Swiper外掛程式的使用 079
本章小結 081
課後練習 081
第4章 移動端頁面布局 083
4．1 移動端頁面常用布局 083
4．2 流式布局 084
4．3 彈性盒布局 086
4．3．1 什麼是彈性盒布局 086
4．3．2 彈性盒布局常用屬性 087
4．4 媒體查詢 091
4．4．1 什麼是媒體查詢 091
4．4．2 回響式布局容器 091
4．5 Rem適配布局 093
4．5．1 rem單位 093
4．5．2 通過媒體查詢和rem單位實現
元素大小動態變化 094
4．6 Sass 095
4．6．1 什麼是Sass 095
4．6．2 在Node．js環境中使用Sass 096
4．6．3 Sass語法格式 097
4．6．4 Sass編譯 098
4．6．5 Sass嵌套 098
4．6．6 Sass運算 099
4．7 Less 100
4．7．1 什麼是Less 100
4．7．2 Less語法格式 100
4．7．3 Less編譯 101
4．8 Bootstrap回響式布局 102
4．8．1 下載Bootstrap 102
4．8．2 預編譯的Bootstrap 103
4．8．3 Bootstrap源檔案 104
4．8．4 使用Bootstrap CDN 104
4．8．5 Bootstrap初體驗 105
本章小結 106
課後練習 107
第5章 Bootstrap柵格系統 108
5．1 柵格系統簡介 108
5．1．1 柵格系統概述 108
5．1．2 動手實現簡單版柵格系統 109
5．2 Bootstrap布局容器 111
5．2．1 布局容器 111
5．2．2 ．container-fluid類 112
5．2．3 ．container類 113
5．3 柵格系統的基本使用 114
5．3．1 柵格系統的行和列 114
5．3．2 學生信息表格案例 115
5．4 柵格系統的螢幕適配 117
5．4．1 柵格系統的類前綴 117
5．4．2 使用類前綴設定列的寬度 117
5．4．3 利用柵格系統實現導航欄效果 119
5．5 柵格系統中列的操作 121
5．5．1 柵格系統中的列嵌套 121
5．5．2 柵格系統中的列偏移 122
本章小結 124
課後練習 124
第6章 Bootstrap框架常用組件 126
6．1 組件基礎 126
6．1．1 什麼是組件 126
6．1．2 組件的優勢 126
6．1．3 Bootstrap組件的依賴檔案 127
6．2 Bootstrap常用組件 127
6．2．1 引入依賴檔案 128
6．2．2 按鈕 128
6．2．3 導航 130
6．2．4 麵包屑導航 131
6．2．5 分頁 132
6．2．6 列表 133
6．2．7 表單 134
6．2．8 按鈕組 135
6．2．9 輸入框組 136
6．3 Bootstrap實現選單功能 137
6．3．1 引入依賴檔案 137
6．3．2 摺疊選單 138
6．3．3 下拉選單 139
6．4 Bootstrap實現輪播圖功能 140
6．4．1 什麼是輪播圖 141
6．4．2 輪播圖的功能分析 141
6．4．3 輪播圖活動信息 142
6．4．4 輪播圖左側箭頭 143
6．4．5 輪播圖右側箭頭 143
6．4．6 輪播圖指示器 144
本章小結 144
課後練習 144
第7章 Bootstrap常用布局樣式 146
7．1 內容布局 146
7．1．1 標題類 146
7．1．2 文本類 149
7．1．3 列表類 154
7．2 代碼和圖文布局 157
7．2．1 代碼樣式 157
7．2．2 圖文樣式 158
7．3 表格布局 163
7．4 輔助樣式 165
7．4．1 框線樣式 165
7．4．2 背景顏色 166
本章小結 167
課後練習 168
第8章 綜合項目——潮流穿搭網站 169
8．1 項目分析 169
8．1．1 項目展示 169
8．1．2 創建項目目錄結構 172
8．2 前期準備 172
8．2．1 設定元素間距 172
8．2．2 設定字型圖示 173
8．2．3 頁面初始化 174
8．2．4 頁面結構 174
8．3 代碼講解 175
8．3．1 導航欄模組 175
8．3．2 輪播圖模組 178
8．3．3 潮流穿搭技巧模組 180
8．3．4 潮流穿搭風格模組 182
8．3．5 潮流穿搭新聞模組 184
8．3．6 合作夥伴和著作權聲明模組 185
本章小結 187
課後練習 187
作者簡介
黑馬程式設計師，傳智播客旗下高端IT教育品牌，成立於2006年，由中國Java培訓先行者張孝祥老師發起，聯合***大的中文IT社區CSDN、中關村軟體園共同創辦的一家專業教育機構。辦學至今，我們一直堅守著“為千萬人少走彎路而著書，為中華軟體之崛起而講課”的辦學理念，堅持培養優秀軟體套用工程師的宏偉目標，在累計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業。
