3dwoo大學簡體電腦書店
Bootstrap 4 Web設計與開發實戰
( 簡體 字)
作者:楊旺功類別:1. -> 程式設計 -> 網路編程 -> Bootstrap
出版社:清華大學出版社Bootstrap 4 Web設計與開發實戰 3dWoo書號: 53167
詢問書籍請說出此書號!
有庫存
NT售價: 295
出版日:7/1/2020
頁數:286
光碟數:0
站長推薦:
印刷:黑白印刷語系: ( 簡體 字 )
ISBN:9787302554660 加入購物車加到我的最愛 (請先登入會員)
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社)
第1章Bootstrap從何而來 1
1.1初識Bootstrap 1
1.2什么是響應式設計 2
1.3響應式設計四大原則 3
1.3.1移動優先還是PC優先 3
1.3.2內容流 4
1.3.3位圖還是矢量圖 4
1.3.4相對單位還是固定單位 4
1.4Bootstrap設計目標 5
1.4.1優先針對移動設備 5
1.4.2瀏覽器支持 5
1.4.3響應式設計 6
1.5本章小結 6
第2章Bootstrap開發環境 7
2.1Bootstrap開發環境概述 7
2.1.1下載Bootstrap開發包 7
2.1.2Bootstrap開發包目錄結構 9
2.1.3在網站中使用Bootstrap框架 10
2.2調用Bootstrap樣式 11
2.3調用Bootstrap組件 14
2.4調用BootstrapJS特效 15
2.5實戰:一個Bootstrap實現的響應式頁面 16
2.6本章小結 18
第3章Bootstrap腳手架 19
3.1Bootstrap全局樣式 19
3.1.1什么是全局樣式 19
3.1.2基于HTML5文檔類型 19
3.1.3屏幕、排版與鏈接 20
3.2柵格系統 21
3.2.1默認柵格系統 21
3.2.2流式柵格系統 24
3.3頁面布局 26
3.3.1固定布局和流式布局 27
3.3.2Bootstrap4彈性布局(FlexBox) 27
3.4響應式設計 28
3.4.1啟用響應式特性 28
3.4.2響應式Bootstrap特點 28
3.4.3Bootstrap支持的設備 29
3.4.4響應式布局輔助類 29
3.4.5響應式FlexBox的重要類 30
3.5從Less到Sass 34
3.6本章小結 34
第4章Bootstrap樣式設計 35
4.1Bootstrap排版 35
4.1.1標題 35
4.1.2頁面主體 38
4.1.3強調 38
4.1.4縮略語 41
4.1.5地址 42
4.1.6引用 42
4.1.7列表 43
4.1.8描述 47
4.1.9代碼 47
4.2Bootstrap表格 49
4.2.1默認樣式表格 49
4.2.2斑馬紋樣式表格 51
4.2.3圓角邊框樣式表格 52
4.2.4鼠標懸停樣式表格 53
4.2.5帶行屬性樣式表格 55
4.3Bootstrap按鈕 56
4.3.1默認樣式按鈕 56
4.3.2按鈕大小樣式 58
4.3.3特殊樣式按鈕 59
4.4Bootstrap圖片 61
4.5本章小結 61
第5章Bootstrap組件設計 62
5.1Bootstrap下拉菜單 62
5.1.1標簽 62
5.1.2對齊方式與彈出方向 63
5.1.3禁用 65
5.2Bootstrap按鈕組 65
5.2.1基本按鈕組 66
5.2.2工具欄按鈕組 66
5.2.3垂直按鈕組 67
5.3Bootstrap按鈕式下拉菜單 68
5.4Bootstrap導航 71
5.4.1默認標簽導航 71
5.4.2pills標簽導航 72
5.4.3堆疊式標簽導航 73
5.4.4下拉菜單式標簽導航 74
5.4.5標簽頁式導航 75
5.4.6菜單項的居中 77
5.5Bootstrap導航條 78
5.5.1默認樣式導航條 78
5.5.2導航條表單 79
5.5.3小屏幕的折疊導航條 80
5.6Bootstrap分頁 82
5.6.1標準分頁方式 82
5.6.2翻頁分頁方式 84
5.6.3分頁方式中的字體 84
5.7Bootstrap標簽與徽章 86
5.8Bootstrap進度條 87
5.8.1基本樣式進度條 87
5.8.2斜條紋樣式進度條 88
5.8.3堆疊樣式進度條 89
5.9被刪除的Glyphicons字體圖標 89
5.10本章小結 91
第6章Bootstrap插件設計 92
6.1Bootstrap插件概述 92
6.1.1單個或全部引入 92
6.1.2data屬性 93
6.1.3事件 93
6.2Bootstrap模態對話框 93
6.2.1模態對話框說明 94
6.2.2靜態模態對話框 94
6.2.3動態模態對話框 95
6.3Bootstrap下拉菜單(高級版) 98
6.4Bootstrap滾動監聽 101
6.5Bootstrap可切換式標簽頁 104
6.6Bootstrap提示框 107
6.6.1工具提示框 107
6.6.2彈出框 109
6.6.3警告框 113
6.7Bootstrap按鈕 114
6.7.1狀態按鈕 114
6.7.2復選按鈕 116
6.7.3單選按鈕 117
6.8Bootstrap中的卡片與折疊 118
6.9Bootstrap幻燈 121
6.10本章小結 123
第7章Bootstrap響應式多媒體 124
7.1Bootstrap圖標的響應式 124
7.2Bootstrap圖像的響應式 126
7.2.1可適配的圖像 126
7.2.2圖像網格 128
7.3Bootstrap視頻的響應式 133
7.4本章小結 134
第8章Bootstrap扁平化風格頁面 135
8.1扁平化設計概述 135
8.1.1介紹 135
8.1.2設計理念 136
8.1.3頁面架構 136
8.2頁眉設計 137
8.2.1導航條 138
8.2.2導航條圖標 138
8.2.3導航條功能菜單 139
8.2.4頁眉標題 144
8.3左側導航設計 145
8.4頁面主體設計 148
8.4.1圖片列表 148
8.4.2提交表單 150
8.4.3文本列表 153
8.5頁腳設計 155
8.6本章小結 156
第9章Bootstrap圖片幻燈頁面 157
9.1圖片幻燈風格頁面設計概述 157
9.2頁眉設計 158
9.3頁面主體設計 160
9.3.1圖片幻燈 160
9.3.2圖標列表 162
9.3.3圖片特輯 164
9.4本章小結 165
第10章Bootstrap風格按鈕 166
10.1風格按鈕設計概述 166
10.2形狀與尺寸風格按鈕 167
10.3邊框風格按鈕 169
10.4下拉菜單風格按鈕 171
10.5按鈕組風格按鈕 172
10.6本章小結 174
第11章Bootstrap響應式表格設計 175
11.1表格設計概述 175
11.2Bootstrap基本表格 177
11.3Bootstrap數組表格 179
11.4BootstrapAjax表格 180
11.5本章小結 182
第12章Bootstrap響應式圖表設計 183
12.1圖表設計概述 183
12.2柱狀圖圖表 185
12.3折線圖圖表 187
12.4餅狀圖圖表 191
12.5本章小結 195
第13章jQueryUIBootstrap工具 196
13.1jQueryUIBootstrap工具概述 196
13.1.1jQueryUI工具 196
13.1.2jQueryUIBootstrap工具 197
13.1.3jQueryUIBootstrap應用 197
13.2按鈕(Button) 198
13.2.1基本樣式按鈕 199
13.2.2Set樣式按鈕 200
13.2.3工具條樣式按鈕 202
13.3折疊面板(Accordion) 203
13.4對話框(Dialog) 206
13.4.1非模態對話框 206
13.4.2模態對話框 208
13.5標簽頁 211
13.5.1基本樣式標簽頁 211
13.5.2可編輯樣式標簽頁 213
13.6Overlay與Shadow 220
13.7Highlight與Error 221
13.8日期選擇器(Datepicker) 223
13.9滑塊 224
13.9.1水平滑塊 224
13.9.2垂直滑塊 225
13.10自動完成 227
13.11下拉菜單 229
13.12提示信息 231
13.13微調按鈕 233
13.14本章小結 236
第14章jQueryMobile框架與Bootstrap主題風格 237
14.1jQueryMobile+Bootstrap概述 237
14.1.1jQueryMobile框架 237
14.1.2Bootstrap主題風格 238
14.1.3應用開發基礎 238
14.2主頁設計 240
14.3按鈕設計 242
14.4列表設計 245
14.5導航設計 248
14.6表單設計 252
14.6.1輸入框 252
14.6.2滑塊 254
14.6.3切換開關 256
14.6.4復選框 258
14.6.5單選框 261
14.6.6下拉菜單 263
14.6.7提交按鈕 265
14.7本章小結 269
第15章實戰:應用Bootstrap實現一個貼吧管理頁面 270
15.1項目設計概述 270
15.2頁面布局設計 271
15.2.1引入Bootstrap框架 271
15.2.2實現頁面布局代碼 272
15.3頁面導航欄設計 273
15.3.1構建導航的整體架構 273
15.3.2設計標題和導航鏈接 274
15.3.3設計搜索框和通知系統 275
15.3.4設計管理員登錄系統 276
15.3.5設計響應式導航 278
15.4左側邊欄設計 280
15.5頁面主體設計 281
15.5.1頁面主體功能的頭部 282
15.5.2頁面主體功能的帖子列表 284
15.6本章小結 287
附錄CSS選擇器速覽 288
全書分為三篇,從目錄能讓讀者一看就懂,第一篇介紹Bootstrap的環境搭建和創建第一個使用Bootstrap的網頁;第二篇詳細介紹Bootstrap中各個組件的使用,包括特效、多媒體、網頁布局等等,這些能幫我們快速開發Web頁面;第三篇是實戰篇,利用網頁中常見的一些表格、圖表、問答案例,幫助我們更深入的學習Bootstrap的使用。
Bootstrap是Twitter公司推出的一款前端開發框架,在當前的Web和移動Web應用設計領域中非常受歡迎。基于Bootstrap框架可以實現前端UI設計與后臺業務邏輯設計的協作開發,可以完美地實現響應式布局界面,可以無縫適配如PC、平板和手機等多種設備終端,可以說Bootstrap是所有前端開發框架中的集大成者。
目前圖書市場關于Bootstrap框架開發的圖書不少,但真正從實際應用出發,通過具體案例來指導讀者提高應用開發水平的圖書卻不多。本書以實戰為主旨,通過大量的代碼實例與項目實例,讓讀者全面、深入、透徹地理解Bootstrap框架開發的各種熱門技術、主流框架及其整合使用,提高實際開發水平和項目實戰能力。
關于Bootstrap框架
? Bootstrap不僅是一個CSS框架
我們知道,Bootstrap框架是基于CSS標準構建的,但如果僅僅認為其是一個前端CSS框架就太狹隘了。Bootstrap框架最初是由Twitter公司的兩個員工發布的,旨在能夠讓Web應用適應各種不同的設備終端,一經推出就受到業內開發人員的廣泛關注。隨著Bootstrap框架的快速發展,很快成為開發跨平臺和跨設備應用的首選前端技術。
目前,Bootstrap已經是一款集成HTML 5、CSS 3和JavaScript技術的開發框架,自身已經構成了獨立的開發體系,基于Bootstrap二次開發的插件也非常受歡迎。因此,Bootstrap不再僅僅是一個CSS框架,它涵蓋的內容已經十分廣泛了。
? Bootstrap框架的主流地位
Bootstrap框架在學習上需要花費一定的功夫,但在使用上還是照顧設計人員的常規思路,對于有前端開發基礎的設計人員來說還是易學易用的。
Bootstrap框架的移動開發特性與當前移動互聯網在蓬勃發展的大背景下,二者是相得益彰、相互助力。一方面,隨著移動應用程序的大行其道,促使了Bootstrap框架的不斷改進與完善;另一方面,隨著Bootstrap框架性能的不斷提升,可以幫助前端設計開發人員利用Bootstrap框架開發出更強大的移動應用程序。可以說,Bootstrap框架已經占據了移動應用開發的主流地位。
? 本書與Bootstrap框架
許多人在學習Bootstrap框架的時候經常會搞混一些概念和用法。從某種角度來說,Bootstrap框架是一系列前端技術的集合,并且是不斷向前發展的技術。為了幫助那些對移動開發感興趣的讀者在較短的時間內掌握Bootstrap框架開發技術,筆者編寫了本書。
本書首先從Bootstrap框架的基礎入手,讓讀者理解Bootstrap框架究竟如何使用。然后針對Bootstrap框架的內容由淺入深一一進行講解,尤其是在移動開發中的應用,以期讀者能夠掌握Bootstrap框架的核心內容。最后講解基于Bootstrap框架的開發實戰,讓讀者快速成為高效而專業的開發者。
本書更新的內容
Bootstrap框架已經發展到了v4版本,為了跟上移動互聯網的步伐,Bootstrap默認就是響應式的,所以很多組件和類都發生了巨大的變化,相對以前的版本本書升級了以下內容。
(1)增加了FlexBox彈性布局的知識。
(2)更新CSS樣式,從Less到Sass。
(3)分頁組件進行重大調整。
(4)label組件和badge組件合并。
(5)全部內容在Bootstrap 4中重新測試。
本書特色
? 內容豐富,覆蓋面廣
本書基本涵蓋Bootstrap框架開發的所有常用知識點及開發工具。無論是初學者,還是有一定基礎的Web開發人員,通過閱讀本書都將獲益匪淺。
? 注重實踐,快速上手
本書不以枯燥乏味的理論知識作為講解的重點,而是從實踐出發,將必要的理論知識和大量的開發實例相結合,并將筆者多年的實際項目開發經驗貫穿于全書的講解中,讓讀者可以在較短的時間內理解和掌握所學的知識。
? 內容深入、專業
本書直擊要害,先從標準文檔入手,深入淺出地講解Web技術的原理;然后結合移動Web開發的相關工具,介紹實際的移動Web開發,讓讀者學有所用。
? 實例豐富,隨學隨用
本書提供大量來源于真實Web開發項目的實例,并給出豐富的程序代碼及注釋。讀者通過研讀這些例子,可以了解實際開發中編寫代碼的思路和技巧,而且還可以直接復用這些代碼,以提高自己的開發效率。
本書體系
第一部分 Bootstrap基礎(第1、2章)
本部分涵蓋的內容包括Bootstrap框架的基礎知識和開發入門等內容。
第二部分 Bootstrap框架(第3~12章)
本部分主要介紹Bootstrap框架的腳手架、樣式設計、組件設計、插件設計與多媒體設計等相關的內容。
第三部分 Bootstrap實戰(第13~15章)
本部分詳細講解使用Bootstrap框架開發Web應用與移動應用的實戰方法,包括多個Web應用與移動應用的案例。
源碼下載與技術支持
本書示例源代碼請掃描右邊二維碼下載。如果有疑問,請聯系,郵件主題為“Bootstrap 4 Web設計”。
本書讀者
? Bootstrap初學者
? 需要全面學習Bootstrap移動應用開發技術的人員
? Web前端開發工程師
? 移動應用開發人員
? 高等院校和培訓學校相關專業的師生


作 者
2020年4月
pagetop