瀏覽紀錄

TOP
【反詐騙】接到可疑電話該怎麼辦?提醒您「不碰不說」。聽到「訂單錯誤要操作ATM/網銀就是詐騙」!
1/1
絕版無法訂購
Bootstrap實戰(簡體書)
  • Bootstrap實戰(簡體書)

  • ISBN13:9787111444329
  • 出版社:機械工業出版社
  • 作者:成林
  • 裝訂/頁數:平裝/355頁
  • 規格:23.5cm*16.8cm (高/寬)
  • 版次:1
  • 出版日:2013/11/01
人民幣定價:69元
定  價:NT$414元
優惠價: 85352

絕版無法訂購

商品簡介

作者簡介

名人/編輯推薦

目次

  本書由國內資深前端工程師撰寫,是目前內容最為全面和深入的Bootstrap專著。它不僅系統講解了Bootstrap的各項功能和使用方法,詳細講解了Bootstrap的組件、插件和擴展技術,而且深度解析了Bootstrap的內核源代碼。本書實戰性強,為各個知識點都精心設計了輔助說明問題的小案例,最后還包含一個綜合性的大案例,不僅能滿足讀者系統學習理論知識的需求,還能滿足讀者充分實踐的需求。
  全書一共10章:第1章和第2章介紹了Bootstrap的構成組件、功能特色、開發工具、應用情況,以及它的下載和應用解析;第3章對Bootstrap框架進行了解析,包含全局樣式表、柵格系統、布局、響應式設計等內容;第4章講解了CSS樣式的優化,包含頁面排版優化、表格設計優化、表單設計優化、按鈕設計,以及圖片和圖標的設計等內容;第5~8章則分別講解了CSS動態樣式LESS的特性和使用、各種Bootstrap組件的特性和使用、各種Bootstrap插件的特性和使用、Bootstrap的擴展等內容;第9章逐步講解了利用Bootstrap開發一個社區分享網站的全部流程和方法,是一個綜合性的大案例;第10章則對Bootstrap的內核源代碼進行了深入的分析。

