Bootstrap回響式網站開發實戰

《Bootstrap回響式網站開發實戰》是2018年1月清華大學出版社出版的圖書，作者是車雲月。

基本介紹

• 中文名：Bootstrap回響式網站開發實戰
• 作者：車雲月
• 出版社：清華大學出版社
• 出版時間：2018年1月
• 定價：49.8 元
• ISBN：9787302464167

內容簡介

Bootstrap 是2011 年8 月Tiwtter 推出的開源前端框架，現在Bootstrap 已經成為流行的前端UI 框架，本書著力於Bootstrap 的核心開發原理，通過大量案例和講解代碼的方式，讓讀者能感受Bootstrap 的LESS 檔案套用於自定義樣式的強大威力，以及掌握用Bootstrap 的JavaScript 外掛程式設計專業的用戶互動。案例由淺入深，既各自獨立，又環環相扣，豐富的代碼加上細緻的講解，讓讀者極易上手。

圖書目錄

第1 章 認識Bootstrap

1.1 為什麼要學習Bootstrap

1.2 Bootstrap 為何如此流行

1.2.1 功能強大和樣式美觀的強強聯合

1.2.2 高度可定製性

1.2.3 豐富的生態圈

1.2.4 布局兼容性良好

1.3 Bootstrap 的版本發展

1.3.1 Bootstrap 1

1.3.2 Bootstrap 2

1.3.3 Bootstrap 3

1.3.4 Bootstrap 4

本章總結

本章作業

第2 章 Bootstrap 框架基礎

2.1 引入Bootstrap

2.1.1 在自己的項目中引入Bootstrap ?

2.1.2 添加Bootstrap 的class 實現基本樣式

2.2 Bootstrap 的通用組件調用

2.3 添加JavaScript 動態效果

本章總結

本章作業

第3 章 Bootstrap 柵格系統

3.1 固定布局的概念

3.2 固定布局的柵格系統

3.3 流式布局的柵格系統

3.4 回響式布局的柵格系統

本章總結

本章作業

Bootstrap 回響式網站開發實戰

第4 章 Bootstrap 的基本樣式

4.1 字型版式

4.1.1 標題

4.1.2 全局設定

4.2 表格

4.3 按鈕

4.4 表單

4.5 圖片

本章總結

本章作業

第5 章 使用Bootstrap 的組件

5.1 下拉選單

5.2 按鈕組

5.3 input 控制項組

5.4 導航

5.5 頭部導航

5.6 列表組

5.7 分頁

5.8 標籤與徽章

5.9 縮略圖

5.10 面板

5.11 進度條

5.12 多媒體對象

本章總結

本章作業

第6 章 LESS 和SASS

6.1 為什麼要用CSS 預處理程式

6.1.1 CSS 不能設定變數

6.1.2 冗餘重複的代碼

6.1.3 無法實現計算功能

6.1.4 命名空間與作用域

6.1.5 CSS 缺陷總結

6.2 LESS 的套用

6.2.1 LESS 介紹

6.2.2 LESS 使用基礎

6.2.3 使用變數

6.2.4 使用混合

6.2.5 嵌套規則

?VII?

6.2.6 函式和運算

6.2.7 LESS 語言總結

6.3 SASS 的套用

6.3.1 SASS 介紹

6.3.2 SASS 安裝和使用

6.3.3 使用變數

6.3.4 計算

6.3.5 嵌套

6.3.6 代碼重用

6.3.7 高級用法

6.3.8 SASS 總結

6.4 使用SASS 的擴展庫Compass

6.4.1 Reset 模組

6.4.2 CSS3 模組

6.4.3 Utilities 模組

6.4.4 Helpers 函式

6.4.5 Compass 總結

本章總結

第7 章 使用Bootstrap 外掛程式

7.1 概述

7.2 過渡外掛程式

7.3 模態對話框

7.3.1 用法

7.3.2 對話框結構

7.4 標籤頁切換

7.4.1 標籤頁用法

7.4.2 用jQuery 實現標籤頁切換

7.5 工具提示條

