使用 Bootstrap 4 提升网页实战教程-苏朝辉-专题视频课程

使用 Bootstrap 4 提升网页实战教程—3932人已学习
课程介绍    

    使用Bootstrap 4提升网页实战视频课程，课程内容包含使用bootstrap开发购物网、Landing page、个人网站、企业网站、客制化网站都将难不倒您！这堂课会手把手地透过Bootstrap 4 实作各种业界案例，有了这样的加持，面对各种版型的网站，都能轻松应对。Bootstrap入门到进阶必备教程。
课程收益
    会使用BS4 切出各种版型，业界案例带着你做购物网、Landing page、个人网站、企业网站、客制化网站 都将难不倒您！这堂课的 苏 Seafood 会手把手地透过 Bootstrap 4 实作各种业界案例，有了这样的加持，面对各种版型的网站，都能轻松应对
讲师介绍
    苏朝辉 更多讲师课程
    目前为谦悦科技有限公司担任企划副理，负责网站的前端开发企划，与网路行销规划，除了在各大专院校担任业界讲师外，也承包了许多大型系统网站开发，并能够把业界经验带进课程内容，且具备了十多年的教学经验。 工作经历：谦悦科技有限公司行销副理、尊博科技股份公司前端工程师、英格视觉整合有限公司前端工程师
课程大纲
  第1章:Bootstrap 快速入门
    1. 你真的了解RWD响应式网页吗?  11:35
    2. 有其他的RWD框架吗? 为什么要选 Bootstrap ?  8:49
    3. Bootstrap的起手式  7:43
    4. CDN的说明与应用  6:33
    5. 响应式的meta标签说明与html lang设定  4:11
    6. Bootstrap 4 支持的浏览器版本  6:07
    7. IE 9 支持的CSS属性与设定meta兼容模式  0:38
  第2章:Bootstrap 4 的排版应用技巧
    1. 容器的应用:container与container-fluid  7:45
    2. 响应式分界点的介绍  4:59
    3. 列与栏的运作:row和col的设定、 响应式图片的应用  10:10
    4. Grid system 12栏网格系统如何运作?  6:52
    5. 了解响应式的col尺寸分类  11:55
    6. 栏区块col的实务操作，与巢状、间距设定  8:28
    7. row和col的对齐说明与设定  11:13
    8. col的左右位置变化说明与应用  14:53
    9. 各装置尺寸的排版练习  0:28
  第3章:Bootstrap 4 一页式网站的内容应用技巧
    1. 自定义标题、凸显标题、凸显段落、引用来源  11:21
    2. 响应式文字排版  4:47
    3. 程序代码标示说明  5:25
    4. 响应式图片应用  13:11
    5. 表格的基本设定  12:57
    6. 表格的应用  10:41
    7. 产品图的使用  9:23
  第4章:Bootstrap 4 一页式网站的组件应用技巧(一)
    1. 导览列的说明  15:16
    2. 导览列的应用  4:28
    3. banner轮播的控制  7:39
    4. banner轮播的方法  11:08
    5. 表单的基础介绍  13:21
    6. 表单的进阶运用  17:36
    7. 自定义表单功能  5:05
    8. 表单验证  8:27
  第5章:Bootstrap 4 一页式网站的组件应用技巧(二)
    1. 进度条的应用  19:01
    2. 广告屏幕的应用  3:32
    3. 列表群组的控制说明  7:19
    4. 列表群组的方法应用  20:38
    5. 折迭区块的说明  4:46
    6. 折迭区块的用法  5:32
    7. 鼠标滚动监听的数据属性应用  11:28
    8. 鼠标滚动监听的javascript应用  5:52
  第6章:一页式网站美化与其他彩蛋功能设定
    1. 彩蛋功能一:导览列选单字体美化设定(google web font)、背景颜色变换  9:44
    2. 广告图片轮播文字与设定  5:19
    3. 关于我们区块(一)调整与设定  8:00
    4. 关于我们区块(二)调整与设定  7:36
    5. 环境介绍区块与菜单介绍区块调整与设定  7:23
    6. 我们的坚持、主厨介绍与联络我们调整  7:59
    7. 彩蛋功能二：导览列选单按钮链接监控滑动(scrollspy smooth )  7:47
    8. 彩蛋功能三：滑动回到页首按钮(gotop)  8:10
    9. bootstrap4 通用类别-display说明, 导览列调整  16:08
    10. 版面响应式断点的调整(一)  7:36
    11. 版面响应式断点的调整(二) - 通用类别 display应用  18:24
    12. 版面响应式断点的调整(三)  10:21
    13. 一页式网站完成档  0:16
  第7章:Bootstrap 4 电商网页的组件与通用类别应用(一) ： 头部区
    1. 页面头部区块制作  9:04
    2. 页面头部区块设定  9:01
    3. 页面导览列选单制作  9:27
    4. 页面导览列搜寻购物车图示制作  8:29
    5. 下拉选单的类型说明  15:58
    6. 页面导览列下拉选单应用  4:28
    7. input群组控制说明  9:13
    8. 导览列搜寻功能应用  7:54
  第8章:Bootstrap 4 电商网页的组件与通用类别应用(二) : 内容区
    1. 服务说明区块的制作  12:01
    2. 通用类别：服务区块的边框应用  4:46
    3. 卡片的介绍  12:01
    4. 卡片的应用-特色商品区块  13:14
    5. 通用类别:float的说明与应用  9:32
    6. 通用类别:间隔 (Spacing)、Clearfix的说明与应用  5:14
    7. 标签的应用  4:43
    8. 导览(Navs)的说明  12:09
    9. 商品分类区块：导览(Navs)的应用  11:37
  第9章:Bootstrap 4 电商网页的组件与通用类别应用(三) : 内容区
    1. 互动窗口 (Modal)的说明  15:28
    2. 互动窗口 (Modal)的应用  19:00
    3. 文字排版：缩写、列表、行内和描述型列表对齐说明  6:56
    4. 工具提示框 (Tooltips)说明与应用  15:42
    5. 弹出提示框(Popovers)  5:33
    6. 通用类别：颜色的说明、崁入的应用  7:14
    7. 通用类别：图片取代、屏幕阅读器的应用  8:32
    8. 订阅电子报的区块制作  5:28
    9. 警报 (Alerts)的说明与应用  13:12
    10. Flex的说明  14:03
    11. 练习：footer区块制作  0:18
  第10章:Bootstrap 4 电商网页的组件与通用类别应用(四) : 商品列表页
    1. 面包屑的应用  3:22
    2. 按钮、按钮群组、分页的应用  8:47
    3. 练习：产品列表页套用导览(Nav)  0:48
    4. 媒体对象的介绍  10:08
    5. 通用类别：尺寸、文字的介绍  3:47
    6. 垂直对齐、可视性和关闭图示的介绍  2:04
    7. 练习：电商网页响应式的调整  0:20
  第11章:Bootstrap 4 V.S Bootstrap 3
    1. 断点的调整、重新设计类别缀词、自动平均分配栏宽  6:06
    2. 加入换行、移除预设距离( no-gutter)  2:24
    3. 水平方向的对齐、垂直方向的对齐  3:44
    4. 区块的排列顺序、图片响应化  3:43
    5. card组件取代.panel、.well 与 .thumbnail  2:44
大家可以点击【 查看详情】查看我的课程