Bootstrap与jQuery UI框架设计

随着各类移动终端设备的普及，之前针对PC端设计的网站已经无法满足用户的需求，响应式网页设计的概念应运而生。无论用户使用笔记本还是iPad，页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。在众多的响应式框架中，来自Twitter开源的Bootstrap无疑是当前很流行的前端框架。而针对移动平台应用，jQuery Mobile适用于所有流行的智能手机和平板电脑。基于jQuery的核心库，也更容易让众多的开发人员学习和使用。本套前端开发教材优选的特点就是以流行网站元素为项目实战。

肖睿，曾就读于吉林大学少年班，专攻人工智能专家系统方向，作为靠前很好软件技术专家，早期曾领导北大方正核心软件产品研发，并受聘为北京大学软件学院特约讲师、北京创客总部创业导师、教育部专业和课程评审专家、人力资源和社会保障部岗位标准评审专家。拥有20年IT职业教育产品管理和企业管理经验，是中国IT职业教育领军人物。

前言
课程设计说明
关于引用作品版权说明
第1章 Bootstrap入门
1 Bootstrap简介
1.1 Bootstrap简介
1.2 Bootstrap文件结构和标准模板
操作案例：在页面中使用Bootstrap
2 Bootstrap功能介绍
2.1.Bootstrap构成模块
2.2 Bootstrap的特色和功能介绍
2.2.1 Bootstrap的特色
2.2.2 媒体查询
2.2.3 Bootstrap主要功能
2.3 Bootstrap优秀插件
2.4 Bootstrap版本变化
3 Bootstrap优秀网站示例
本章总结
本章作业
第2章 Bootstrap布局
1 Bootstrap的结构
1.1 使用栅格系统
1.1.1 绘制栅格
1.1.2 栅格系统的列偏移
操作案例1：制作音乐网站首页
1.1.3 栅格系统的列交换
1.1.4 栅格系统的嵌套
1.2 响应式栅格
操作案例2：组合栅格系统
2 CSS布局概要
2.1 CSS布局简介
2.2 基础排版
2.2.1 标题
2.2.2 主体内容
2.2.3 对齐方式
2.2.4 列表
3 禁用响应式布局
本章总结
本章作业
第3章 Bootstrap组件
1 按钮
操作案例1：制作Bootstrap官网案例页面
2 表格
3 CSS组件
3.1 表单
3.2 输入框组
3.3 图标
3.4 下拉菜单
操作案例2：制作收集用户信息页面
3.5 按钮组
3.6 导航和导航条
操作案例3：制作导航栏
3.7 缩略图
3.8 媒体对象
本章总结
本章作业
第4章 Bootstrap插件
l 动画过渡
2 Bootstrap中的JS插件
2.1 模态框
操作案例1：利用模态窗体制作百度登录框
2.2 轮播图
操作案例2：利用.Bootstrap制作携程网首页的轮播图
2.3 选项卡
2.4 折叠
操作案例3：利用Bootstrap制作导航菜单
本章总结
本章作业
第5章jQuery Mobile入门
l jQuery Mobile入门
1.1 jQuery Mobile简介
1.2 jQuery Mobile准备文档
1.3 jQuery Mobile架构
1.3.1 jQuery Mobile属性
1.3.2 jQuery Mobile主题
1.3.3 jQuery Mobile视图
操作案例1：制作jQuery Mobile基本页面
1.3.4 jQuery Mobile对话框
1.4 与电话整合
操作案例2：制作商家信息展示页面
2 jQuery Mobile UI组件
2.1 网格系统
2.2 格式化内容
2.3 可折叠的内容
2.4 工具栏
操作案例3：制作影视介绍页面
2.5 按钮
操作案例4：制作音乐播放器页面
本章总结
本章作业
第6章jQuery Mobile基础
1 列表
1.1 整页列表与插入列表
1.2 视觉分隔符
1.3 交互行
1.4 图片
1.4.1 图标
1.4.2 缩略图
1.4.3 计数气泡
2 表单组件
2.1 表单动作
2.2 表单元素
2.2.1 文本标签和容器标签
2.2.2 文本输入框
2.2.3 textarea输入区域
2.2.4 HTML5新增标签
操作案例：制作信息收集页面
3 jQuery Mobile API
3.1 jQuery：Mobile API
3.2 jQuery Mobile事件
3.2.1 页面事件
3.2.2 方向事件
3.2.3 触摸事件
本章总结
本章作业