Bootstrap從入門到項目實戰 ( 簡體 字) |
| 作者：李愛玲 | 類別：1. -> 程式設計 -> 網路編程 -> Bootstrap |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 52160
詢問書籍請說出此書號！【有庫存】
NT售價： 390 元 |
| 出版日：9/1/2019 |
| 頁數：391 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302538998 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：為什么要寫這樣一本書
Bootstrap 是目前最受歡迎的前端框架之一。Bootstrap 是基于 HTML、CSS、JavaScript 的，它簡潔靈活，能夠在很大程度上降低Web 前端開發的難度，因此深受廣大Web 前端開發人員的喜愛。Bootstrap 框架功能雖然強大，但是對于初學者來說入門比較困難，市場上的圖書則以翻譯為主，缺少一本真正適合初學者入門的書。本書以能讓讀者掌握Bootstrap 框架技術作為編寫本書的思路，知識點從易到難，講解詳細且透徹，結構合理，對于讀者快速掌握Bootstrap 前端框架有很大的幫助。
本書特色
零基礎、入門級的講解
無論您是否從事相關行業，無論您是否接觸過Bootstrap 網頁設計，都能從本書中找到最佳起點。
實用、專業的范例和項目
本書從Bootstrap 基本操作開始，逐步帶領讀者學習Bootstrap 的各種應用技術，側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者學起來簡明輕松，操作起來有章可循。
細致入微、貼心提示
本書在講解過程中，在各章中使用了“注意”“提示”“技巧”等小欄目，使讀者在學習過程中能更清楚地了解相關操作、理解相關概念，并輕松掌握各種操作技巧。
超值資源大放送
全程同步教學錄像
涵蓋本書所有知識點，詳細講解每個實例及項目的過程及技術關鍵點。比看書更能輕松
地掌握書中所有的網頁制作和設計知識，而且擴展的講解部分使您得到比書中更多的收獲。
超多容量王牌資源
贈送大量王牌資源，包括實例源代碼、教學幻燈片、本書精品教學視頻、88 個實用類網頁模板、12 部網頁開發必備參考手冊、HTML 5 標簽速查手冊、精選的JavaScript 實例、CSS 3 屬性速查表、JavaScript 函數速查手冊、CSS+DIV 布局賞析案例、精彩網站配色方案賞析、網頁樣式與布局案例賞析、Web 前端工程師常見面試題等。
讀者對象
沒有任何Bootstrap網頁開發基礎的初學者。
有一定的Bootstrap網頁開發基礎，想精通前端框架開發的人員。
有一定的網頁前端設計基礎，沒有項目經驗的人員。
大專院校及培訓學校的老師和學生。
創作團隊
本書由李愛玲編著，參加編寫的人員還有劉春茂、李艷恩和李佳康。在編寫過程中，我們雖竭盡所能將最好的講解呈現給了讀者，但難免有疏漏和不妥之處，敬請讀者不吝指正。
若您在學習中遇到困難或疑問，或有任何建議，可寫信發送至郵箱。
編 者 |
內容簡介：《Bootstrap從入門到項目實戰》從零基礎開始講解，用實例引導讀者深入學習，深入淺出地講解了Bootstrap 4網頁設計的各項技術及實戰技能。
本書共18章，主要內容包括：開發框架Bootstrap 4簡介、使用新的架Bootstrap 4、快速掌握Bootstrap 4布局、Bootstrap 4的新布局—彈性盒子、核心工具庫—CSS通用樣式類、Bootstrap 4的新版式、認識CSS組件、深入掌握CSS組件、高級的CSS組件、Bootstrap 4的新增組件—旋轉器和卡片、快速認識JavaScript插件、深入精通JavaScript插件等。之后講解了6個行業熱點項目實訓，包括招聘網中的簡歷模板、仿星巴克網站、相冊類博客項目、設計流行企業網站、Web設計與定制網站、開發神影視頻網站。
《Bootstrap從入門到項目實戰》適合任何想學習Bootstrap網頁設計的讀者，無論您是否從事相關行業，是否接觸過Bootstrap網頁設計，通過學習本書內容均可快速掌握Bootstrap網頁設計和開發動態網站的方法和技巧。 |
目錄：第1章 開發框架Bootstrap4簡介001
1.1 Bootstrap概述001
1.1.1Bootstrap發展歷史001
1.1.2Bootstrap的優勢002
1.1.3Bootstrap4介紹003
1.1.4Bootstrap4瀏覽器支持004
1.2 Bootstrap特性005
1.2.1Bootstrap4的構成005
1.2.2Bootstrap的特色007
1.3 Bootstrap應用瀏覽007
1.3.1Bootstrap網站008
1.3.2Bootstrap插件009
1.4 Bootstrap開發工具和資源010
1.4.1Bootstrap開發工具010
1.4.2Bootstrap資源011
第2章 使用最新的框架Bootstrap4012
2.1 下載Bootstrap012
2.2 Bootstrap的結構014
2.2.1源碼版Bootstrap文件結構014
2.2.2編譯版Bootstrap文件結構015
2.3 安裝Bootstrap016
2.3.1本地安裝016
2.3.2在線安裝017
2.4 案例實訓1—設計網頁按鈕017
2.5 案例實訓2—設計網頁輪播組件018
第3章 快速掌握Bootstrap4布局021
3.1 布局基礎021
3.1.1布局容器021
3.1.2響應斷點023
3.1.3z-index023
3.2 網格系統024
3.2.1網格選項024
3.2.2自動布局列025
3.2.3響應類028
3.2.4重排序031
3.2.5列嵌套034
3.3 布局工具類035
3.4 案例實訓1—仿QQ登錄界面036
3.5 案例實訓2—開發電商網站特效041
第4章 Bootstrap4的新布局—彈性盒子045
4.1 定義彈性盒子045
4.2 排列方向047
4.2.1水平方向排列047
4.2.2垂直方向排列047
4.3 內容排列048
4.4 項目對齊050
4.5 自動對齊051
4.6 自動相等053
4.7 等寬變換053
4.8 自動浮動054
4.8.1水平方向浮動054
4.8.2垂直方向浮動055
4.9 彈性布局—包裹056
4.10 排列順序057
4.11 對齊內容057
第5章 核心工具庫—CSS通用樣式類061
5.1 文本處理061
5.1.1文本對齊061
5.1.2文本換行063
5.1.3文本轉換064
5.1.4粗細和斜體065
5.1.5其他一些文本類066
5.2 顏色066
5.2.1文本顏色066
5.2.2鏈接文本顏色068
5.2.3背景顏色069
5.3 邊框069
5.3.1添加邊框070
5.3.2邊框顏色071
5.3.3圓角邊框072
5.4 寬度和高度074
5.4.1相對于父元素074
5.4.2相對于視口076
5.5 邊距077
5.5.1邊距的定義077
5.5.2響應式邊距078
5.6 浮動079
5.6.1實現浮動079
5.6.2響應式浮動080
5.7 display屬性類081
5.7.1實現display屬性081
5.7.2響應式的隱藏或顯示元素082
5.8 嵌入083
5.9 內容溢出084
5.10 定位085
5.11 陰影086
5.12 關閉圖標087
第6章 Bootstrap4的新版式088
6.1 初始化與CSS重置088
6.2 排版090
6.2.1標題090
6.2.2段落093
6.2.3強調094
6.2.4縮略語095
6.2.5引用096
6.3 代碼097
6.4 圖片100
6.5 表格102
6.5.1表格默認風格103
6.5.2設計個性化風格104
6.6 案例實訓—設計后臺人員管理頁面108
第7章 認識CSS組件111
7.1 正確使用CSS組件111
7.2 按鈕114
7.2.1定義按鈕114
7.2.2設計按鈕風格114
7.3 按鈕組117
7.3.1定義按鈕組117
7.3.2定義按鈕組工具欄118
7.3.3設計按鈕組布局和樣式119
7.4 下拉菜單121
7.4.1定義下拉菜單121
7.4.2設計下拉按鈕的樣式123
7.4.3設計下拉菜單的樣式124
7.5 導航128
7.5.1定義導航128
7.5.2設計導航的布局129
7.5.3設計導航的風格131
7.5.4設計導航選項卡135
7.6 超大屏幕137
7.6.1定義超大屏幕137
7.6.2設計風格138
7.7 案例實訓—設計廣告牌139
第8章 深入掌握CSS組件141
8.1 徽章141
8.1.1定義徽章141
8.1.2設置顏色143
8.1.3橢圓形徽章143
8.1.4鏈接徽章144
8.2 警告框145
8.3 媒體對象148
8.3.1 媒體版式149
8.3.2媒體嵌套149
8.3.3 對齊方式150
8.3.4 排列順序151
8.3.5 媒體列表152
8.4 進度條153
8.4.1定義進度條153
8.4.2設計進度條樣式154
8.4.3設計進度條風格156
8.5 導航欄158
8.5.1定義導航欄158
8.5.2定位導航欄163
8.5.3設計導航欄配色164
8.5.4擴展導航欄內容165
8.6 案例實訓—設計動態進度條167
第9章 高級的CSS組件169
9.1 表單169
9.1.1定義表單控件169
9.1.2設計單選按鈕/復選框布局和樣式173
9.1.3表單布局風格176
9.1.4幫助文本180
9.1.5禁用表單180
9.2 列表組181
9.2.1定義列表組181
9.2.2設計列表組的風格樣式182
9.2.3定制內容185
9.3 面包屑186
9.3.1定義面包屑186
9.3.2設計分隔符187
9.4 分頁188
9.4.1定義分頁188
9.4.2使用圖標189
9.4.3設計分頁風格190
第10章 Bootstrap4的新增組件—旋轉器和卡片194
10.1 旋轉器特效194
10.1.1定義旋轉器194
10.1.2設計旋轉器風格195
10.1.3對齊旋轉器196
10.1.4按鈕旋轉器198
10.2 卡片199
10.2.1定義卡片199
10.2.2卡片的內容類型200
10.2.3控制卡片的寬度203
10.2.4文本對齊方式205
10.2.5添加導航206
10.2.6圖像背景208
10.2.7卡片風格208
10.2.8卡片排版211
10.3 案例實訓1—仿云巴網站215
10.4 案例實訓2—動態進度條及百分比數字顯示218
第11章 快速認識JavaScript插件223
11.1 插件概述223
11.1.1插件分類223
11.1.2安裝插件224
11.1.3調用插件225
11.1.4事件226
11.2 按鈕226
11.2.1切換狀態227
11.2.2按鈕式復選框和單選框227
11.3 警告框230
11.3.1關閉警告框230
11.3.2添加用戶行為232
11.4 下拉菜單233
11.4.1調用下拉菜單233
11.4.2添加用戶行為235
11.5 模態框237
11.5.1定義模態框237
11.5.2模態框布局和樣式239
11.5.3調用模態框243
11.5.4添加用戶行為245
11.6 標簽頁246
11.6.1定義標簽頁247
11.6.2調用標簽頁248
11.6.3添加用戶行為249
11.7 案例實訓1—仿淘寶搶紅包251
11.8 案例實訓2—仿京東商品推薦區252
第12章 深入精通JavaScript插件257
12.1 折疊257
12.1.1定義折疊257
12.1.2控制多目標258
12.1.3設計手風琴效果259
12.1.4調用折疊261
12.1.5添加用戶行為261
12.2 工具提示263
12.2.1定義工具提示263
12.2.2工具提示方向264
12.2.3調用工具提示266
12.2.4添加用戶行為267
12.3 彈窗269
12.3.1定義彈窗269
12.3.2彈窗方向271
12.3.3調用彈窗271
12.3.4添加用戶行為273
12.4 輪播275
12.4.1定義輪播275
12.4.2設計輪播風格278
12.4.3調用輪播279
12.4.4添加用戶行為282
12.5 滾動監聽283
12.5.1定義滾動監聽283
12.5.2調用滾動監聽289
12.5.3添加用戶行為290
12.6 實戰實訓1—設計折疊搜索框291
12.7 實戰實訓2—仿小米內容展示293
第13章 項目實訓1—招聘網中的簡歷模板295
13.1 案例概述295
13.1.1案例結構295
13.1.2設計效果296
13.1.3設計準備298
13.2 設計布局298
13.3 設計左側信息欄299
13.4 設計導航條300
13.5 設計主頁301
13.5.1工作經歷301
13.5.2專業技能302
13.5.3教育經歷303
13.5.4綜合概述304
13.6 設計聯系頁306
13.7 設計相冊頁306
第14章 項目實訓2—仿星巴克網站308
14.1 網站概述308
14.1.1網站結構308
14.1.2設計效果308
14.1.3設計準備310
14.2 設計首頁布局310
14.3 設計可切換導航311
14.4 主體內容317
14.4.1設計輪播廣告區317
14.4.2設計產品推薦區319
14.4.3設計登錄注冊區和Logo319
14.4.4設計特色展示區320
14.4.5設計產品生產流程區321
14.5 設計底部隱藏導航324
第15章 項目實訓3—相冊類博客項目326
15.1 案例概述326
15.1.1案例結構326
15.1.2設計效果327
15.1.3設計準備328
15.2 設計導航欄329
15.3 首頁330
15.3.1設計相冊展示330
15.3.2添加Swipebox燈箱插件333
15.4 分類頁337
15.4.1設計相冊分類展示337
15.4.2添加Swipebox燈箱插件340
15.5 博客341
15.6 聯系頁343
15.6.1設計布局343
15.6.2添加工具提示345
第16章 項目實訓4—設計流行企業網站347
16.1 網站概述347
16.2 設計主頁349
16.3 設計側邊導航欄360
16.4 設計登錄頁362
第17章 項目實訓5—Web設計與定制網站365
17.1 網站概述365
17.1.1網站結構365
17.1.2網站布局365
17.1.3設計準備366
17.2 設計主頁面導航366
17.3 設計主頁面內容369
17.3.1設計首頁369
17.3.2“關于我們”頁面設計370
17.3.3“我們的團隊”頁面設計372
17.3.4“我們的服務”頁面設計375
17.3.5“我們的博客”頁面設計376
17.3.6“我們的定制”頁面設計377
17.4 設計腳注379
第18章 項目實訓6—開發神影視頻網站380
18.1 網站概述380
18.2 設計主頁面382
18.2.1設計頭部內容382
18.2.2設計輪播384
18.2.3設計分類列表384
18.2.4設計“視頻內容”頁面386
18.2.5設計腳注391 |
| 序： |
