Bootstrap實戰(zhàn)

定　價：￥69.00

作　者：	成林著
出版社：	機械工業(yè)出版社
叢編項：
標(biāo)　簽：	計算機與互聯(lián)網(wǎng) 網(wǎng)頁制作

購買這本書可以去

ISBN：	9787111444329	出版時間：	2013-11-10	包裝：	平裝
開本：	16開	頁數(shù)：	368	字?jǐn)?shù)：

內(nèi)容簡介

　　《Bootstrap實戰(zhàn)》由國內(nèi)資深前端工程師撰寫，是目前內(nèi)容最為全面和深入的Bootstrap專著。它不僅系統(tǒng)講解了Bootstrap的各項功能和使用方法，詳細(xì)講解了Bootstrap的組件、插件和擴展技術(shù)，而且深度解析了Bootstrap的內(nèi)核源代碼。本書實戰(zhàn)性強，為各個知識點都精心設(shè)計了輔助說明問題的小案例，最后還包含一個綜合性的大案例，不僅能滿足讀者系統(tǒng)學(xué)習(xí)理論知識的需求，還能滿足讀者充分實踐的需求?！禕ootstrap實戰(zhàn)》一共10章：第1章和第2章介紹了Bootstrap的構(gòu)成組件、功能特色、開發(fā)工具、應(yīng)用情況，以及它的下載和應(yīng)用解析；第3章對Bootstrap框架進(jìn)行了解析，包含全局樣式表、柵格系統(tǒng)、布局、響應(yīng)式設(shè)計等內(nèi)容；第4章講解了CSS樣式的優(yōu)化，包含頁面排版優(yōu)化、表格設(shè)計優(yōu)化、表單設(shè)計優(yōu)化、按鈕設(shè)計，以及圖片和圖標(biāo)的設(shè)計等內(nèi)容；第5~8章則分別講解了CSS動態(tài)樣式LESS的特性和使用、各種Bootstrap組件的特性和使用、各種Bootstrap插件的特性和使用、Bootstrap的擴展等內(nèi)容；第9章逐步講解了利用Bootstrap開發(fā)一個社區(qū)分享網(wǎng)站的全部流程和方法，是一個綜合性的大案例；第10章則對Bootstrap的內(nèi)核源代碼進(jìn)行了深入的分析。

作者簡介

　　成林，資深Web前端工程師，從事Web前端工作多年，精通CSS、HTML、JavaScript、jQuery和Ajax等Web前端技術(shù)，在實踐中積累了大量的經(jīng)驗。推崇Web技術(shù)標(biāo)準(zhǔn)，曾經(jīng)在多所高等院校和一些線下技術(shù)沙龍主講Web標(biāo)準(zhǔn)和規(guī)范相關(guān)的課程，還參與過W3C組織的標(biāo)準(zhǔn)化文檔的中文編譯工作。近兩年來，集中精力研究和實踐CSS 3與HTML 5前沿技術(shù)，在國內(nèi)是該領(lǐng)域的先驅(qū)者之一，已經(jīng)有較為深入的認(rèn)識和豐富的實踐經(jīng)驗。著有國內(nèi)第一本CSS 3著作《CSS 3實戰(zhàn)》。

圖書目錄

