步骤1: 走进HTML5

本阶段带领大家认识HTML的最新版本HTML5，主要包括HTML5的标签变化、属性变化、音视频、以及表单验证。让你对HTML5有一个新的认识。

第1课
HTML5标签变化
HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5
第2课
HTML5网页布局
传统布局与HTML5网页布局的区别和意义，通过案例讲解如何使用HTML5搭建网页
第3课
HTML5属性变化
了解这些属性带来的好处，加深对标签的认识，将提高以后的开发效率
第4课
HTML5音视频
本课程带领大家学习HTML5新增的音频和视频功能，实现视音频、视频播放
第5课
项目：HTML5表单验证
本课程讲解HTML5中新增的表单验证功能，使用属性的设置实现表单验证
第6课
HTML5基础测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤2: CSS3详解

本阶段主要带领大家走进CSS3的世界，主要包括CSS3的选择器、边框、圆角、背景、渐变、文本、字体、转换、过渡、动画、多列布局以及用户界面，让你对CSS3有个全面的了解。

第1课
CSS3选择器
详细讲解CSS3的变化，新的概念和理念，及其CSS3新增加的选择器
第2课
CSS3边框与圆角
带来神奇的圆角边框、阴影框及其图片边框等，非常具有实用价值的新属性
第3课
CSS3背景与渐变
同样神奇的背景控制属性，以及如何使用颜色过渡实现漂亮的渐变效果
第4课
CSS3文本与字体
CSS3中还新增的对文本和字体的设置，我们一起来学习一下吧。
第5课
CSS3转换
深入讲解元素如何扭曲、移位或旋转，让我们可以更自由得装饰和变形HTML组件
第6课
CSS3过渡
一起探索如何通过CSS3属性值的变化实现动画效果，如何触发这些动画产生交互
第7课
CSS3动画
使用animation属性，实现以往要用Flash等动画软件才能完成的炫酷效果
第8课
CSS3多列布局
课程讲解列宽、元素划分列数、列之间的间隔、列样式和颜色、横跨列、填充列等
第9课
CSS3用户界面
本课程讲解户界面特性，包括重设元素尺寸、盒尺寸、轮廓等如何来进行应用。
第10课
项目：CSS3实现汉克狗
本课程讲解如何运用css3的样式和动画知识绘制卡通汉克狗。
第11课
CSS3 测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤3: 移动基础与响应式

移动端需要适配不同的设备，本阶段主要带领大家走进移动端，包括移动基础视口、弹性盒布局、响应式布局、以及布局案例等课程，为移动端开发打下坚实的基础。

第1课
移动基础
本课程讲解移动端的基础、度量单位、浏览器等知识，对移动端开发有一个初步的了解。
第2课
flex弹性布局
本课程讲解移动端的flex布局以及伸缩容器和项目的属性学习，实现弹性布局页面。
第3课
响应式布局
本课程讲解移动端响应式布局的实现，当屏幕到达一定的宽度的时候会有不一样的布局。
第4课
项目：移动端课程列表页
本课程讲解移动端界面，通过代码、布局分析讲解及弹性布局的使用，了解移动端开发。
第5课
移动基础与响应式测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤4: Bootstrap详解

本阶段我们主要来学习Bootstrap的内容，首先会把Bootstrap的基础知识讲解一下，从下载配置到组件的应用，然后再通过一个案例来为大家综合讲解它的使用技巧。带你层层揭秘Bootstrap的神奇之处。

第1课
bootstrap栅格布局
本课程讲解bootstrap栅格布局，以及如何使用栅格布局完成响应式页面
第2课
bootstrap模块分类及排版布局
本课程讲解模块分类、排版布局、对表单、表格、按钮、图像和文本进行样式设置。
第3课
bootstrap常用组件
本节课讲解组件和插件，可复用的组件和插件能提高开发效率及增加页面的用户体验。
第4课
项目：实现企业网站首页
本课程运用bootstrap实现一个网页的布局，体验项目的开发流程以及技巧。
第5课
bootstrap测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤5: Less即学即用

本阶段带领大家一起来学习Less的内容，首先会从基础的用法讲解，然后还会有实战的应用，对less做一个全面透彻的学习，运用到实处才能真正理解。

第1课
less基础
本课程讲解less的变量，Mixin，运算，函数等，用更少的代码做更多的事情！
第2课
项目：实现商品列表页
本课程带领大家完成一个用less做的网页，把知识点运用到项目中去。
第3课
less测试
本课为考评，满分100学分，共20道题，限时30分钟