7.5.1 用法

7.5.2 用js 使標籤頁生效

7.6 彈出框

7.6.1 用法

7.6.2 用js 使彈出框生效

7.7 提示信息

7.7.1 用法

7.7.2 選項

7.8 按鈕

7.8.1 按鈕的Loading 狀態

?VIII?

Bootstrap 回響式網站開發實戰

7.8.2 按鈕組的狀態設定

7.9 摺疊

7.9.1 用法

7.9.2 選項

7.10 幻燈片

7.10.1 用法

7.10.2 選項

本章總結

本章作業

第8 章 定製及最佳化Bootstrap

8.1 在官方網站進行Bootstrap 定製

8.2 修改原始碼定製Bootstrap

8.3 其他Bootstrap 資源

本章總結

本章作業

第9 章 開發回響式企業網站

9.1 布局企業站首頁

9.1.1 準備SASS

9.1.2 構建頁面框架

9.2 設計首頁

9.2.1 設計index 頁面導航

9.2.2 設計安全展示區

9.2.3 添加搜尋欄

9.2.4 主體內容區塊

9.2.5 添加另一主體內容區塊

9.2.6 添加一個兩欄圖文區塊

9.2.7 添加另一個兩欄圖文區塊

9.2.8 添加footer 區塊

9.2.9 添加頁面樣式

9.3 設計about.html 頁面

9.3.1 保留頁面通用部分，添加about.html 頁面區塊

9.3.2 添加頁面主體區塊

9.3.3 添加團隊展示區塊

9.3.4 添加另一標題區塊

9.3.5 為about.html 頁面添加樣式 ????

9.4 設計services.html 頁面

9.4.1 保留頁面通用部分，修改主體頁面區塊

9.4.2 添加what we do 區塊

?IX?

9.4.3 添加scss 樣式

9.5 設計blog.html 頁面

9.5.1 保留頁面通用部分，修改主體頁面區塊

9.5.2 添加blog.html 樣式

9.6 設計contact.html 頁面

9.6.1 保留頁面通用部分，添加公司地址

9.6.2 添加用戶表單

9.7 用媒體查詢進行移動端最佳化設計

本章總結

本章作業

第10 章 網站後台管理系統

10.1 項目開始

10.2 頁面布局

10.2.1 引入Bootstrap 3 框架

10.2.2 編寫布局代碼

10.3 實現導航欄

10.3.1 構建導航的框架代碼

10.3.2 填寫標題和導航連結

10.3.3 添加管理員和退出系統按鈕 ?

10.3.4 添加管理員登錄信息

10.3.5 為導航添加圖示並設定回響式導航

10.4 實現左側邊欄

10.5 實現主功能部分

10.5.1 主功能的頭部

10.5.2 內容管理的文章列表

本章總結

本章作業

第11 章 使用Bootstrap 實現電商網站

11.1 設計電商首頁index.html

11.1.1 搭建Bootstrap 框架

11.1.2 為商城創建導航選單

11.1.3 嚮導航添加和導航連結 ??

11.1.4 為頁面添加Banner

11.1.5 添加產品

11.1.6 為網站添加底部Footer

11.1.7 添加產品列表及產品介紹

11.2 設計購買頁面buy.html

11.3 設計列表頁category.html

?X?

Bootstrap 回響式網站開發實戰

11.4 設計產品詳情頁product.html

本章總結

本章作業

第12 章 Bootstrap 核心解碼

12.1 Bootstrap 設計思想

12.1.1 12 列柵格系統

12.1.2 樣式類型化

12.1.3 代碼鬆散與耦合的處理

12.1.4 繼承可擴展性

12.2 Bootstrap 框架解析

12.2.1 源碼結構

12.2.2 類定義

12.2.3 外掛程式定義

12.2.4 命名衝突的解決

12.2.5 數據接口

12.3 定義jQuery 外掛程式

12.3.1 jQuery 外掛程式形式

12.3.2 jQuery 外掛程式規範

12.3.3 jQuery 外掛程式封裝

本章總結

本章作業