Bootstrap Web設計與開發實戰( 簡體 字) | |
| 作者：楊旺功 | 類別：1. -> 程式設計 -> 網路編程 -> Bootstrap |
| 出版社：清華大學出版社 |  3dWoo書號： 47167詢問書籍請說出此書號！ 有庫存 NT售價： 345 元 |
| 出版日：7/1/2017 | |
| 頁數：292 | |
| 光碟數：0 | |
站長推薦：   | |
| 印刷：黑白印刷 | 語系： ( 簡體 字 ) |
| ISBN：9787302470878 | 加入購物車 │加到我的最愛 (請先登入會員) |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社) | |
第1章Bootstrap從何而來1
1.1初識Bootstrap1 1.2什么是響應式設計2 1.3響應式設計四大原則3 1.3.1移動優先還是PC優先3 1.3.2內容流4 1.3.3位圖還是矢量圖4 1.3.4相對單位還是固定單位5 1.4Bootstrap設計目標5 1.4.1優先針對移動設備5 1.4.2瀏覽器支持6 1.4.3響應式設計6 1.5本章小結6 第2章Bootstrap開發環境7 2.1Bootstrap開發環境概述7 2.1.1下載Bootstrap開發包7 2.1.2Bootstrap開發包目錄結構9 2.1.3在網站中使用Bootstrap框架10 2.2調用Bootstrap樣式11 2.3調用Bootstrap組件14 2.4調用BootstrapJS特效16 2.5實戰：一個Bootstrap實現的響應式頁面17 2.6本章小結19 第3章Bootstrap腳手架20 3.1Bootstrap全局樣式20 3.1.1什么是全局樣式20 3.1.2基于HTML5文檔類型20 3.1.3屏幕、排版與鏈接21 3.1.4用Normalize重置樣式22 3.2柵格系統22 3.2.1默認柵格系統22 3.2.2流式柵格系統26 3.3頁面布局29 3.3.1固定布局29 3.3.2流式布局30 3.4響應式設計30 3.4.1啟用響應式特性30 3.4.2響應式Bootstrap特點31 3.4.3Bootstrap支持的設備31 3.4.4響應式布局輔助類32 3.4.5如何應用響應式布局32 3.5本章小結32 第4章Bootstrap樣式設計33 4.1Bootstrap排版33 4.1.1標題33 4.1.2頁面主體36 4.1.3強調37 4.1.4縮略語39 4.1.5地址40 4.1.6引用40 4.1.7列表42 4.1.8描述45 4.1.9代碼47 4.2Bootstrap表格49 4.2.1默認樣式表格49 4.2.2斑馬紋樣式表格51 4.2.3圓角邊框樣式表格52 4.2.4鼠標懸停樣式表格53 4.2.5帶行屬性樣式表格55 4.3Bootstrap按鈕56 4.3.1默認樣式按鈕56 4.3.2按鈕大小樣式58 4.3.3特殊樣式按鈕59 4.4Bootstrap圖片61 4.5本章小結61 第5章Bootstrap組件設計62 5.1Bootstrap下拉菜單62 5.1.1標簽62 5.1.2對齊方式63 5.1.3禁用64 5.1.4子下拉菜單65 5.2Bootstrap按鈕組69 5.2.1基本按鈕組69 5.2.2工具欄按鈕組69 5.2.3垂直按鈕組71 5.3Bootstrap按鈕式下拉菜單71 5.4Bootstrap導航75 5.4.1默認標簽導航75 5.4.2pills標簽導航76 5.4.3堆疊式標簽導航76 5.4.4下拉菜單式標簽導航77 5.4.5導航列表78 5.4.6標簽頁式導航80 5.5Bootstrap導航條81 5.5.1默認樣式導航條81 5.5.2導航條表單82 5.5.3響應式導航條84 5.6Bootstrap分頁86 5.6.1標準分頁方式86 5.6.2翻頁分頁方式87 5.7Bootstrap標簽與徽章88 5.8Bootstrap進度條89 5.8.1基本樣式進度條89 5.8.2斜條紋樣式進度條90 5.8.3堆疊樣式進度條91 5.9Glyphicons字體圖標92 5.10本章小結93 第6章Bootstrap插件設計94 6.1Bootstrap插件概述94 6.1.1單個或全部引入94 6.1.2data屬性95 6.1.3事件95 6.2Bootstrap模態對話框95 6.2.1模態對話框說明96 6.2.2靜態模態對話框96 6.2.3動態模態對話框97 6.3Bootstrap下拉菜單（高級版）100 6.4Bootstrap滾動監聽103 6.5Bootstrap可切換式標簽頁106 6.6Bootstrap提示框109 6.6.1工具提示框109 6.6.2彈出框112 6.6.3警告框116 6.7Bootstrap按鈕117 6.7.1狀態按鈕118 6.7.2復選按鈕119 6.7.3單選按鈕120 6.8Bootstrap折疊122 6.9Bootstrap幻燈125 6.10本章小結126 第7章Bootstrap響應式多媒體127 7.1Bootstrap圖標的響應式127 7.2Bootstrap圖像的響應式129 7.2.1可適配的圖像129 7.2.2圖像網格131 7.3Bootstrap視頻的響應式137 7.4本章小結137 第8章Bootstrap扁平化風格頁面138 8.1扁平化設計概述138 8.1.1介紹138 8.1.2設計理念139 8.1.3頁面架構139 8.2頁眉設計141 8.2.1導航條141 8.2.2導航條圖標141 8.2.3導航條功能菜單143 8.2.4頁眉標題147 8.3左側導航設計148 8.4頁面主體設計151 8.4.1圖片列表151 8.4.2提交表單153 8.4.3文本列表156 8.5頁腳設計158 8.6本章小結159 第9章Bootstrap圖片幻燈頁面160 9.1圖片幻燈風格頁面設計概述160 9.2頁眉設計161 9.3頁面主體設計163 9.3.1圖片幻燈163 9.3.2圖標列表166 9.3.3圖片特輯167 9.4本章小結168 第10章Bootstrap風格按鈕169 10.1風格按鈕設計概述169 10.2形狀與尺寸風格按鈕170 10.3邊框風格按鈕172 10.4下拉菜單風格按鈕174 10.5按鈕組風格176 10.6本章小結177 第11章Bootstrap響應式表格設計178 11.1表格設計概述178 11.2Bootstrap基本表格180 11.3Bootstrap數組表格182 11.4BootstrapAjax表格183 11.5本章小結185 第12章Bootstrap響應式圖表設計186 12.1圖表設計概述186 12.2柱狀圖圖表188 12.3折線圖圖表190 12.4餅狀圖圖表195 12.5本章小結198 第13章jQueryUIBootstrap工具199 13.1jQueryUIBootstrap工具概述199 13.1.1jQueryUI工具199 13.1.2jQueryUIBootstrap工具200 13.1.3jQueryUIBootstrap應用200 13.2按鈕（Button）201 13.2.1基本樣式按鈕202 13.2.2Set樣式按鈕203 13.2.3工具條樣式按鈕205 13.3折疊面板（Accordion）206 13.4對話框（Dialog）209 13.4.1非模態對話框209 13.4.2模態對話框211 13.5標簽頁（Tabs）214 13.5.1基本樣式標簽頁214 13.5.2可編輯樣式標簽頁217 13.6Overlay與Shadow223 13.7Highlight與Error224 13.8日期選擇器（Datepicker）226 13.9滑塊（Slider）227 13.9.1水平滑塊（HorizontalSlider）227 13.9.2垂直滑塊（VerticalSlider）228 13.10自動完成（Autocomplete）230 13.11下拉菜單（Menu）232 13.12提示信息（Tooltip）234 13.13微調按鈕（Spinner）236 13.14本章小結239 第14章jQueryMobile框架與Bootstrap主題風格240 14.1jQueryMobile+Bootstrap概述240 14.1.1jQueryMobile框架240 14.1.2Bootstrap主題風格241 14.1.3應用開發基礎241 14.2主頁設計243 14.3按鈕設計245 14.4列表設計248 14.5導航設計251 14.6表單設計255 14.6.1輸入框255 14.6.2滑塊258 14.6.3切換開關260 14.6.4復選框262 14.6.5單選框264 14.6.6下拉菜單267 14.6.7提交按鈕269 14.7本章小結273 第15章實戰：應用Bootstrap實現一個貼吧管理頁面274 15.1項目設計概述274 15.2頁面布局設計275 15.2.1引入Bootstrap框架275 15.2.2實現頁面布局代碼276 15.3頁面導航欄設計277 15.3.1構建導航的整體架構277 15.3.2設計標題和導航鏈接278 15.3.3設計搜索框和通知系統279 15.3.4設計管理員登錄系統280 15.3.5設計響應式導航282 15.4左側邊欄設計284 15.5頁面主體設計285 15.5.1頁面主體功能的頭部286 15.5.2頁面主體功能的帖子列表287 15.6本章小結290 附錄CSS選擇器速覽291 本書由淺入深，全面、系統、詳盡地介紹了Bootstrap框架相關技術在Web和移動Web開發領域的應用。書中提供了大量的代碼示例，讀者可以通過這些示例深入理解Bootstrap框架相關的知識點，同時還可以舉一反三，將這些示例應用到實戰項目之中。本書從基本原理到實戰應用，幾乎涉及了Bootstrap框架Web開發領域的絕大部分內容，是一本集理論與實戰的綜合性參考書。
本書共15章，分為三篇。第一篇為Bootstrap基礎，主要介紹Bootstrap框架的基礎知識與開發入門等內容。第二篇為Bootstrap框架，主要介紹了Bootstrap腳手架、Bootstrap樣式設計、Bootstrap組件設計、Bootstrap插件設計與Bootstrap多媒體設計等相關的內容。第三篇為Bootstrap實戰，詳細講解了如何基于Bootstrap框架開發Web應用的過程與方法，同時還包括整合jQuery UI框架和jQuery Mobile框架開發移動應用的案例。 本書適合所有想全面深入學習Bootstrap框架開發技術的人員閱讀，尤其適合正在應用Bootstrap框架做移動應用開發的人員閱讀。對于大中專院校相關專業的學生和培訓機構的學員，本書也是一本不可多得的參考書。 Bootstrap是由Twitter公司推出的一款前端開發框架，在當前的Web和移動Web應用設計領域中非常受歡迎。基于Bootstrap框架可以實現前端UI設計與后臺業務邏輯設計的協作開發，可以完美地實現響應式布局界面，可以無縫適配如PC、平板和手機等多種設備終端，可以說Bootstrap是所有前端開發框架中的集大成者。
目前圖書市場關于Bootstrap框架開發的圖書不少，但真正從實際應用出發，通過具體案例來指導讀者提高應用開發水平的圖書卻不多。本書便是以實戰為主旨，通過大量的代碼實例與項目實例，讓讀者全面、深入、透徹地理解Bootstrap框架開發的各種熱門技術及各種主流框架及其整合使用，提高實際開發水平和項目實戰能力。 關于Bootstrap框架 ? Bootstrap不僅是一個CSS框架 我們知道，Bootstrap框架是基于CSS標準構建的，但如果僅僅認為其是一個前端CSS框架就太狹隘了。Bootstrap框架最初是由Twitter公司的兩個員工發布的，旨在能夠讓Web應用適應各種不同的設備終端，一經推出就受到業內開發人員的廣泛關注。隨著Bootstrap框架的快速發展，很快成為開發跨平臺和跨設備應用的首選前端技術。 目前，Bootstrap已經是一款集成HTML5、CSS3和JavaScript技術的開發框架，自身已經構成了獨立的開發體系，基于Bootstrap二次開發的插件也非常受歡迎。因此，Bootstrap不再僅僅是一個CSS框架，其涵蓋的內容已經十分廣泛了。 ? Bootstrap框架的主流地位 Bootstrap框架在學習上需要花費一定的功夫，但在使用上還是照顧設計人員的常規思路，對于有一定的前端開發基礎的設計人員還是易學易用的。 Bootstrap框架的移動開發特性與當前移動互聯網在蓬勃發展的大背景下，二者是相得益彰、相互助力。一方面，隨著移動應用程序的大行其道，促使了Bootstrap框架的不斷改進與完善；另一方面，隨著Bootstrap框架性能的不斷提升，可以幫助前端設計開發人員利用Bootstrap框架開發出更強大的移動應用程序。可以說，Bootstrap框架已經占據了移動應用開發的主流地位。 ? 本書與Bootstrap框架 許多人在學習Bootstrap框架的時候經常會搞混一些概念和用法。從某種角度來說，Bootstrap框架是一系列前端技術的集合，并且是不斷向前發展的技術。為了幫助那些對移動開發感興趣的讀者能夠在較短的時間內掌握Bootstrap框架開發技術，筆者編寫了本書。 本書首先從Bootstrap框架的基礎入手，讓讀者理解Bootstrap框架究竟如何使用。然后針對Bootstrap框架的內容由淺入深一一進行了講解，尤其是在移動開發中的應用，以期讀者能夠掌握Bootstrap框架的核心內容。最后再講解了基于Bootstrap框架的開發實戰，讓讀者可以快速成為一位高效而專業的開發者。 本書特色 ? 內容豐富，覆蓋面廣 本書基本涵蓋Bootstrap框架開發的所有常用知識點及開發工具。無論是初學者，還是有一定基礎的Web開發從業人員，通過閱讀本書都將獲益匪淺。 ? 注重實踐，快速上手 本書不以枯燥乏味的理論知識作為講解的重點，而是從實踐出發，將必要的理論知識和大量的開發實例相結合，并將筆者多年的實際項目開發經驗貫穿于全書的講解中，讓讀者可以在較短的時間內理解和掌握所學的知識。 ? 內容深入、專業 本書直擊要害，先從標準文檔入手，深入淺出地講解了Web技術的原理；然后結合移動Web開發的相關工具，介紹了實際的移動Web開發，讓讀者學有所用。 ? 實例豐富，隨學隨用 本書提供了大量來源于真實Web開發項目的實例，并給出了豐富的程序代碼及注釋。讀者通過研讀這些例子，可以了解實際開發中編寫代碼的思路和技巧，而且還可以將這些代碼直接復用，以提高自己的開發效率。 本書體系 第一篇 Bootstrap基礎（第1～2章） 本篇涵蓋的內容包括Bootstrap框架的基礎知識和開發入門等內容。 第二篇 Bootstrap框架（第3～12章） 本篇主要介紹了Bootstrap框架的腳手架、樣式設計、組件設計、插件設計與多媒體設計等相關的內容。 第三篇 Bootstrap實戰（第13～15章） 本篇詳細講解了使用Bootstrap框架開發Web應用與移動應用的實戰方法，包括多個Web應用與移動應用的案例。 代碼下載 本書代碼下載地址（注意數字和英文字母大小寫）如下： https://pan.baidu.com/s/1jIzG0Hg（密碼：etjr） 如果下載有問題，請聯系電子郵箱booksaga@163.com，郵件主題為“Bootstrap代碼”。 本書讀者 ? 需要全面學習移動應用開發技術的人員 ? Bootstrap初學者 ? 有一定基礎的Web開發人員 ? Web前端開發工程師 ? 移動應用開發人員 ? 瀏覽器開發人員 ? 大中專院校的學生 ? 相關培訓班的學員 本書作者（封面） 楊旺功，男，博士在讀，北京印刷學院新媒體學院數字媒體藝術專業教師，主要研究方向是信息與交互設計、虛擬現實、數字娛樂和新媒體藝術等，具有豐富的數字媒體交互產品設計和移動應用UI設計的教學經驗。在數字藝術與設計領域成果顯著，發表數字藝術論文8篇，出版著作6部。 本書由楊旺功主筆，參與本書創作的還有王立平、劉祥淼、彭霽、樊愛宛、張澤娜、曹卉、林江閩、沈超、李陽、李雷霆、韓廣義、孫亞南、熊偉，在此表示感謝。由于編者水平有限，書中不足之外在所難免，歡迎廣大讀者批評指正。 作者 2017年6月 | |
