Bootstrap与jQuery UI框架设计

目录 前言 课程设计说明 关于引用作品版权说明 第1章 Bootstrap入门 1 Bootstrap简介 1.1 Bootstrap简介 1.2 Bootstrap文件结构和标准模板 前言 课程设计说明 关于引用作品版权说明 第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 触摸事件 本章总结 本章作业 收起全部>>