Bootstrap實(shí)戰(zhàn)

定　價(jià)：￥49.00

作　者：	科克倫（David Cochran），惠特利，（Ian，Whitley）著；李松峰譯
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	計(jì)算機(jī)/網(wǎng)絡(luò) 軟件工程/開發(fā)項(xiàng)目管理

購買這本書可以去

ISBN：	9787115388872	出版時(shí)間：	2015-05-01	包裝：
開本：		頁數(shù)：		字?jǐn)?shù)：

內(nèi)容簡介

　　基于最新Bootstrap 3.0撰寫五大應(yīng)用實(shí)例，全面掌握Bootstrap使用技巧學(xué)會(huì)重編輯LESS文件和使用Bootstrap的JS插件Bootstrap是前端開發(fā)中應(yīng)用非常廣泛的一個(gè)框架，最早是Twitter公司內(nèi)部的一個(gè)工具，開源之后迅速得到了各方的認(rèn)可?！禕ootstrap實(shí)戰(zhàn)》基于最新的Bootstrap 3撰寫，在簡單介紹了安裝與配置之后就直奔主題，分別討論了個(gè)人作品站點(diǎn)、WordPress主題、企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站和單頁營銷網(wǎng)站等幾個(gè)最具代表性的應(yīng)用案例，結(jié)合這些案例細(xì)致地剖析了Bootstrap還有LESS的使用方式和技巧?！禕ootstrap實(shí)戰(zhàn)》適合所有前端開發(fā)人員及個(gè)人網(wǎng)站設(shè)計(jì)者閱讀參考。

作者簡介

　　David Cochran 現(xiàn)為俄克拉荷馬州衛(wèi)斯理大學(xué)副教授，自2005年以來一直講授交互設(shè)計(jì)。他重視最佳實(shí)踐，不喜歡走捷徑，推崇Web標(biāo)準(zhǔn)。2012年，David在webdesign.tutsplus.com上開設(shè)了Bootstrap 2.0系列教程專欄。他還在Packt Publishing出版過一個(gè)小書Twitter Bootstrap Web Development How-To 。閑暇時(shí)間，David會(huì)在自己網(wǎng)站alittlecode.com上寫寫博客。他還是媒體、設(shè)計(jì)和咨詢公司BitBrilliant的負(fù)責(zé)人。Ian Whitley 自幼愛好寫作。2010年，他對(duì)Web開發(fā)產(chǎn)生了深厚興趣，并投身其中。他很早就開始使用Twitter Bootstrap，而且在David Cochran的幫助下，很快就掌握了這個(gè)框架，并將其應(yīng)用到了很多項(xiàng)目中。目前，他多數(shù)情況下會(huì)使用Bootstrap為客戶創(chuàng)建WordPress模板。Ian是BitBrilliant公司的開發(fā)主管。

圖書目錄

