响应式布局是当今流行的一个设计理念，随着移动互联网的盛行，为解决各式各样的浏览器分辨率以及不同移动设备的显示效果，从中孕育而生，超酷超炫的效果，不容错过！
一、奠定基础
从基础开始，让后端程序员和不懂设计的前端人员也能制作出优美的Web页面。
1、玩转Bootstrap（基础）
课程介绍：Bootstrap框架是一个非常受欢迎的前端开发框架，他能让后端程序员和不懂设计的前端人员制作出优美的Web页面或Web应用程序。在这个系列教程中，将带领大家了解Bootstrap框架以及如何使用Bootstrap框架，并且能够独立定制出适合自己的Bootstrap。
课程提纲：
第1章 Bootstrap简介
本章主要介绍了Bootstrap框架的历史、要怎么获取Bootstrap以及Bootstrap的文件结构等。
第2章 排版
Bootstrap通过覆写元素的默认样式，实现对页面排版的优化，让页面在用户面前呈现的更佳完美。
第3章 表单
本章介绍Bootstrap框架核心部分之一：表单，通过本章节的学习，可以轻松的使用Bootstrap框架制作出适合自己需求的表单。
第4章 网格系统
本章介绍Bootstrap框架的网格系统，通过本章的学习，可以使用网格系统完美的实现Web的布局。
第5章 菜单、按钮及导航
菜单（导航菜单）是一个Web网站或者Web应用程序必不可少的一个组件。在Bootstrap框架中也提供了这样的组件。在这一节中，我们主要和大家探讨下拉菜单组件的使用。
第6章 导航条、分页导航
导航条和上一章介绍的导航，就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。...
第7章 其它内置组件
在网页制作中还有许多有用的小组件，如列表框、缩略图等，这一章就将给大家尾尾道来。
第8章 Bootstrap支持的JavaScript插件
本章节讲Bootstrap支持的JavaScript插件,包括选顶卡、弹出框、提示框。
2、玩转Bootstrap（JS插件篇）
课程介绍：你可以把这门课程看成是《玩转Bootstrap》的补充篇，带领大家学习怎么使用JS自由控制Bootstrap中提供的组件（插件）。
课程提纲：
第1章 模态弹出框
本章节讲解使用JS插件的方法使用模态弹出框，包括使用data方法和JS方法触发弹出框。
第2章 下拉菜单与滚动监视器
本章节讲解使用JS插件的方法实现“下拉菜单”与“滚动监视器”效果。
第3章 选项卡、提示框和弹出框
本章节讲解使用JS插件的方法实现“选择卡”、“提示框”和“弹出框”效果。
第4章 警告框、按钮
本章节使用JS插件的方法实现“警告框”、“按钮”两种效果。
第5章 手风琴、图片轮换和固定定位
本章节使用JS插件的方法实现“手风琴”、“图片轮换”和“固定定位”效果。
第6章 自定义Bootstrap
本章节讲解如何自己定制“Bootstrap”的方法。
第7章 综合挑战题
本章节带领大家利用以前学习的知识，来制作一个完整的网页。
二、动手实践
动手操练起来，网页开发实践，理论联系实际，有例有据有节操有内涵。
课程名称：基于bootstrap的网页开发
课程介绍：Bootstrap是用于前端开发的工具包，提供了优雅的HTML和CSS规范，并基于jQuery开发了丰富的Web组件。课程介绍了Bootstrap框架的基本知识，并基于Bootstrap框架，实现了一个浏览器介绍的单页面网页，同时网页支持移动设备，通过案例的实现让您对Bootstrap有更深入的了解。
课程提纲：
第1章 课程介绍
对课程进行介绍，让您清楚通过课程能学习到什么内容。
第2章 网页制作准备
讲解如何开始使用Bootstrap框架，Bootstrap框架的CSS、组件、插件、定制的基础知识，以及案例开始之前的素材准备内容。
第3章 基于bootstrap的网页制作
通过案例，讲解Bootstrap的使用，让您灵活掌握Bootstrap框架的应用。
第4章 编程挑战
三、响应式开发
让网站兼容不同终端不再是梦，为解决移动互联网浏览而诞生。
课程名称：响应式布局
课程介绍：本课程介绍了响应式布局，并通过使用Bootstrap前端框架讲解如何进行响应式布局的设计，理论联系实际，有例有据有节操有内涵。
课程提纲：
第1章 响应式布局介绍
本章讲解响应式布局的诞生背景、优缺点、设计原则。
第2章 响应式布局之设计初体验
本章首先讲解实现响应式布局都有哪些方法，然后通过CSS3-Media Query体验响应式布局的设计。
第3章 响应式布局之Bootstrap案例
本章将学习如何使用Bootstrap前端框架进行响应式布局的设计。
网友评论