使用 Bootstrap 4 提升网页实战力

[CSDN学习]

使用 Bootstrap 4 提升网页实战力
第一章:Bootstrap 快速入门
第一节你真的了解RWD响应式网页吗?
第二节有其他的RWD框架吗? 为什么要选 Bootstrap ?
第三节Bootstrap的起手式
第四节CDN的说明与应用
第五节响应式的meta标签说明与html lang设定
第六节Bootstrap 4 支持的浏览器版本
第七节IE 9 支持的CSS属性与设定meta兼容模式
第二章:Bootstrap 4 的排版应用技巧
第一节容器的应用:container与container-fluid
第二节响应式分界点的介绍
第三节列与栏的运作:row和col的设定、 响应式图片的应用
第四节Grid system 12栏网格系统如何运作?
第五节了解响应式的col尺寸分类
第六节栏区块col的实务操作，与巢状、间距设定
第七节row和col的对齐说明与设定
第八节col的左右位置变化说明与应用
第九节各装置尺寸的排版练习
第三章:Bootstrap 4 一页式网站的内容应用技巧
第一节自定义标题、凸显标题、凸显段落、引用来源
第二节响应式文字排版
第三节程序代码标示说明
第四节响应式图片应用
第五节表格的基本设定
第六节表格的应用
第七节产品图的使用
第四章:Bootstrap 4 一页式网站的组件应用技巧(一)
第一节导览列的说明
第二节导览列的应用
第三节banner轮播的控制
第四节banner轮播的方法
第五节表单的基础介绍
第六节表单的进阶运用
第七节自定义表单功能
第八节表单验证
第五章:Bootstrap 4 一页式网站的组件应用技巧(二)
第一节进度条的应用
第二节广告屏幕的应用
第三节列表群组的控制说明
第四节列表群组的方法应用
第五节折迭区块的说明
第六节折迭区块的用法
第七节鼠标滚动监听的数据属性应用
第八节鼠标滚动监听的javascript应用
第六章:一页式网站美化与其他彩蛋功能设定
第一节彩蛋功能一:导览列选单字体美化设定(google web font)、背景颜色变换
第二节广告图片轮播文字与设定
第三节关于我们区块(一)调整与设定
第四节关于我们区块(二)调整与设定
第五节环境介绍区块与菜单介绍区块调整与设定
第六节我们的坚持、主厨介绍与联络我们调整
第七节彩蛋功能二：导览列选单按钮链接监控滑动(scrollspy smooth )
第八节彩蛋功能三：滑动回到页首按钮(gotop)
第九节bootstrap4 通用类别-display说明, 导览列调整
第一十节版面响应式断点的调整(一)
第一十一节版面响应式断点的调整(二) - 通用类别 display应用
第一十二节版面响应式断点的调整(三)
第一十三节一页式网站完成档
第七章:Bootstrap 4 电商网页的组件与通用类别应用(一) ： 头部区
第一节页面头部区块制作
第二节页面头部区块设定
第三节页面导览列选单制作
第四节页面导览列搜寻购物车图示制作
第五节下拉选单的类型说明
第六节页面导览列下拉选单应用
第七节input群组控制说明
第八节导览列搜寻功能应用
第八章:Bootstrap 4 电商网页的组件与通用类别应用(二) : 内容区
第一节服务说明区块的制作
第二节通用类别：服务区块的边框应用
第三节卡片的介绍
第四节卡片的应用-特色商品区块
第五节通用类别:float的说明与应用
第六节通用类别:间隔 (Spacing)、Clearfix的说明与应用
第七节标签的应用
第八节导览(Navs)的说明
第九节商品分类区块：导览(Navs)的应用
第九章:Bootstrap 4 电商网页的组件与通用类别应用(三) : 内容区
第一节互动窗口 (Modal)的说明
第二节互动窗口 (Modal)的应用
第三节文字排版：缩写、列表、行内和描述型列表对齐说明
第四节工具提示框 (Tooltips)说明与应用
第五节弹出提示框(Popovers)
第六节通用类别：颜色的说明、崁入的应用
第七节通用类别：图片取代、屏幕阅读器的应用
第八节订阅电子报的区块制作
第九节警报 (Alerts)的说明与应用
第一十节Flex的说明
第一十一节练习：footer区块制作
第一十章:Bootstrap 4 电商网页的组件与通用类别应用(四) : 商品列表页
第一节面包屑的应用
第二节按钮、按钮群组、分页的应用
第三节练习：产品列表页套用导览(Nav)
第四节媒体对象的介绍
第五节通用类别：尺寸、文字的介绍
第六节垂直对齐、可视性和关闭图示的介绍
第七节练习：电商网页响应式的调整
第一十一章:Bootstrap 4 V.S Bootstrap 3
第一节断点的调整、重新设计类别缀词、自动平均分配栏宽
第二节加入换行、移除预设距离( no-gutter)
第三节水平方向的对齐、垂直方向的对齐
第四节区块的排列顺序、图片响应化
第五节card组件取代.panel、.well 与 .thumbnail

苏朝辉
目前为谦悦科技有限公司担任企划副理，负责网站的前端开发企划，与网路行销规划，除了在各大专院校担任业界讲师外，也承包了许多大型系统网站开发，并能够把业界经验带进课程内容，且具备了十多年的教学经验。

工作经历：谦悦科技有限公司行销副理、尊博科技股份公司前端工程师、英格视觉整合有限公司前端工程师
相关链接：https://edu.csdn.net/course/detail/7254?utm_source=edu_bbs_autocreate