• 课程 / Bootstrap

    BootStrap经典案例分析

    PHP综合实战阶段,开始报名了!

    立即报名
    介绍章节评论课件
    《BootStrap经典案例分析》本课程是由北风网录制,Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目。
  • 难度:中级
  • 共65章节
  • 93557次播放
  • 第1章 介绍

    内容简介

    06:35

    教学目标

    04:27
    第2章 案例一

    窄屏模式网页设计_任务发布

    02:13

    窄屏模式网页设计_技能点

    01:53

    窄屏模式网页设计_准备工作

    08:43

    窄屏模式网页设计_step1_框架搭建

    07:35

    窄屏模式网页设计_step2_导航栏设计

    04:59

    窄屏模式网页设计_step3_jumbotron标题

    04:05

    窄屏模式网页设计_step4_设计各板块内容

    02:31

    窄屏模式网页设计_step5_自定义CSS美化页面

    08:25

    窄屏模式网页设计_案例小结

    03:24
    第3章 案例二

    固定布局模式网页设计_任务发布

    02:20

    固定布局模式网页设计_准备工作

    02:00

    固定布局模式网页设计_step1_框架搭建

    05:06

    固定布局模式网页设计_step2_内容布局排版

    04:17

    固定布局模式网页设计_step3_设计标题内容

    05:10

    固定布局模式网页设计_step4_设计Column版块内容

    05:10

    固定布局模式网页设计_step5_响应式导航栏设计

    19:49

    固定布局模式网页设计_案例小结

    02:08
    第4章 案例三

    登录界面实战_step1_任务发布&技能点分析

    02:09

    登录界面实战_step2_加入表单登录各组件

    07:19

    登录界面实战_step3_加入用于美化的CSS

    04:21

    登录界面实战_step4_将表单元素应用CSS

    07:53

    登录界面实战_step5_强化功能效果

    07:11

    登录界面实战_案例小结

    02:05
    第5章 案例四

    实战流动布局_任务发布

    01:44

    实战流动布局_技能点、准备工作

    01:49

    实战流动布局_step1_整体框架搭建

    09:55

    实战流动布局_step2_顶部导航栏设计

    03:49

    实战流动布局_step3_标题版块设计

    02:36

    实战流动布局_step4_内容明细响应式设计

    05:42

    实战流动布局_step5_设计侧边导航栏

    03:01

    实战流动布局_step6_重构侧边导航栏小屏幕隐藏

    02:34

    实战流动布局_step7_重构标题栏加入动态内容

    04:29

    实战流动布局_step8_为动态内容附加JS事件

    03:42

    实战流动布局_案例小

    02:09
    第6章 案例五

    营销类网站设计_任务发布、技能点分析

    02:25

    营销类网站设计_准备工作、实现步骤分析

    01:12

    营销类网站设计_step1_首页整体框架设计

    04:08

    营销类网站设计_step2 _细化顶部导航栏

    03:24

    营销类网站设计_step3_设计突出显示标题

    03:08

    营销类网站设计_step4_内容明细的设计

    04:27

    营销类网站设计_step5_自定义CSS美化页面

    07:36

    营销类网站设计_案例小结

    01:35
    第7章 案例六

    网页顶部与底部粘贴效果_任务发布

    02:06

    网页顶部与底部粘贴效果_技能点与准备工作

    02:09

    网页顶部与底部粘贴效果_step1_整体框架布局

    03:26

    网页顶部与底部粘贴效果_step2_顶部导航栏

    05:01

    网页顶部与底部粘贴效果_step3_底部元素设计

    02:40

    网页顶部与底部粘贴效果_step4_内部部分设计

    02:21

    网页顶部与底部粘贴效果_step5_底部导航固定效果

    03:50

    网页顶部与底部粘贴效果_step6_自定义CSS美化页面

    01:53

    网页顶部与底部粘贴效果_案例小结

    01:45
    第8章 案例七

    博客页面_任务发布

    01:51

    博客页面_技能点与准备工作

    01:59

    博客页面_step1_整体框架搭建

    07:43

    博客页面_step2_顶部导航栏

    03:48

    博客页面_step3_尾部内容设计

    03:42

    博客页面_step4_设计顶部标题

    02:39

    博客页面_step5_内容部分排版设计

    04:38

    博客页面_step6_底部文章分页

    01:48

    博客页面_step7_侧边栏内容设计

    03:11

    博客页面_step8_加入CSS美化头部菜单

    03:59

    博客页面_step9_加入CSS美化尾部内容

    02:27

    博客页面_案例小结

    01:29

    讲师介绍

    韦小宝
    韦小宝
    全栈工程师
    能学到什么:

    《BootStrap经典案例分析》学习完了本课程,我们可以学到很多东西,看了你就知道哦!

    全部评论我要评论

  • 若风

    若风2年前

    感觉老师没有讲的很生硬

    回复
    0

  • 影

    3年前

    ererererererererer 同一天

    回复
    0

  • 影

    3年前

    ererererererererer 同一天

    回复
    0

  • frank

    frank3年前

    内容很不错,值得学习

    回复
    0

  • frank

    frank3年前

    内容很不错,值得学习

    回复
    0

  • frank

    frank3年前

    内容很不错,值得学习

    回复
    0

  • frank

    frank3年前

    内容很不错,值得学习

    回复
    0

  • frank

    frank3年前

    内容很不错,值得学习

    回复
    0

  • 影

    3年前

    BootStrap经典案例分析

    回复
    0

  • 影

    3年前

    BootStrap经典案例分析

    回复
    0

  • 影

    3年前

    BootStrap经典案例分析

    回复
    0

  • 影

    3年前

    BootStrap经典案例分析

    回复
    0

  • 影

    3年前

    BootStrap经典案例分析

    回复
    0

  • 影

    3年前

    BootStrap经典案例分析

    回复
    0

  • frank

    frank3年前

    内容很不错,值得学习

    回复
    0

  • 取消回复发送
  • PHP中文网