目錄
第1 章初識(shí)Bootstrap 1
1.1 數(shù)量和質(zhì)量 1
1.1.1 與時(shí)俱進(jìn) 1
1.1.2 LESS 的威力 2
1.2 下載Bootstrap 2
1.3 準(zhǔn)備項(xiàng)目模板文件夾 4
1.3.1 下載H5BP 4
1.3.2 刪除不必要的樣板文件 4
1.3.3 理解樣板中的.htaccess 文件 5
1.3.4 更新必要的樣板文件 5
1.3.5 更新站點(diǎn)桌面和觸摸設(shè)備圖標(biāo) 5
1.4 加入Bootstrap 文件 5
1.4.1 字體 6
1.4.2 JavaScript 6
1.4.3 暫時(shí)不考慮CSS 文件 9
1.4.4 復(fù)制LESS 文件 9
1.5 大盤點(diǎn) 9
1.6 構(gòu)造HTML 模板 10
1.7 設(shè)定站點(diǎn)標(biāo)題 12
1.7.1 調(diào)整過時(shí)的瀏覽器消息 12
1.7.2 設(shè)置主結(jié)構(gòu)元素 13
1.8 導(dǎo)航條 14
1.9 編譯和鏈接默認(rèn)的Bootstrap CSS 15
1.9.1 編譯Bootstrap CSS 15
1.9.2 完成響應(yīng)式導(dǎo)航條 17
1.9.3 排除故障 19
1.9.4 支持IE8 20
1.10 小結(jié) 21
第2 章作品展示站點(diǎn) 23
2.1 設(shè)計(jì)目標(biāo) 23
2.2 查看練習(xí)文件 26
2.3 搭建傳送帶 28
2.4 創(chuàng)建響應(yīng)式分欄 30
2.5 把鏈接變成按鈕 31
2.6 理解LESS 32
2.6.1 嵌套規(guī)則 32
2.6.2 變量 33
2.6.3 混入 33
2.6.4 運(yùn)算式 34
2.6.5 導(dǎo)入文件 34
2.6.6 模塊化 35
2.7 根據(jù)需要定制Bootstrap 的LESS文件 35
2.8 添加Logo 圖片 38
2.9 調(diào)整導(dǎo)航項(xiàng)內(nèi)邊距 40
2.10 添加圖標(biāo) 41
2.11 添加Font Awesome 圖標(biāo) 43
2.12 調(diào)整導(dǎo)航項(xiàng)圖標(biāo)顏色 45
2.13 調(diào)整響應(yīng)式導(dǎo)航條斷點(diǎn) 47
2.14 調(diào)整傳送帶 47
2.14.1 把控件改成使用Font Awesome 圖標(biāo) 48
2.14.2 添加上、下內(nèi)邊距 50
2.14.3 強(qiáng)制圖片全寬 50
2.14.4 約束傳送帶的高度 51
2.14.5 重定位指示器 52
2.14.6 調(diào)整指示器外觀 54
2.15 調(diào)整分欄及其內(nèi)容 56
2.16 修飾頁腳 60
2.17 接下來做什么 62
2.18 小結(jié) 63
第3 章 WordPress 主題 64
3.1 下載并重命名Roots 主題 64
3.2 安裝主題 66
3.3 配置導(dǎo)航條 69
3.4 添加首頁內(nèi)容 71
3.5 自定義頁面模板 75
3.6 理解Roots 的基準(zhǔn)模板 76
3.7 創(chuàng)建自定義的基本模板 79
3.8 在自定義結(jié)構(gòu)中使用自定義欄目 81
3.9 創(chuàng)建自定義的內(nèi)容模板 83
3.9.1 通過自定義欄目構(gòu)建傳送帶 84
3.9.2 使用自定義欄目構(gòu)建三欄內(nèi)容 87
3.10 加入頁腳內(nèi)容 88
3.11 Roots 的assets 文件夾里有什么 89
3.12 更換設(shè)計(jì)資源 90
3.13 鏈接樣式表 91
3.14 鏈接JavaScript 文件 92
3.15 為導(dǎo)航條和頁腳添加Logo 圖片 94
3.16 添加圖標(biāo)鏈接 96
3.17 恢復(fù)WordPress 特有的樣式 97
3.18 小結(jié) 99
第4 章企業(yè)網(wǎng)站 100
4.1 準(zhǔn)備啟動(dòng)文件 103
4.2 頁頭區(qū) 105
4.2.1 把Logo 放到導(dǎo)航條上方 105
4.2.2 調(diào)整導(dǎo)航條 108
4.3 添加實(shí)用導(dǎo)航 110
4.4 調(diào)整響應(yīng)式導(dǎo)航 112
4.5 調(diào)整配色 115
4.6 調(diào)整折疊后的導(dǎo)航條配色 116
4.7 設(shè)計(jì)復(fù)雜的響應(yīng)式布局 120
4.7.1 調(diào)整中、寬布局 122
4.7.2 調(diào)整標(biāo)題、字體大小和按鈕 124
4.7.3 增大主欄 126
4.7.4 調(diào)整第三欄 128
4.7.5 針對(duì)多個(gè)視口進(jìn)行微調(diào) 131
4.8 復(fù)雜的頁腳 131
4.8.1 準(zhǔn)備標(biāo)記 131
4.8.2 調(diào)整布局適應(yīng)平板 132
4.8.3 針對(duì)性地清除 134
4.8.4 修整細(xì)節(jié) 135
4.9 小結(jié) 138
第5 章電子商務(wù)網(wǎng)站 139
5.1 商品頁的標(biāo)記 141
5.2面包屑、頁面標(biāo)題和分頁導(dǎo)航 142
5.3 調(diào)整商品網(wǎng)格 145
5.4 側(cè)邊欄和篩選選項(xiàng) 150
5.4.1 基本布局 152
5.4.2 Clearance Sale 按鈕 152
5.4.3 選項(xiàng)列表 154
5.4.4 為選項(xiàng)鏈接添加Font Awesome 圖標(biāo)復(fù)選框 156
5.4.5 使用LESS 混入在欄中對(duì)齊選項(xiàng) 159
5.4.6 針對(duì)平板和手機(jī)調(diào)整選項(xiàng)列表布局 159
5.4.7 在手機(jī)上折疊選項(xiàng)面板 161
5.5 小結(jié) 165
第6 章單頁營銷網(wǎng)站 166
6.1 概況 166
6.2 初始文件 169
6.3 了解頁面內(nèi)容 169
6.4 調(diào)整導(dǎo)航條 170
6.5 定制高清圖 171
6.6 美化功能列表 178
6.7 裝飾用戶評(píng)論區(qū) 182
6.7.1 定位及美化說明 183
6.7.2 調(diào)整說明元素的位置 186
6.7.3 添加Bootstrap 的網(wǎng)格類 187
6.7.4 下載并鏈接JavaScript 插件 188
6.7.5 初始化Masonry 插件 189
6.7.6 切齊圖片 191
6.7.7 適應(yīng)小微屏幕 194
6.8 吸引人的價(jià)目表 194
6.8.1 準(zhǔn)備變量、文件和標(biāo)記 195
6.8.2 表格頭 197
6.8.3 表體和表腳 199
6.8.4 為不同的價(jià)目表添加不同的樣式 200
6.8.5 適配小視口 202
6.8.6 突出重要的表格 205
6.9 最后的調(diào)整 209
6.10 為導(dǎo)航條添加ScrollSpy 211
6.11 小結(jié) 213
附錄A 優(yōu)化站點(diǎn)資源 214
附錄B 實(shí)現(xiàn)響應(yīng)式圖片 218
附錄C 讓傳送帶支持手勢(shì) 225