Bootstrap项目实战视频教程:PC+平板+手机网站开发—12391人已学习
课程介绍
课程为Bootstrap实战课程,不讲基础,直接上手实战,讲解了Bootstrap的综合运用,以建站公司网站项目为例,用首页、列表页、内容页三个完整页面,讲解了Bootstrap各类、各组件的综合运用,及高效制作高、大、上网站之道;项目除了实战Bootstrap制作web端之外,还详细介绍了如何利用Bootstrap完成手机端、平板端页面制作,是制作WAP网站不可多得的案例指导
课程收益
快速学习Bootstrap,利用Bootstrap快速开发项目
讲师介绍
何荣 更多讲师课程
5年前端开发经验、熟悉html,DIV+CSS,Bootstrap,Jquery,js讲解多以实战为主,让学员快掌握前端开发,上手项目
课程大纲
1. 课程概述及学习的一些要求 11:26
2. 工具准备:前端开发神器推荐 10:51
3. 工具准备:调试工具Firedebug安装及使用 15:52
4. 小白扫盲:快速认识Bootstrap 8:22
5. 第一个页面:Hellow Bootstrap 21:42
6. 核心:掌握了他们就能快速掌握Bootstrap 8:50
7. 核心中的核心:栅格系统详解 16:37
8. 神奇的响应式导航:navbar详解 19:04
9. 页面响应式元素:图片、表格、框架详解 12:55
10. 首页导航模块开发:navbar实战 21:51
11. 神奇的字体图标:导航条右侧开发 17:57
12. 大气响应式轮播模块开发:Carousel详解 9:25
13. 大气广告文字模板开发:栅格小试牛刀 22:26
14. 服务模块开发 27:28
15. 案例模块开发 21:18
16. 页脚模块开发:二维码、关于我们 12:47
17. 【福利】另一个大型字体图标库使用详解 17:04
18. 页脚:关于我们、版权信息、logo开发 14:33
19. 手机+平板端【导航、logo】制作技巧 13:31
20. 【手机、平板端】文字模块、footer模块制作 11:20
21. 【优化】固定在顶部导航制作 8:07
22. listBanner模块制作 17:14
23. list图文列表制作 21:09
24. list图标模块制作 12:04
25. 分页模块制作 6:10
26. 关于我们模块开发:list-group使用详解 13:06
27. 热门文章模块开发:Media模块使用详解 21:01
28. 手机+平板端【图文列表开发】 16:51
29. 手机+平板端【导航制作小技巧】 15:45
30. 手机+平板端【热门文章】开发 3:52
31. 内容页【当前位置开发】:Breadcrumb详解 6:32
32. 内容页【内容开发】 12:37
33. Content(内容页)PC端开发 7:57
34. 【福利篇】点击登录弹窗登录框实现:Modal使用详解 10:23
35. 【福利篇】Bootstrap大小优化:Bootstrap裁剪 4:47
36. 【福利篇】1行5列均分最外层div制作:栅格定制 8:49
大家可以点击【 查看详情】查看我的课程
课程介绍

课程为Bootstrap实战课程,不讲基础,直接上手实战,讲解了Bootstrap的综合运用,以建站公司网站项目为例,用首页、列表页、内容页三个完整页面,讲解了Bootstrap各类、各组件的综合运用,及高效制作高、大、上网站之道;项目除了实战Bootstrap制作web端之外,还详细介绍了如何利用Bootstrap完成手机端、平板端页面制作,是制作WAP网站不可多得的案例指导
课程收益
快速学习Bootstrap,利用Bootstrap快速开发项目
讲师介绍
何荣 更多讲师课程
5年前端开发经验、熟悉html,DIV+CSS,Bootstrap,Jquery,js讲解多以实战为主,让学员快掌握前端开发,上手项目
课程大纲
1. 课程概述及学习的一些要求 11:26
2. 工具准备:前端开发神器推荐 10:51
3. 工具准备:调试工具Firedebug安装及使用 15:52
4. 小白扫盲:快速认识Bootstrap 8:22
5. 第一个页面:Hellow Bootstrap 21:42
6. 核心:掌握了他们就能快速掌握Bootstrap 8:50
7. 核心中的核心:栅格系统详解 16:37
8. 神奇的响应式导航:navbar详解 19:04
9. 页面响应式元素:图片、表格、框架详解 12:55
10. 首页导航模块开发:navbar实战 21:51
11. 神奇的字体图标:导航条右侧开发 17:57
12. 大气响应式轮播模块开发:Carousel详解 9:25
13. 大气广告文字模板开发:栅格小试牛刀 22:26
14. 服务模块开发 27:28
15. 案例模块开发 21:18
16. 页脚模块开发:二维码、关于我们 12:47
17. 【福利】另一个大型字体图标库使用详解 17:04
18. 页脚:关于我们、版权信息、logo开发 14:33
19. 手机+平板端【导航、logo】制作技巧 13:31
20. 【手机、平板端】文字模块、footer模块制作 11:20
21. 【优化】固定在顶部导航制作 8:07
22. listBanner模块制作 17:14
23. list图文列表制作 21:09
24. list图标模块制作 12:04
25. 分页模块制作 6:10
26. 关于我们模块开发:list-group使用详解 13:06
27. 热门文章模块开发:Media模块使用详解 21:01
28. 手机+平板端【图文列表开发】 16:51
29. 手机+平板端【导航制作小技巧】 15:45
30. 手机+平板端【热门文章】开发 3:52
31. 内容页【当前位置开发】:Breadcrumb详解 6:32
32. 内容页【内容开发】 12:37
33. Content(内容页)PC端开发 7:57
34. 【福利篇】点击登录弹窗登录框实现:Modal使用详解 10:23
35. 【福利篇】Bootstrap大小优化:Bootstrap裁剪 4:47
36. 【福利篇】1行5列均分最外层div制作:栅格定制 8:49
大家可以点击【 查看详情】查看我的课程