- 01-csscore-css-reset-01~1
- 01-csscore-css-reset-02
- 02-Boot-視口-01
- 02-Boot-視口-02
- 02-Boot-視口-03
- 03-Boot-媒體查詢1-01
- 03-Boot-媒體查詢1-02
- 03-Boot-媒體查詢1-03
- 04-Boot-媒體查詢2-01
- 04-Boot-媒體查詢2-02
- 04-Boot-媒體查詢2-03
- 04-Boot-媒體查詢2-04
- 05-Boot-Boot的使用-01
- 05-Boot-Boot的使用-02
- 05-Boot-Boot的使用-03
- 06-Boot-全局樣式1-01
- 06-Boot-全局樣式1-02
- 06-Boot-全局樣式1-03
- 07-Boot-全局樣式2-01
- 07-Boot-全局樣式2-02
- 07-Boot-全局樣式2-03
- 08-Boot-全局樣式3-01
- 08-Boot-全局樣式3-02
- 08-Boot-全局樣式3-03
- 09-Boot-全局樣式4-01
- 09-Boot-全局樣式4-02
- 09-Boot-全局樣式4-03
- 10-Boot-柵格1-01
- 10-Boot-柵格1-02
- 10-Boot-柵格1-03
- 11-Boot-柵格2-01
- 11-Boot-柵格2-02
- 11-Boot-柵格2-03
- 12-Boot-柵格3-01
- 12-Boot-柵格3-02
- 12-Boot-柵格3-03
- 12-Boot-柵格3-04
- 13-Boot-柵格-01
- 13-Boot-柵格-02
- 13-Boot-柵格-03
- 14-boot-彈性-01
- 14-boot-彈性-02
- 14-boot-彈性-03
- 14-boot-彈性-04
- 15-boot組件1-01
- 15-boot組件1-02
- 15-boot組件1-03
- 15-boot組件1-04
- 16-boot組件2-01
- 16-boot組件2-02
- 16-boot組件2-03
- 17-boot組件3-01
- 17-boot組件3-02
- 17-boot組件3-03
- 18-boot組件4-01
- 18-boot組件4-02
- 18-boot組件4-03
- 18-boot組件4-04
- 19-boot組件5-01
- 19-boot組件5-02
- 19-boot組件5-03
- 20-boot組件6-01
- 20-boot組件6-02
- 20-boot組件6-03
- 21-boot組件7-01
- 21-boot組件7-02
- 21-boot組件7-03
- 22-boot組件8-01
- 22-boot組件8-02
- 22-boot組件8-03
- 23-scss安裝-01
- 23-scss安裝-02
- 23-scss安裝-03
- 23-scss安裝-04
- 24-scss轉(zhuǎn)換-01
- 24-scss轉(zhuǎn)換-02
- 24-scss轉(zhuǎn)換-03
- 25-scss嵌套-導入-01
- 25-scss嵌套-導入-02
- 25-scss嵌套-導入-03
- 26-scss混合器-01
- 26-scss混合器-02
- 26-scss混合器-03
- 27-scss運算-01
- 27-scss運算-02
- 27-scss運算-03
- 28-scss函數(shù)-指令-01
- 28-scss函數(shù)-指令-02
- 28-scss函數(shù)-指令-03
- 29-學子首頁-頭腳-01
- 29-學子首頁-頭腳-02
- 29-學子首頁-頭腳-03
- 29-學子首頁-頭腳-04
- 30-學子首頁-輪播-01
- 30-學子首頁-輪播-02
- 30-學子首頁-輪播-03
- 30-學子首頁-輪播-04
- 31-學子首頁-1L-01
- 31-學子首頁-1L-02
- 31-學子首頁-1L-03
- 32-商品列表頁1-01
- 32-商品列表頁1-02
- 32-商品列表頁1-03
- 33-商品列表頁2-01
- 33-商品列表頁2-02
- 33-商品列表頁2-03
- 34-商品詳情頁-01
- 34-商品詳情頁-02
- 34-商品詳情頁-03
- 34-商品詳情頁-04
- 34-商品詳情頁-05
課程簡介
Bootstrap是由Twitter推出的一個前臺頁面開發(fā)框架,在行業(yè)之中使用較為廣泛。此開發(fā)框架包含了大量的CSS、JS程序代碼,可以幫助開發(fā)者(尤其是不擅長頁面開發(fā)的程序人員)輕松的實現(xiàn)一個不受瀏覽器限制的精美界面效果。
本課程將從Bootstrap的取得、配置、使用等概念進行講解,為讀者完整的講解Bootstrap中基礎(chǔ)樣式與各個操作組件,并且在最后還會通過一系列的代碼案例來講解Bootstrap的實戰(zhàn)應(yīng)用。
本課主要通過實際項目,講解了在實際網(wǎng)站開發(fā)中,前端如何和美工配合、如何掌握網(wǎng)站前端頁面設(shè)計和分析的技巧、網(wǎng)站的SEO優(yōu)化基本知識和技巧,以及如何掌握使用HTML5&CSS3實現(xiàn)移動開發(fā)技術(shù)、使用Bootstrap實現(xiàn)響應(yīng)式后臺,旨在幫助大家提升網(wǎng)站前后端交互設(shè)計的能力。
Bootstrap 包含的內(nèi)容
· 基本結(jié)構(gòu):Bootstrap 提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在 Bootstrap 基本結(jié)構(gòu) 部分詳細講解。
· CSS:Bootstrap 自帶以下特性:全局的 CSS 設(shè)置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網(wǎng)格系統(tǒng)。這將在 Bootstrap CSS 部分詳細講解。
· 組件:Bootstrap 包含了十幾個可重用的組件,用于創(chuàng)建圖像、下拉菜單、導航、警告框、彈出框等等。這將在 布局組件部分詳細講解。
