课程 / Bootstrap

BootStrap经典案例分析

《大前端开发》直播班，开课啦！

《BootStrap经典案例分析》本课程是由北风网录制，Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

难度：中级

共65章节

81154次播放

第1章介绍: 内容简介; 教学目标
第2章案例一: 窄屏模式网页设计_任务发布; 窄屏模式网页设计_技能点; 窄屏模式网页设计_准备工作; 窄屏模式网页设计_step1_框架搭建; 窄屏模式网页设计_step2_导航栏设计; 窄屏模式网页设计_step3_jumbotro...; 窄屏模式网页设计_step4_设计各板块内容; 窄屏模式网页设计_step5_自定义CSS美化...; 窄屏模式网页设计_案例小结
第3章案例二: 固定布局模式网页设计_任务发布; 固定布局模式网页设计_准备工作; 固定布局模式网页设计_step1_框架搭建; 固定布局模式网页设计_step2_内容布局排版; 固定布局模式网页设计_step3_设计标题内容; 固定布局模式网页设计_step4_设计Colu...; 固定布局模式网页设计_step5_响应式导航栏...; 固定布局模式网页设计_案例小结
第4章案例三: 登录界面实战_step1_任务发布&技...; 登录界面实战_step2_加入表单登录各组件; 登录界面实战_step3_加入用于美化的CSS; 登录界面实战_step4_将表单元素应用CSS; 登录界面实战_step5_强化功能效果; 登录界面实战_案例小结
第5章案例四: 实战流动布局_任务发布; 实战流动布局_技能点、准备工作; 实战流动布局_step1_整体框架搭建; 实战流动布局_step2_顶部导航栏设计; 实战流动布局_step3_标题版块设计; 实战流动布局_step4_内容明细响应式设计; 实战流动布局_step5_设计侧边导航栏; 实战流动布局_step6_重构侧边导航栏小屏幕...; 实战流动布局_step7_重构标题栏加入动态内...; 实战流动布局_step8_为动态内容附加JS事...; 实战流动布局_案例小
第6章案例五: 营销类网站设计_任务发布、技能点分析; 营销类网站设计_准备工作、实现步骤分析; 营销类网站设计_step1_首页整体框架设计; 营销类网站设计_step2 _细化顶部导航栏; 营销类网站设计_step3_设计突出显示标题; 营销类网站设计_step4_内容明细的设计; 营销类网站设计_step5_自定义CSS美化页...; 营销类网站设计_案例小结
第7章案例六: 网页顶部与底部粘贴效果_任务发布; 网页顶部与底部粘贴效果_技能点与准备工作; 网页顶部与底部粘贴效果_step1_整体框架布...; 网页顶部与底部粘贴效果_step2_顶部导航栏; 网页顶部与底部粘贴效果_step3_底部元素设...; 网页顶部与底部粘贴效果_step4_内部部分设...; 网页顶部与底部粘贴效果_step5_底部导航固...; 网页顶部与底部粘贴效果_step6_自定义CS...; 网页顶部与底部粘贴效果_案例小结
第8章案例七: 博客页面_任务发布; 博客页面_技能点与准备工作; 博客页面_step1_整体框架搭建; 博客页面_step2_顶部导航栏; 博客页面_step3_尾部内容设计; 博客页面_step4_设计顶部标题; 博客页面_step5_内容部分排版设计; 博客页面_step6_底部文章分页; 博客页面_step7_侧边栏内容设计; 博客页面_step8_加入CSS美化头部菜单; 博客页面_step9_加入CSS美化尾部内容; 博客页面_案例小结

讲师介绍

韦小宝: 全栈工程师

课程必读:: 《BootStrap经典案例分析》在学习本课程之前，希望你可以了解掌握HTML、css、JavaScript等前端技术，对本课程感兴趣的也可以学习学习！！

能学到什么:: 《BootStrap经典案例分析》学习完了本课程，我们可以学到很多东西，看了你就知道哦！

暂无课件

取消回复发送

PHP中文网