成林 
資深Web前端工程師,從事Web前端工作多年,精通CSS、HTML、JavaScript、jQuery和Ajax等Web前端技術,在實踐中積累了大量的經驗。推崇Web技術標準,曾經在多所高等院校和一些線下技術沙龍主講Web標準和規范相關的課程,還參與過W3C組織的標準化文檔的中文編譯工作。近兩年來,集中精力研究和實踐CSS 3與HTML 5前沿技術,在國內是該領域的先驅者之一,已經有較為深入的認識和豐富的實踐經驗。著有國內第一本CSS 3著作《CSS 3實戰》。
內容全面且深入,系統講解BootStrap的各項功能、組件、插件和擴展,深度解析BootStrap的內核源代碼
實戰性強,不僅為各個知識點精心設計了輔助說明問題的小案例,而且還包含一個綜合性的大案例
前  言
為什么要寫這本書
Boostrap是Twitter公司開發的一個基于HTML、CSS和JavaScript的技術框架,集合了最新的前端技術,為實現Web應用程序快速開發提供了一套前端工具包,包括布局、柵格、表格、按鈕、表單、導航、提示等。使用Bootstrap可以構建出非常優雅的前端界面,且占用資源非常少。
Bootstrap是目前非常流行的前端開發工具包,具有以下特色:
由業內權威專家開發。Twitter是互聯網領域的技術先驅,引領時代技術潮流,Twitter前端開發團隊是公認的最棒的團隊之一,整個Bootstrap項目由經驗豐富的工程師和設計師奉獻。
擁有龐大的用戶基礎和實踐基礎,值得信賴。
學習和應用門檻比較低,適合各種技術水平的人。
跨設備、跨瀏覽器,為移動開發提供了平穩的開發平臺。
提供12列柵格布局,使網頁布局變得很簡單。
支持響應式設計,滿足不同設備的顯示需求。
樣式化的文檔,使學習和參考變得直觀、方便。
開放式代碼庫,使Bootstrap成為眾多業內好手展示的舞臺,也極大豐富了Bootstrap代碼庫。
與jQuery完美融合,可定制jQuery插件。
選用LESS構建動態樣式,使動態樣式開發成為可能,降低了時間成本,卻可以編寫更快、更靈活的CSS樣式表。
支持HTML5標簽和語法,要求在HTML5文檔類型基礎上進行設計和開發。
支持CSS3所有屬性和標準,逐步改進組件以達到最終效果。
Bootstrap始于2011年8月,至今才剛滿兩年,但是Bootstrap旋風卻已刮遍了整個互聯網。各種較小的網站就不提了,國內外很多較有名的網站也采用了Bootstrap。對于設計能力不強也沒有太多時間去設計前端界面的用戶來說,Bootstrap價值巨大。Bootstrap的目的就是幫助開發人員快速開發原型,避免經常從零開始繪制白底黑邊的裸圖。
Bootstrap框架提供一級的視覺效果,且應用視覺效果是一致的,這一點其實是很難實現的。使用Bootstrap可以確保整個Web應用程序的風格完全一致,用戶體驗一致,操作習慣一致。如果希望整個網站的鏈接、按鈕、提醒都有統一的視覺效果,那就應該毫不猶豫地選擇Bootstrap,此外它還可以對不同級別的提醒使用不同的顏色。
快速應用,簡單而優雅,Bootstrap會讓Web應用程序看起來與Windows或GNOME下的程序一樣,按鈕一樣,對話框一樣,運行快速。越來越多的Web應用程序被直接放在桌面上運行,應用的一致性是趨勢,開發人員可以把精力放在業務上,而不是UI設計上。
本書主要內容和特色
本書系統講解Bootstrap技術的體系結構、基礎知識、基本用法,以及各種深度應用。它不是一本語法書,也不是技術全能書,不會告訴讀者怎么編寫HTML、CSS和JavaScript代碼,但它會告訴讀者如何駕馭Bootstrap,讓Bootstrap成為你的設計寶典、你的前端開發基地。在此基礎上,讀者可以拓展個人插件,讓設計成為一種分享和積累。
簡單來說,本書具有如下幾個特點(也許這些特點并不都適合你,但是只要滿足一條或幾條,那么閱讀本書或者把本書作為參考都是很合適的):
快速上手。Bootstrap是一個比較復雜的前端技術框架,對于基礎薄弱的讀者來說,初步使用Bootstrap會面臨很多困難和障礙。本書從下載Bootstrap框架開始,手把手地說明和演示,幫助讀者快速上手,旨在教會讀者正確使用Bootstrap,并應用Bootstrap所提供的全部功能。
扎實全面。Bootstrap是HTML、CSS和JavaScript技術框架,使用時應具備一定的基礎才能夠活學活用。本書知識點和技能點兼顧,系統而全面,確保讀者在無基礎的前提下能夠輕松閱讀、順暢理解、心領神會。
深入解碼。本書對于Bootstrap的剖析不僅關注知識面的系統,更強調技術的深度,特別是Bootstrap插件技術的開發;不僅對Bootstrap內部插件進行深入講解和剖析,還對插件的設計原理、途徑和方法進行解密,以幫助讀者用好Bootstrap插件,開發自己的Bootstrap插件。
下面就本書主要內容進行簡單說明和梳理。
第1章 為什么要學習Bootstrap
該章從知識角度重點介紹Bootstrap框架的前世今生,以及為什么要學習Bootstrap,如何開始學習等。
第2章 使用Bootstrap的準備
該章重點介紹如何使用Bootstrap,從下載Bootstrap框架、了解Bootstrap工具包類型和內部構成,到如何在頁面中正確使用Bootstrap,手把手幫你實現第一個Bootstrap開發示例。
第3章 Bootstrap框架解析
Bootstrap框架主要由動態CSS語言編寫,經過Node.js編譯后,Bootstrap就是眾多CSS的合集。該章就Bootstrap框架進行探索,以期幫助讀者掌握該框架的基本實現方式和設計思路,主要包括全局樣式表、柵格系統、Bootstrap布局、響應式設計等核心內容。
第4章 優化CSS樣式
CSS本身沒有可優化的,但是瀏覽器解析的默認標簽樣式卻不敢恭維。Bootstrap對常用標簽樣式進行優化,使其更耐看,更精致。Bootstrap的基礎CSS(Base CSS)提供了優雅、一致的多種基礎HTML頁面要素,包括排版、表格、表單、按鈕等,能夠滿足前端工程師的基本設計需求。
第5章 CSS動態樣式——LESS
LESS是一種半自動化的動態語言,它使CSS具備了初步編程的能力,在CSS的語法基礎之上,引入了變量、混合、運算和函數等特性,大大提升了CSS動態開發能力,降低了CSS的維護成本。就像它的名稱所表達的意思,LESS可以讓我們用更少的代碼做更多的事情。
第6章 使用Bootstrap組件
Bootstrap作為完整的前端工具集,內建了大量強大、優雅且可重用的組件。該章詳細介紹按鈕(button)、導航(navigation)、標簽(label)、徽章(badge)、排版(typography)、縮略圖(thumbnail)、提醒(alert)、進度條(progress bar)、雜項(miscellaneous)組件的結構和基本應用。
第7章 使用Bootstrap插件
Bootstrap自帶了13個JavaScript插件,這些插件為Bootstrap組件賦予了生命,因此用戶在學習使用Bootstrap組件的同時,還必須學習使用Bootstrap插件。該章將詳細介紹這些插件的使用技法。
第8章 Bootstrap擴展
雖然Bootstrap自帶很多JavaScript插件,但是一些常用的控件卻沒有,如Datepicker等。該章將介紹幾款比較流行的Bootstrap擴展插件,幫助讀者認識如何設計和使用Bootstrap外部插件,以彌補Bootstrap的不足之處。
第9章 使用Bootstrap快速開發社區分享網站
該章中的示例構建的主題是一個基本單詞分享的學習型網站,旨在幫助讀者學習如何用Bootstrap制作自己的響應式社區網站。Bootstrap是一個響應式框架,用它創建一個響應式Web應用程序將是一個偉大的起點。
第10章 Bootstrap內核解碼
該章從Bootstrap應用階段上升到源碼分析階段,幫助讀者掌握Bootstrap設計原理,為Bootstrap二次開發打好基礎。
讀者對象
本書適合以下讀者閱讀:
打算學習DIV+CSS的設計人員。
打算學習JavaScript的開發人員。
有意提升自己網站設計水平和Web應用程序開發能力的Web開發人員。
希望全面深入理解Bootstrap框架的初學者。
沒有UI設計經驗的程序員。
希望快速搭建界面的網頁設計人員。
此外,本書也適合熟悉下列相關技術的讀者閱讀:
PHP/ASP/JSP
jQuery
AJAX
HTML/XML
CSS
JavaScript
對于沒有計算機基礎知識的初學者,以及只想快速搭建網站UI和交互功能的讀者,閱讀本書前建議先閱讀HTML、CSS和JavaScript基礎教程類圖書。
如何閱讀本書
“工欲善其事,必先利其器”,在“善其事”之前,要先檢查“器”是否已經磨得足夠鋒利,是否能夠在前進的道路上披荊斬棘。無論將來的職業發展方向是架構師、設計師、分析師、管理者,還是其他職位,只要與Web設計打交道,就有必要打好技術基礎。本書涉及的是核心的Bootstrap框架技術,如果能全部理解并付諸實踐,一定可以提升讀者的Web設計和開發水平。
要用好本書,讀者應當準備一些HTML基礎知識,如果熟悉CSS樣式,將更容易理解一些設計規則。由于Bootstrap是一個前端綜合技術框架,因而如果讀者希望系統掌握Bootstrap,并開發自己的Bootstrap插件,則應該掌握JavaScript語言基礎;如果僅僅是為了用好Bootstrap,則可以不考慮。
資源和勘誤
本書編寫過程中得到了以下人員的幫助:馬本連、吳建華、江淑軍、李斌、李經鍵、鄭偉、田蜜、陸穎、王慧明、張煒、陳銳、王幼平、楊龍貴、蘇震巍、崔鵬飛等,非常感謝他們。由于作者的水平有限,加之編寫時間倉促,書中難免會出現一些錯誤或不準確的地方,懇請讀者批評指正。書中的全部源文件可以從華章網站(www.hzbook.com)下載。如果您有任何意見和建議,歡迎發送郵件至郵箱js_code@126.com,期待得到您的真誠反饋。
致謝
感謝機械工業出版社華章公司策劃編輯楊福川在這一年多的時間中始終支持我的寫作,他的鼓勵和幫助讓我順利完成了本書。
最后感謝我的父母,感謝他們的養育之恩,感謝他們時時刻刻給我信心和力量!
謹以此書獻給我最愛的家人,以及眾多熱愛網頁設計的朋友們!

