Bootstrap响应式网站开发项目教程 / 高等职业院校“双高计划”建设教材
¥49.00定价
作者: 车玉生,鞠红
出版时间:2023-11
出版社:中国铁道出版社
- 中国铁道出版社
- 9787113305055
- 1版
- 502278
- 16开
- 2023-11
作者简介
内容简介
本书包括7个项目31个任务,主要介绍Bootstrap的基础知识、基本语法及高级应用,以项目化任务驱动形式讲解Bootstrap技术、应用技巧和注意事项,并着力于介绍Bootstrap 的内核开发原理,通过大量案例,由浅入深,既各自独立,又环环相扣的讲解,再加上对丰富的代码细致的讲解,让读者能感受Bootstrap 的LESS 文件应用于自定义样式的强大威力,以及掌握用Bootstrap 的JavaScript 插件设计专业的用户交互。
目录
项目一 认识Bootstrap 开发框架....................................................................................... 1
任务一 认识Bootstrap.......................................................................................................................... 1
任务二 Bootstrap 运行环境搭建.......................................................................................................... 3
项目二 Bootstrap 网站整体布局设计................................................................................. 8
任务一 Flex 弹性盒布局设计.............................................................................................................. 8
任务二 实现响应式布局................................................................................................................... 14
任务三 Bootstrap 栅格系统布局设计............................................................................................... 21
项目三 Bootstrap 中公共样式设置................................................................................... 33
任务一 边框样式设置与应用........................................................................................................... 33
任务二 浮动样式设置与应用........................................................................................................... 39
任务三 元素位置设置与应用........................................................................................................... 42
任务四 display 属性设置与应用....................................................................................................... 44
项目四 Bootstrap CSS 全局样式设置............................................................................... 50
任务一 排版样式设置与应用........................................................................................................... 50
任务二 表格样式设置与应用........................................................................................................... 58
任务三 表单样式设置与应用........................................................................................................... 68
任务四 按钮样式设置与应用........................................................................................................... 73
任务五 图片样式设置与应用........................................................................................................... 78
项目五 网站建设中Bootstrap 组件应用........................................................................... 84
任务一 图标组件应用........................................................................................................................ 84
任务二 输入框组件应用................................................................................................................... 87
任务三 下拉菜单组件应用............................................................................................................... 91
任务四 导航和导航栏组件应用....................................................................................................... 95
任务五 列表组组件应用................................................................................................................. 104
任务六 媒体对象组件应用............................................................................................................. 108
任务七 分页导航组件应用............................................................................................................. 113
任务八 折叠面板组件应用............................................................................................................. 115
项目六 网站特效制作——Bootstrap JavaScript 插件.........................................................129
任务一 实现加载动画效果............................................................................................................. 129
任务二 使用Modal 插件实现模态框效果..................................................................................... 136
任务三 使用Tab 插件实现选项卡效果......................................................................................... 145
任务四 使用Carousel 插件实现轮播图......................................................................................... 148
任务五 使用ScrollSpy 插件实现滚动监听.................................................................................... 158
项目七 项目实践——教育门户网站前端设计与制作..........................................................177
任务一 网站规划与设计................................................................................................................. 177
任务二 网站主页设计与制作......................................................................................................... 179
任务三 专业介绍页面...................................................................................................................... 188
任务四 联系我们.............................................................................................................................. 193
参考文献.......................................................................................................................198
任务一 认识Bootstrap.......................................................................................................................... 1
任务二 Bootstrap 运行环境搭建.......................................................................................................... 3
项目二 Bootstrap 网站整体布局设计................................................................................. 8
任务一 Flex 弹性盒布局设计.............................................................................................................. 8
任务二 实现响应式布局................................................................................................................... 14
任务三 Bootstrap 栅格系统布局设计............................................................................................... 21
项目三 Bootstrap 中公共样式设置................................................................................... 33
任务一 边框样式设置与应用........................................................................................................... 33
任务二 浮动样式设置与应用........................................................................................................... 39
任务三 元素位置设置与应用........................................................................................................... 42
任务四 display 属性设置与应用....................................................................................................... 44
项目四 Bootstrap CSS 全局样式设置............................................................................... 50
任务一 排版样式设置与应用........................................................................................................... 50
任务二 表格样式设置与应用........................................................................................................... 58
任务三 表单样式设置与应用........................................................................................................... 68
任务四 按钮样式设置与应用........................................................................................................... 73
任务五 图片样式设置与应用........................................................................................................... 78
项目五 网站建设中Bootstrap 组件应用........................................................................... 84
任务一 图标组件应用........................................................................................................................ 84
任务二 输入框组件应用................................................................................................................... 87
任务三 下拉菜单组件应用............................................................................................................... 91
任务四 导航和导航栏组件应用....................................................................................................... 95
任务五 列表组组件应用................................................................................................................. 104
任务六 媒体对象组件应用............................................................................................................. 108
任务七 分页导航组件应用............................................................................................................. 113
任务八 折叠面板组件应用............................................................................................................. 115
项目六 网站特效制作——Bootstrap JavaScript 插件.........................................................129
任务一 实现加载动画效果............................................................................................................. 129
任务二 使用Modal 插件实现模态框效果..................................................................................... 136
任务三 使用Tab 插件实现选项卡效果......................................................................................... 145
任务四 使用Carousel 插件实现轮播图......................................................................................... 148
任务五 使用ScrollSpy 插件实现滚动监听.................................................................................... 158
项目七 项目实践——教育门户网站前端设计与制作..........................................................177
任务一 网站规划与设计................................................................................................................. 177
任务二 网站主页设计与制作......................................................................................................... 179
任务三 专业介绍页面...................................................................................................................... 188
任务四 联系我们.............................................................................................................................. 193
参考文献.......................................................................................................................198