《Bootstrap實戰從入門到精通》是2017年中國水利水電出版社出版的圖書,作者是未來科技。
基本介紹
內容簡介,作者簡介,目錄,
內容簡介
《Bootstrap實戰從入門到精通》一書系統講解了Bootstrap技術的體系結構、基礎知識、組件外掛程式以及各種深度實戰套用。全書分為3大部分,共19章。第1部分(第1~3章)為Bootstrap基礎知識,主要介紹Bootstrap是什麼,如何使用Bootstrap,以及Bootstrap的技術特性;第2部分(第4~13章)為Bootstrap基本使用,主要介紹Bootstrap各種組件和外掛程式的使用,如何擴展Bootstrap,套用Bootstrap第三方外掛程式等;第3部分(第14~19章)為實戰,介紹了企業網站、WAP網站、網路相冊等6個利用Bootstrap實現的項目,可以讓讀者了解使用Bootstrap進行前端開發的全過程。
《Bootstrap實戰從入門到精通》配備了極為豐富的學習資源,其中配套資源有:238節教學視頻(可二維碼掃描)、素材源程式;拓展學習資源有:習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。
《Bootstrap實戰從入門到精通》適合作為Bootstrap入門、Bootstrap框架、JavaScript高級程式設計、HTML5移動開發人員的參考書,也可作為高等院校網頁設計、網頁製作、網站建設、Web前端開發等專業的教學參考書或相關機構的培訓教材。
作者簡介
未來科技,是由一群熱愛Web開發的青年骨幹教師組成的一個鬆散組織,主要從事Web開發、教學培訓、教材開發等業務。該群體編寫的同類圖書在很多網店上的銷量名列前茅,讓數十萬的讀者輕鬆跨進了Web開發的大門,為Web開發的普及和套用做出了積極貢獻。
目錄
第 1章 初識 Bootstrap
1.1Bootstrap 概述
1.1.1Bootstrap 發展歷史
1.1.2Bootstrap 的版本
1.1.3瀏覽器支持
1.2Bootstrap 特性
1.2.1Bootstrap 的構成
1.2.2Bootstrap 的特色
1.2.3Bootstrap 的功能
1.3Bootstrap 套用瀏覽
1.3.1Bootstrap 網站
1.3.2Bootstrap 外掛程式
1.4Bootstrap 開發工具和資源
1.4.1Bootstrap 開發工具
1.4.2Bootstrap 資訊
第 2章 使用 Bootstrap
2.1下載和定製 Bootstrap
2.1.1下載 Bootstrap
2.1.2定製 Bootstrap
2.2認識 Bootstrap 結構
2.2.1源碼版 Bootstrap檔案結構
2.2.2編譯版 Bootstrap檔案結構
2.3安裝 Bootstrap
2.3.1 本地安裝
2.3.2線上安裝
2.4案例實戰
2.4.1設計按鈕
2.4.2設計 Tabs組件
2.4.3設計企業首頁
第 3章Bootstrap基本架構
3.1回響式設計
3.1.1認識回響式設計
3.1.2回響式設計流程
3.1.3設計回響式圖片
3.1.4設計回響式布局結構
3.1.5自適應顯示頁面
3.1.6設計回響式網站
3.2使用 Bootstrap 柵格系統
3.2.1網頁柵格系統設計基礎
3.2.2認識 Bootstrap 柵格系統
3.2.3Bootstrap 回響設備類型
3.2.4Bootstrap 設備優先化柵格
3.2.5Bootstrap固定柵格和流式柵格
3.2.6Bootstrap柵格堆疊和水平排列
3.2.7列偏移
3.2.8列嵌套
3.2.9列排序
第 4章CSS 通用樣式
4.1版式
4.1.1標題
4.1.2文本
4.1.3強調
4.1.4對齊
4.1.5縮略語
4.1.6地址
4.1.7引用
4.1.8列表
4.1.9代碼
4.2表格
4.2.1最佳化結構
4.2.2默認風格
4.2.3個性風格
4.2.4表格行風格
4.2.5回響式表格
4.3表單
4.3.1可支持表單控制項
4.3.2默認風格
4.3.3布局風格
4.3.4外觀風格
4.3.5狀態風格
4.4按鈕
4.4.1默認風格
4.4.2定製風格
4.4.3狀態風格
4.5圖片
4.6工具類
4.6.1小工具類
4.6.2回響式工具
第 5章CSS 組件(上)
5.1正確使用 CSS組件
5.2下拉選單
5.2.1定義下拉選單
5.2.2設定下拉選單
5.3按鈕組
5.3.1定義按鈕組
5.3.2定義按鈕導航條
5.3.3設計按鈕布局和樣式
5.4按鈕式下拉選單
5.4.1定義按鈕式下拉選單
5.4.2設計分隔樣式
5.4.3設計向上彈出式選單
5.5導航
5.5.1定義導航組件
5.5.2設定導航選項
5.5.3綁定導航和下拉選單
5.5.4激活標籤頁
5.6導航條
5.6.1定義導航條
5.6.2綁定對象
5.6.3設計導航條
第 6章CSS 組件(下)
6.1麵包屑和分頁
6.1.1定義麵包屑
6.1.2定義分頁組件
6.1.3設定分頁選項
6.1.4定義翻頁組件
6.2標籤和徽章
6.3縮略圖
6.3.1認識圖像占位符
6.3.2定義縮略圖
6.4警告框
6.4.1定義警告框
6.4.2添加關閉按鈕
6.4.3添加連結
6.5進度條
6.5.1定義進度條
6.5.2設定個性進度條
6.6媒體
6.6.1媒體版式
6.6.2媒體列表
6.7版式
6.7.1大螢幕區塊
6.7.2頁面標題
6.7.3列表組
6.7.4面板
6.7.5Well
6.8輸入框
6.8.1修飾文本框
6.8.2設計尺寸
6.8.3按鈕文本框
6.8.4按鈕式下拉選單
6.8.5定義分段按鈕下拉選單
6.9字型圖示
第 7章JavaScript 外掛程式(上)
7.1外掛程式概述
7.1.1外掛程式分類
7.1.2安裝外掛程式
7.1.3調用外掛程式
7.1.4共享外掛程式
7.1.5事件
7.1.6過渡效果
7.2模態框
7.2.1定義模態框
7.2.2調用模態框
7.2.3控制模態框
7.2.4添加用戶行為
7.3下拉選單
7.3.1調用下拉選單
7.3.2添加用戶行為
7.4滾動監聽
7.4.1定義滾動監聽
7.4.2調用滾動監聽
7.4.3添加用戶行為
7.5標籤頁
7.5.1定義標籤頁
7.5.2調用標籤頁
7.5.3添加用戶行為
7.6工具提示
7.6.1定義工具提示
7.6.2調用工具提示
7.6.3添加用戶行為
第 8章JavaScript 外掛程式(下)
8.1彈出框
8.1.1定義彈出框
8.1.2調用彈出框
8.1.3添加用戶行為
8.2警告框
8.2.1定義警告框
8.2.2添加用戶行為
8.3按鈕
8.3.1定義按鈕
8.3.2設定狀態
8.4摺疊
8.4.1定義摺疊
8.4.2調用摺疊
8.4.3添加用戶行為
8.5輪播
8.5.1定義輪播
8.5.2調用輪播
8.5.3添加用戶行為
8.6Affix
8.6.1定義 Affix
8.6.2調用 Affix
第 9章Bootstrap源碼解析
9.1CSS 組件設計原則
9.1.1類型
9.1.2模組
9.1.3擴展
9.1.4設備優先
9.1.5基於 HTML5
9.2全局樣式
9.2.1設計思路
9.2.2樣式重用
9.2.3CSS重設
9.3JavaScript 外掛程式
9.3.1結構分析
9.3.2公共類定義
9.3.3外掛程式定義
9.3.4避免污染
9.3.5Data接口
9.4外掛程式封裝
9.4.1基本套式
9.4.2嚴格模式
9.4.3this指針
第 10章 擴展組件
10.1組件擴展概述
10.1.1CSS覆蓋
10.1.2線上定製
10.1.3第三方生成器
10.1.4LESS定製
10.1.5模組化修改
10.1.6擴展建議
10.2案例:擴展分頁組件
10.2.1自定義形狀
10.2.2自定義顏色
第 11章 開發外掛程式
11.1jQuery外掛程式概述
11.1.1jQuery 外掛程式形式
11.1.2jQuery 外掛程式規範
11.1.3封裝代碼
11.1.4定義參數
11.1.5擴展功能
11.1.6保護隱私
11.1.7避免破壞性
11.2案例實戰
11.2.1設計思路
11.2.2效果預覽
11.2.3配置參數
11.2.4代碼實現
第 12章 使用第三方外掛程式
12.1Bsie
12.1.1使用Bsie 外掛程式
12.1.2手動修補 Bsie
12.2BootStrap Metro
12.3Color Picker
12.3.1使用Color picker
12.3.2配置Color picker
12.4Date Picker
12.4.1使用Date picker
12.4.2配置Date picker
12.5jQuery UI Bootstrap
12.6Flat UI
第 13章 配置 Bootstrap樣式
13.1認識 LESS
13.1.1LESS概述
13.1.2LESS基本特性
13.1.3比較LESS和 SASS
13.1.4LESS參考和工具
13.2使用 LESS
13.3LESS基本語法
13.3.1變數
13.3.2樣式混合
13.3.3參數混合
13.3.4模式匹配
13.3.5條件表達式
13.3.6嵌套規則
13.3.7運算
13.3.8Color 函式
13.3.9Math函式
13.3.10作用域
13.3.11命名空間
13.3.12注釋
13.3.13導入
13.3.14字元串插值
13.3.15轉義字元
13.3.16JavaScript 表達式
13.4在 Bootstrap 3.0中使用 LESS
第 14章 案例開發:服裝品牌網站
14.1設計思路
14.1.1內容
14.1.2結構
14.1.3效果
14.2首頁設計
14.2.1編寫結構
14.2.2設計樣式
14.2.3設計圖片焦點效果
14.2.4設計設備回響樣式
14.3其他頁設計
14.3.1設計師展示
14.3.2聯繫表單
14.3.3關於我們
14.3.4品牌展示
第 15章 案例開發:酒店預定微信 wap 網站
15.1設計思路
15.1.1內容
15.1.2結構
15.1.3效果
15.2設計首頁
15.3設計登錄頁
15.4選擇城市
15.5選擇酒店
15.6預定酒店
第 16章 案例開發:團隊行銷網站
16.1設計思路
16.1.1網站結構
16.1.2設計效果
16.2準備工作
16.3設計導航條
16.4設計主體內容
16.4.1歡迎界面
16.4.2服務項目
16.4.3資料夾
16.4.4關於我們
16.4.5團隊成員
16.4.6互動表單
第 17章 案例開發:個人攝影相冊
17.1設計思路
17.1.1網站結構
17.1.2設計效果
17.2準備工作
17.3設計單視圖導航條
17.4設計主體內容
17.4.1焦點視圖
17.4.2關於我們
17.4.3作品集
17.4.4聯繫我們
第 18章 案例開發:單詞分享網站
18.1準備工作
18.1.1定製Bootstrap
18.1.2初始化 Bootstrap
18.2首頁設計
18.2.1設計思路
18.2.2設計結構
18.2.3設計主選單和按鈕
18.2.4設計輪播廣告位
18.2.5設計新聞區和著作權區版式
18.3閱讀頁設計
18.3.1設計回響式主選單
18.3.2設計附加導航選單
18.3.3設計頁面版式
18.4小組頁面設計
18.5打卡頁設計
18.5.1設計頁面格線系統
18.5.2設計滾動監聽和附加導航
18.6詞根頁面設計
第 19章 案例開發:企業網站
19.1設計思路
19.1.1網站結構
19.1.2設計效果
19.2準備工作
19.3設計頁頭
19.4設計實用導航
19.5設計回響式布局
19.6設計腳註