![]()
内容推荐 肖睿、游学军主编的《Bootstrap与移动应用开发(新技术技能人才培养系列教程)/Web全栈工程师系列》围绕Bootstrap框架和移动端网页开发两条主线展开介绍。在Bootstrap框架部分,讲解Flex布局与响应式布局,Bootstrap核心CSS组件与JavaScript插件,以任务案例为驱动,让读者快速上手制作出响应式网页。在移动端网页开发部分,除了介绍移动端页面布局,移动端事件和移动端开发技巧,还加入了对Zepto库的介绍,最后通过移动端网站“爱旅行”的开发进行知识整合,渐进式地完成项目开发。 本书示例丰富,侧重于实战,适合刚接触或即将接触移动端开发的开发者,也适合有过移动端开发经验、但要进一步提升的开发者。 目录 第1章 Flex布局与响应式布局 任务1 认识Flex弹性盒布局 1.1.1 为什么要使用弹性布局 1.1.2 实现弹性布局的方法 1.1.3 上机训练 任务2 实现响应式布局 1.2.1 响应式网页设计 1.2.2 媒体查询 1.2.3 上机训练 1.2.4 响应式布局的应用 1.2.5 响应式布局的优缺点 本章作业 第2章 初识Bootstrap 任务1 认识Bootstrap 2.1.1 Bootstrap概述 2.1.2 Bootstrap使用方法 2.1.3 Bootstrap整体结构 任务2 使用Bootstrap栅格系统进行页面布局 2.2.1 栅格系统简介 2.2.2 实现原理 2.2.3 栅格系统的使用 2.2.4 响应式栅格 2.2.5 上机训练 任务3 使用Bootstrap CSS全局样式 2.3.1 Bootstrap排版 2.3.2 Bootstrap表单 2.3.3 Bootstrap按钮 2.3.4 Bootstrap图片 2.3.5 上机训练 本章作业 第3章 Bootstrap CSS组件 任务1 使用图标组件 3.1.1 使用方法 3.1.2 应用场景 3.1.3 实现方式 任务2 使用下拉菜单组件 3.2.1 基本下拉菜单 3.2.2 分离式下拉菜单 3.2.3 上机训练 任务3 使用输入框组件 3.3.1 基本的输入框组件 3.3.2 输入框组件的大小 3.3.3 按钮插件 任务4 使用导航和导航栏组件 3.4.1 导航 3.4.2 导航栏 3.4.3 上机训练 任务5 使用缩略图 任务6 使用媒体对象 任务7 使用列表组 任务8 使用分页导航 3.8.1 分页(Pagination) 3.8.2 翻页(Pager) 3.8.3 上机训练 本章作业 第4章 Bootstrap JavaScript插件 任务1 认识JavaScript插件 4.1.1 JavaScript插件的引入方式 4.1.2 data属性概述 任务2 实现动画过渡效果 任务3 使用Modal插件实现模态框效果 4.3.1 基础布局与样式 4.3.2 尺寸设置 4.3.3 常用属性 4.3.4 动态设置模态框属性 4.3.5 上机训练 任务4 使用Tab插件实现选项卡效果 4.4.1 基础布局与样式 4.4.2 动态操作选项卡插件的属性及方法 4.4.3 上机训练 任务5 使用Carousel插件实现轮播图 4.5.1 基础布局与样式 4.5.2 自定义属性 4.5.3 动态调用 4.5.4 上机训练 任务6 使用ScrollSpy插件实现滚动监听 4.6.1 基础布局与使用 4.6.2 动态调用 4.6.3 上机训练 任务7 Bootstrap总结 本章作业 第5章 移动端页面布局 任务1 移动Web概述 5.1.1 什么是移动Web 5.1.2 移动Web的现状 5.1.3 PC与移动Web开发的区别 任务2 移动端开发、测试浏览器 5.2.1 移动端浏览器的类型 5.2.2 测试浏览器 任务3 移动端视口及视口标签 5.3.1 移动端的三种视口 5.3.2 视口标签 任务4 设备像素比 任务5 实现移动端布局 5.5.1 使用em布局网页内容 5.5.2 使用rem布局网页内容 5.5.3 上机训练 本章作业 第6章 移动端事件与Zepto框架 任务1 使用移动端事件 6.1.1 click事件 6.1.2 touch(触摸)事件 6.1.3 上机训练 任务2 使用Zepto框架 6.2.1 初识Zepto 6.2.2 Zepto和jQuery的区别 6.2.3 Zepto框架常用选择器 6.2.4 Zepto框架常用方法和属性 6.2.5 上机训练 本章作业 第7章 移动端开发技巧 任务1 开发技巧 任务2 常见问题 任务3 移动端优化 7.3.1 加载优化 7.3.2 图片优化 7.3.3 脚本优化 本章作业 第8章 项目实战——制作“爱旅行”网站 任务1 开发流程制订及角色分工 任务2 项目分析 8.2.1 需求概述 8.2.2 问题分析 任务3 项目实现 8.3.1 公用部分 8.3.2 网站首页——轮播图 8.3.3 网站首页——图文混排 8.3.4 旅游首页 8.3.5 列表页 8.3.6 详情页 8.3.7 选择日期和人数页 8.3.8 选择资源页 8.3.9 订单填写页 8.3.10 目的地页 8.3.11 登录页 8.3.12 注册页 8.3.13 浏览历史页 8.3.14 我的页面 8.3.15 订单页 本章作业
|