成林
前言
第1章 為什么要學習Bootstrap
1.1 Bootstrap概述
1.1.1 Bootstrap的歷史
1.1.2 選擇Bootstrap的理由
1.1.3 一位程序員的話
1.1.4 Bootstrap構成模塊
1.2 Bootstrap功能介紹
1.2.1 Bootstrap主要特色
1.2.2 Bootstrap主要功能
1.3 Bootstrap應用項目賞析
1.3.1 Bootstrap優秀網站
1.3.2 Bootstrap優秀插件
1.4 Bootstrap版本變化
1.5 Bootstrap開發工具和參考資源
1.5.1 Bootstrap開發工具
1.5.2 Bootstrap參考資源
第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 安裝Bootstrap
2.3.2 Bootstrap架構解析
2.3.3 設計Bootstrap網頁模板
2.4 開發第一個Bootstrap示例
2.4.1 設計交互組件
2.4.2 設計頁面版式
第3章 Bootstrap框架解析
3.1 設計全局樣式表
3.1.1 CSS全局樣式設計思路
3.1.2 CSS規范和樣式重用
3.1.3 CSS重設
3.2 柵格系統
3.2.1 網頁柵格系統的設計技法
3.2.2 解析960柵格系統
3.2.3 Bootstrap柵格系統
3.2.4 響應式Bootstrap柵格系統
3.3 Bootstrap布局
3.3.1 固定式布局
3.3.2 流式布局
3.3.3 布局嵌套
3.4 響應式設計
3.4.1 什么是響應式設計
3.4.2 設計響應式圖片
3.4.3 設計響應式布局結構
3.4.4 自適應顯示/隱藏頁面內容
3.4.5 響應式設計流程和實戰
3.4.6 響應式Bootstrap
第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.2 表格優化設計
4.2.1 優化表格結構
4.2.2 默認風格
4.2.3 表格個性風格
4.2.4 表格行風格
4.3 表單優化設計
4.3.1 Bootstrap支持的表單控件
4.3.2 Bootstrap擴展的表單組件
4.3.3 默認風格
4.3.4 布局風格
4.3.5 外觀風格
4.3.6 狀態風格
4.4 按鈕設計
4.4.1 默認風格
4.4.2 定制風格
4.4.3 狀態風格
4.5 圖片和圖標設計
4.5.1 圖片風格
4.5.2 圖標風格
第5章 CSS動態樣式——LESS
5.1 為什么要使用LESS
5.1.1 LESS概述
5.1.2 LESS的優勢
5.1.3 LESS參考和工具
5.2 如何使用LESS
5.2.1 在客戶端使用LESS
5.2.2 在服務器端使用LESS
5.3 LESS包含哪些內容
5.3.1 LESS基本特性
5.3.2 LESS主要功能
5.3.3 LESS和SASS
5.4 LESS動態語法
5.4.1 變量
5.4.2 混合
5.4.3 參數混合
5.4.4 模式匹配
5.4.5 條件表達式
5.4.6 嵌套規則
5.4.7 運算
5.4.8 顏色函數
5.4.9 數學函數
5.4.10 作用域
5.4.11 命名空間
5.4.12 注釋
5.4.13 導入
5.4.14 字符串插值
5.4.15 轉義字符
5.4.16 JavaScript表達式
5.5 Bootstrap與LESS結合
5.5.1 基于LESS的Bootstrap
5.5.2 Bootstrap變量
5.5.3 Bootstrap混合
第6章 使用Bootstrap組件
6.1 下拉菜單
6.1.1 快速體驗下拉菜單
6.1.2 設計下拉菜單
6.1.3 設計多級下拉菜單
6.1.4 設置下拉菜單選項
6.2 按鈕組
6.2.1 設計按鈕組
6.2.2 設計按鈕導航條
6.2.3 設計按鈕布局
6.3 按鈕式下拉菜單
6.3.1 設計按鈕式下拉菜單
6.3.2 設計分隔樣式
6.3.3 設計按鈕式下拉菜單布局
6.4 導航
6.4.1 設計導航組件
6.4.2 設置導航選項
6.4.3 綁定導航和下拉菜單
6.4.4 設計導航列表
6.4.5 激活標簽頁
6.4.6 設計標簽頁布局
6.5 導航條
6.5.1 設計導航條
6.5.2 綁定表單和下拉菜單
6.5.3 導航條布局
6.6 面包屑和分頁
6.6.1 設計面包屑
6.6.2 設計分頁組件
6.6.3 設置分頁選項
6.6.4 設計翻頁組件
6.7 標簽與徽章
6.8 縮略圖
6.8.1 關于圖像占位符
6.8.2 設計縮略圖
6.9 警告框
6.9.1 設計警告框
6.9.2 添加關閉按鈕
6.10 進度條
6.10.1 設計進度條
6.10.2 設置個性進度條
6.11 媒體
6.11.1 媒體版式
6.11.2 媒體列表
6.12 版式
6.12.1 Hero區塊
6.12.2 頁面標題
6.13 其他組件
6.13.1 Well
6.13.2 關閉圖標
6.13.3 輔助類
第7章 使用Bootstrap插件
7.1 JavaScript插件開發概述
7.1.1 使用Bootstrap插件
7.1.2 過渡效果
7.2 模態對話框
7.2.1 設計對話框
7.2.2 調用對話框
7.2.3 應用對話框
7.3 下拉項
7.4 滾動監聽
7.4.1 使用滾動監聽插件
7.4.2 控制滾動監聽
7.5 標簽頁
7.5.1 使用標簽頁插件
7.5.2 控制標簽頁插件
7.6 工具提示
7.6.1 使用工具提示插件
7.6.2 控制工具提示插件
7.7 彈出提示
7.7.1 使用彈出提示插件
7.7.2 控制彈出提示插件
7.8 警告框
7.9 按鈕
7.10 折疊
7.10.1 使用折疊插件
7.10.2 控制折疊插件
7.11 輪播
7.11.1 使用輪播插件
7.11.2 控制輪播插件
7.12 輸入提示
7.13 附加導航
第8章 Bootstrap擴展
8.1 針對IE6、IE7的Bootstrap擴展
8.1.1 使用Bsie插件
8.1.2 手動修補Bsie
8.2 Bootstrap Metro
8.3 顏色選擇器
8.3.1 使用顏色選擇器
8.3.2 配置顏色選擇器
8.4 日期選擇器
8.4.1 使用日期選擇器
8.4.2 配置日期選擇器
8.5 jQuery UI Bootstrap
第9章 使用Bootstrap快速開發社區分享網站
9.1 準備工作
9.1.1 定制Bootstrap
9.1.2 初始化Bootstrap
9.2 首頁設計
9.2.1 設計思路
9.2.2 設計結構
9.2.3 設計主菜單和按鈕
9.2.4 設計輪播廣告位
9.2.5 設計新聞區和版權區版式
9.3 閱讀頁設計
9.3.1 設計響應式主菜單
9.3.2 設計附加導航菜單
9.3.3 設計頁面版式
9.4 小組頁設計
9.5 打卡頁設計
9.5.1 設計頁面柵格系統
9.5.2 設計滾動監聽和附加導航
9.6 詞根頁設計
第10章 Bootstrap內核解碼
10.1 定義jQuery插件
10.1.1 jQuery插件形式
10.1.2 jQuery插件規范
10.1.3 jQuery插件封裝
10.1.4 jQuery插件優化
10.2 Bootstrap設計思想
10.2.1 類型化
10.2.2 松散與耦合處理
10.2.3 繼承和可擴展性
10.3 Bootstrap框架解析
10.3.1 源碼結構
10.3.2 類定義
10.3.3 插件定義
10.3.4 命名沖突解決
10.3.5 數據接口
10.4 Bootstrap內核解疑
10.4.1 封裝形式
10.4.2 啟用嚴格模式
10.4.3 插件中的this

購物須知

為了保護您的權益,「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。

若要辦理退貨,請在商品鑑賞期內寄回,且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。

大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大,除封面破損、內頁脫落等較嚴重的狀態,其餘商品將正常出貨。

無現貨庫存之簡體書,將向海外調貨:
海外有庫存之書籍,等候約20個工作天;
海外無庫存之書籍,平均作業時間約60個工作天,然不保證確定可調到貨,尚請見諒。