Bootstrap与jQuery UI框架设计

前言课程设计说明关于引用作品版权说明第1章 Bootstrap入门1 Bootstrap简介1.1 Bootstrap简介1.2 Bootstrap文件结构和标准模板

前言课程设计说明关于引用作品版权说明第1章 Bootstrap入门1 Bootstrap简介1.1 Bootstrap简介1.2 Bootstrap文件结构和标准模板操作案例：在页面中使用Bootstrap2 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 API3.1 jQuery：Mobile API3.2 jQuery Mobile事件3.2.1 页面事件3.2.2 方向事件3.2.3 触摸事件本章总结本章作业