Bootstrap回響式網站開發實例教程

內容簡介

在移動開發中，Bootstrap已經成為當前流行的前端UI框架，《喇轎跨Bootstrap回響式網站開發實例教程》通過大量案例和代碼講解，詳細介紹了Bootstrap的核心開發原理，從而使讀者掌握Bootstrap的強大功能，具備用Bootstrap 及相關外掛程式設紙漏鴉計用戶互動的能力。

《Bootstrap回響式網站開發實例教程》共9章，分3篇，第1篇為Bootstrap基礎，包括第1、2章，主要介紹Bootstrap的基礎知識與開發入門等內容；第2篇為Bootstrap框架，包括第3～8章，主要介紹與Bootstrap柵格系統、Bootstrap框架與基礎布局、Bootstrap組件設計、Bootstrap外掛程式設計等相關內容；第3篇為Bootstrap實戰，包括第9章，主要介紹基於Bootstrap框架開發Web套用的過程與方法。

《Bootstrap回響式網站開發實例教程》可以作為高職高專院校計算機及相關專業課程的教材，也適合負責網頁前端和後端的程式人員閱讀、網站的企劃人員和視覺設計人員參考，還可供想學習和了解利用Bootstrap開發回響式網站的人員自學和參考。

圖書目錄

前言

第1篇 Bootstrap基礎

第1章回響式網站簡介

1.1 認識回響式網頁布局

1.1.1 回響式網站

1.1.2 回響式網頁布局的優缺點

1.1.3 回響式設計概念

1.1.4 認識視口

1.2 流式格線

1.2.1 格線設計

1.2.2 流式布局

1.3 媒體查詢實現回響式布局

1.3.1 媒體查詢基礎

1.3.2 使用方法

1.3.3 設定方式

1.3.4 媒體類型

1.3.5 判斷條件

1.3.6 媒體特徵

1.4 回響式布局中的圖像與字型

1.4.1 流式圖悼拔雄灑像

1.4.2 字型使用

1.5 案例：體驗回響式布局中的圖像與字型

1.5.1 案例展示

1.5.2 案例分析

1.5.3 案例實現

1.5.4 案例拓展

1.6 習題與項目實踐

第2章 Bootstrap概述

2.1 Bootstrap 簡介

2.1.1 初識Bootstrap

2.1.2 使用Bootstrap的優勢

2.1.3 瀏覽器與設備支持

2.1.4 環境搭建

2.1.5 Hello World實例

2.2 Bootstrap 使用基礎

2.2.1 基本的Bootstrap使用模板

2.2.2 設定文檔類型

2.2.3 回響式圖像

2.3 案例：嘗試Bootstrap布局企業導航區

2.3.1 案例展示

2.3.2 案例分析

2.3.3 案例實現

2.3.4 案例拓展

2.4 習題與項目實踐微定察

第2篇 Bootstrap框架

第3章 Bootstrap柵格系統

3.1 Bootstrap柵格系統的原理

3.1.1 柵格系統的實現原理

3.1.2 柵格系統的工作原理

3.1.3 回響式柵格

3.1.4 回響式實用工具

3.2 柵格系統的常用方法

3.2.1 移動與調整列的位置

3.2.2 調整列的排序

3.2.3 列嵌套排版

3.3 案例：企業內容展示頁面製作

3.3.1 案例閥淋展示

3.3.2 案例分析

3.3.3 案例實現

3.3.4 案例拓展

3.4 習題與項目實踐

第4章 Bootstrap基礎布局

4.1 基礎排版

4.1.1 標題

4.1.2 段落

4.1.3 文本樣式

4.2 列表

4.2.1 有序列表和無序列表

4.2.2 無樣式與內聯列表

4.2.3 定義列表

4.3 按鈕

4.3.1 預定義按鈕

4.3.2 按鈕尺寸

4.3.3 按鈕的激活與禁用狀態

4.4 其他輔助類

4.4.1 背景色

4.4.2 關閉與下拉三角符號按鈕

4.4.3 快速浮動與塊漏戒凳居中顯示

4.4.4 清除浮動

4.4.5 元素的顯示與隱藏

4.5 案例：招應聘信息發布

4.5.1 案例展示

4.5.2 案例分析

4.5.3 案例實現

4.5.4 案例拓展

4.6 習題與項目實踐

第5章 Bootstrap表格

5.1 網頁中的表格

5.1.1 表格簡介

5.1.2 表格的基本元素淚采驗閥

5.1.3 創建表格

5.2 Bootstrap 中的表格

5.2.1 基本型表格

5.2.2 條紋狀表格

5.2.3 帶框線的表格

5.2.4 滑鼠懸停表格

5.2.5 緊縮型表格

5.2.6 狀態類表格

5.2.7 回響式表格

5.3 案例：商品列表數據展示

5.3.1 案例展示

5.3.2 案例分析

5.3.3 案例實現

5.3.4 案例拓展

5.4 習題與項目實踐

第6章 Bootstrap表單

6.1 表單布局的類型

6.1.1 基本型表單

6.1.2 內聯型表單

6.1.3 水平排列型表單

6.2 表單中控制項的分類

6.2.1 Bootstrap支持的表單控制項

6.2.2 靜態控制項

6.3 表單控制項的狀態

6.3.1 焦點狀態

6.3.2 禁用狀態

6.3.3 驗證狀態

6.3.4 控制項尺寸

6.3.5 表單幫助文本

6.4 案例：用戶信息註冊頁面製作

6.4.1 案例展示

6.4.2 案例分析

6.4.3 案例實現

6.4.4 案例拓展

6.5 習題與項目實踐

第7章使用Bootstrap布局組件

7.1 字型圖示

7.1.1 字型圖示簡介

7.1.2 使用字型圖示

7.2 下拉選單

7.2.1 認識下拉選單

7.2.2 下拉選單的使用

7.3 按鈕組

7.3.1 認識按鈕組

7.3.2 設計按鈕導航條

7.3.3 按鈕式下拉選單

7.4 輸入框組

7.4.1 認識輸入框組

7.4.2 創建輸入框組

7.5 導航

7.5.1 認識導航元素

7.5.2 兩端對齊導航選單

7.5.3 禁用的連結

7.5.4 帶有下拉選單的導航

7.6 導航欄

7.6.1 認識導航欄

7.6.2 回響式導航欄

7.6.3 導航欄的其他特效

7.6.4 麵包屑導航

7.7 分頁

7.7.1 認識分頁

7.7.2 分頁類的其他輔助類

Bootstrap回響式網站開發實例教程

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條