前言
第1章　為什么要學(xué)習(xí)Bootstrap 1
1.1　Bootstrap概述 2
1.1.1　Bootstrap的歷史 2
1.1.2　選擇Bootstrap的理由 3
1.1.3　一位程序員的話 4
1.1.4　Bootstrap構(gòu)成模塊 5
1.2　Bootstrap功能介紹 7
1.2.1　Bootstrap主要特色 7
1.2.2　Bootstrap主要功能 8
1.3　Bootstrap應(yīng)用項目賞析 9
1.3.1　Bootstrap優(yōu)秀網(wǎng)站 10
1.3.2　Bootstrap優(yōu)秀插件 11
1.4　Bootstrap版本變化 12
1.5　Bootstrap開發(fā)工具和參考資源 16
1.5.1　Bootstrap開發(fā)工具 16
1.5.2　Bootstrap參考資源 16
第2章　使用Bootstrap的準(zhǔn)備 18
2.1　下載和定制Bootstrap 19
2.1.1　下載Bootstrap 19
2.1.2　定制Bootstrap 20
2.2　Bootstrap的文件結(jié)構(gòu) 24
2.2.1　源碼版Bootstrap文件結(jié)構(gòu) 24
2.2.2　編譯版Bootstrap文件結(jié)構(gòu) 26
2.3　Bootstrap應(yīng)用解析 27
2.3.1　安裝Bootstrap 27
2.3.2　Bootstrap架構(gòu)解析 28
2.3.3　設(shè)計Bootstrap網(wǎng)頁模板 28
2.4　開發(fā)第一個Bootstrap示例 30
2.4.1　設(shè)計交互組件 30
2.4.2　設(shè)計頁面版式 31
第3章　Bootstrap框架解析 36
3.1　設(shè)計全局樣式表 37
3.1.1　CSS全局樣式設(shè)計思路 37
3.1.2　CSS規(guī)范和樣式重用 39
3.1.3　CSS重設(shè) 41
3.2　柵格系統(tǒng) 43
3.2.1　網(wǎng)頁柵格系統(tǒng)的設(shè)計技法 43
3.2.2　解析960柵格系統(tǒng) 46
3.2.3　Bootstrap柵格系統(tǒng) 50
3.2.4　響應(yīng)式Bootstrap柵格系統(tǒng) 54
3.3　Bootstrap布局 58
3.3.1　固定式布局 58
3.3.2　流式布局 59
3.3.3　布局嵌套 60
3.4　響應(yīng)式設(shè)計 61
3.4.1　什么是響應(yīng)式設(shè)計 61
3.4.2　設(shè)計響應(yīng)式圖片 64
3.4.3　設(shè)計響應(yīng)式布局結(jié)構(gòu) 67
3.4.4　自適應(yīng)顯示/隱藏頁面內(nèi)容 72
3.4.5　響應(yīng)式設(shè)計流程和實戰(zhàn) 76
3.4.6　響應(yīng)式Bootstrap 81
第4章　優(yōu)化CSS樣式 84
4.1　頁面排版優(yōu)化 85
4.1.1　標(biāo)題和字體風(fēng)格 85
4.1.2　文本強調(diào)風(fēng)格 88
4.1.3　文本對齊風(fēng)格 90
4.1.4　縮略語風(fēng)格 90
4.1.5　地址風(fēng)格 91
4.1.6　引用風(fēng)格 91
4.1.7　列表風(fēng)格 93
4.1.8　代碼風(fēng)格 95
4.2　表格優(yōu)化設(shè)計 98
4.2.1　優(yōu)化表格結(jié)構(gòu) 98
4.2.2　默認(rèn)風(fēng)格 98
4.2.3　表格個性風(fēng)格 100
4.2.4　表格行風(fēng)格 102
4.3　表單優(yōu)化設(shè)計 103
4.3.1　Bootstrap支持的表單控件 103
4.3.2　Bootstrap擴展的表單組件 106
4.3.3　默認(rèn)風(fēng)格 109
4.3.4　布局風(fēng)格 110
4.3.5　外觀風(fēng)格 111
4.3.6　狀態(tài)風(fēng)格 115
4.4　按鈕設(shè)計 117
4.4.1　默認(rèn)風(fēng)格 117
4.4.2　定制風(fēng)格 119
4.4.3　狀態(tài)風(fēng)格 120
4.5　圖片和圖標(biāo)設(shè)計 121
4.5.1　圖片風(fēng)格 121
4.5.2　圖標(biāo)風(fēng)格 122
第5章　CSS動態(tài)樣式——LESS 126
5.1　為什么要使用LESS 127
5.1.1　LESS概述 127
5.1.2　LESS的優(yōu)勢 127
5.1.3　LESS參考和工具 128
5.2　如何使用LESS 130
5.2.1　在客戶端使用LESS 130
5.2.2　在服務(wù)器端使用LESS 134
5.3　LESS包含哪些內(nèi)容 140
5.3.1　LESS基本特性 140
5.3.2　LESS主要功能 143
5.3.3　LESS和SASS 143
5.4　LESS動態(tài)語法 145
5.4.1　變量 145
5.4.2　混合 146
5.4.3　參數(shù)混合 146
5.4.4　模式匹配 148
5.4.5　條件表達(dá)式 151
5.4.6　嵌套規(guī)則 154
5.4.7　運算 156
5.4.8　顏色函數(shù) 156
5.4.9　數(shù)學(xué)函數(shù) 158
5.4.10　作用域 158
5.4.11　命名空間 159
5.4.12　注釋 160
5.4.13　導(dǎo)入 161
5.4.14　字符串插值 161
5.4.15　轉(zhuǎn)義字符 161
5.4.16　JavaScript表達(dá)式 162
5.5　Bootstrap與LESS結(jié)合 163
5.5.1　基于LESS的Bootstrap 163
5.5.2　Bootstrap變量 164
5.5.3　Bootstrap混合 169
第6章　使用Bootstrap組件 173
6.1　下拉菜單 174
6.1.1　快速體驗下拉菜單 174
6.1.2　設(shè)計下拉菜單 177
6.1.3　設(shè)計多級下拉菜單 178
6.1.4　設(shè)置下拉菜單選項 179
6.2　按鈕組 182
6.2.1　設(shè)計按鈕組 182
6.2.2　設(shè)計按鈕導(dǎo)航條 183
6.2.3　設(shè)計按鈕布局 183
6.3　按鈕式下拉菜單 184
6.3.1　設(shè)計按鈕式下拉菜單 184
6.3.2　設(shè)計分隔樣式 185
6.3.3　設(shè)計按鈕式下拉菜單布局 185
6.4　導(dǎo)航 186
6.4.1　設(shè)計導(dǎo)航組件 186
6.4.2　設(shè)置導(dǎo)航選項 187
6.4.3　綁定導(dǎo)航和下拉菜單 189
6.4.4　設(shè)計導(dǎo)航列表 190
6.4.5　激活標(biāo)簽頁 191
6.4.6　設(shè)計標(biāo)簽頁布局 193
6.5　導(dǎo)航條 194
6.5.1　設(shè)計導(dǎo)航條 194
6.5.2　綁定表單和下拉菜單 196
6.5.3　導(dǎo)航條布局 198
6.6　面包屑和分頁 201
6.6.1　設(shè)計面包屑 202
6.6.2　設(shè)計分頁組件 203
6.6.3　設(shè)置分頁選項 204
6.6.4　設(shè)計翻頁組件 206
6.7　標(biāo)簽與徽章 207
6.8　縮略圖 209
6.8.1　關(guān)于圖像占位符 209
6.8.2　設(shè)計縮略圖 210
6.9　警告框 213
6.9.1　設(shè)計警告框 213
6.9.2　添加關(guān)閉按鈕 215
6.10　進(jìn)度條 215
6.10.1　設(shè)計進(jìn)度條 216
6.10.2　設(shè)置個性進(jìn)度條 217
6.11　媒體 218
6.11.1　媒體版式 218
6.11.2　媒體列表 219
6.12　版式 220
6.12.1　Hero區(qū)塊 220
6.12.2　頁面標(biāo)題 221
6.13　其他組件 222
6.13.1　Well 222
6.13.2　關(guān)閉圖標(biāo) 223
6.13.3　輔助類 223
第7章　使用Bootstrap插件 224
7.1　JavaScript插件開發(fā)概述 225
7.1.1　使用Bootstrap插件 225
7.1.2　過渡效果 227
7.2　模態(tài)對話框 228
7.2.1　設(shè)計對話框 228
7.2.2　調(diào)用對話框 230
7.2.3　應(yīng)用對話框 232
7.3　下拉項 234
7.4　滾動監(jiān)聽 235
7.4.1　使用滾動監(jiān)聽插件 236
7.4.2　控制滾動監(jiān)聽 239
7.5　標(biāo)簽頁 241
7.5.1　使用標(biāo)簽頁插件 241
7.5.2　控制標(biāo)簽頁插件 243
7.6　工具提示 244
7.6.1　使用工具提示插件 245
7.6.2　控制工具提示插件 246
7.7　彈出提示 247
7.7.1　使用彈出提示插件 248
7.7.2　控制彈出提示插件 249
7.8　警告框 251
7.9　按鈕 253
7.10　折疊 256
7.10.1　使用折疊插件 256
7.10.2　控制折疊插件 259
7.11　輪播 262
7.11.1　使用輪播插件 262
7.11.2　控制輪播插件 264
7.12　輸入提示 268
7.13　附加導(dǎo)航 270
第8章　Bootstrap擴展 274
8.1　針對IE6、IE7的Bootstrap擴展 275
8.1.1　使用Bsie插件 276
8.1.2　手動修補Bsie 277
8.2　Bootstrap Metro 278
8.3　顏色選擇器 282
8.3.1　使用顏色選擇器 282
8.3.2　配置顏色選擇器 283
8.4　日期選擇器 286
8.4.1　使用日期選擇器 286
8.4.2　配置日期選擇器 287
8.5　jQuery UI Bootstrap 293
第9章　使用Bootstrap快速開發(fā)社區(qū)分享網(wǎng)站 300
9.1　準(zhǔn)備工作 301
9.1.1　定制Bootstrap 301
9.1.2　初始化Bootstrap 302
9.2　首頁設(shè)計 303
9.2.1　設(shè)計思路 303
9.2.2　設(shè)計結(jié)構(gòu) 305
9.2.3　設(shè)計主菜單和按鈕 306
9.2.4　設(shè)計輪播廣告位 308
9.2.5　設(shè)計新聞區(qū)和版權(quán)區(qū)版式 311
9.3　閱讀頁設(shè)計 312
9.3.1　設(shè)計響應(yīng)式主菜單 313
9.3.2　設(shè)計附加導(dǎo)航菜單 314
9.3.3　設(shè)計頁面版式 315
9.4　小組頁設(shè)計 317
9.5　打卡頁設(shè)計 320
9.5.1　設(shè)計頁面柵格系統(tǒng) 320
9.5.2　設(shè)計滾動監(jiān)聽和附加導(dǎo)航 322
9.6　詞根頁設(shè)計 323
第10章　Bootstrap內(nèi)核解碼 326
10.1　定義jQuery插件 327
10.1.1　jQuery插件形式 327
10.1.2　jQuery插件規(guī)范 327
10.1.3　jQuery插件封裝 329
10.1.4　jQuery插件優(yōu)化 331
10.2　Bootstrap設(shè)計思想 336
10.2.1　類型化 336
10.2.2　松散與耦合處理 338
10.2.3　繼承和可擴展性 340
10.3　Bootstrap框架解析 342
10.3.1　源碼結(jié)構(gòu) 342
10.3.2　類定義 343
10.3.3　插件定義 345
10.3.4　命名沖突解決 347
10.3.5　數(shù)據(jù)接口 347
10.4　Bootstrap內(nèi)核解疑 347
10.4.1　封裝形式 348
10.4.2　啟用嚴(yán)格模式 349
10.4.3　插件中的this 353"