初识HTML+CSS
课程内容
浏览器语言：HTML、CSS、JS、开发工具、第一个HTML页面(含详解)、CSS基础样式、基本标签、A、img、什么是css？、css基本语法、选择器(部分)、width、height、border、background、margin、padding、基础样式、文字操作、颜色写法、HTML书写规范
培训目标
了解目前行业情况，课程入门基础的工具使用,掌握HTML语法基础及CSS基础样式,达到老师上、下课所布置的任务。
项目实践
各大互联网公司的精品页面局部内容的制作。包括布局和样式、根据情况设定的针对性练习
样式重置与选择符
课程内容
如何初始化(重置)样式、选择符、选择符优先级、ID和Class区别、细节标签
培训目标
掌握浏览器之间的样式默认样式差异化，掌握如何进行样式的重置及选择器的使用。问题等
项目实践
BAT及其他网站的小模块内容制作。
块和内嵌、浮动
课程内容
块和内嵌特点、块和内嵌转换、标签嵌套规范、浮动详解、浮动的各种问题、如何清除浮动、清浮动的原理、为什么要清浮动
培训目标
掌握块和内嵌的特点，为后面的课程打基础。
项目实践
分页、导航、彩票、360新闻、360应用排行榜、淘宝女装、土豆、网易云音乐、花瓣瀑布流
定位与JS布局
课程内容
相对定位、相对定位特点、绝对定位、绝对定位特点、固定定位、透明度、透明度问题、透明度的使用、透明度复杂案例、Js布局
培训目标
掌握定位和一些技巧，熟练掌握js布局，为网页中的js内容打好基础。
项目实践
时间轴、优酷土豆登陆、焦点图制作、树形导航菜单、支付宝、携程旅游、优酷音乐、酷我音乐热门歌手
表格、表单
课程内容
表格详解、应用、表单(input、select、textarea、radio、checkbox、password、text、file...)、表单样式、表单兼容性、表单应用、丰富的表单制作、模拟file框
培训目标
了解表格和表单在网页中的应用，熟练使用自定义表单。
项目实践
QQ注册、新浪微博注册、360问答、个人资料页
Css Sprite
课程内容
Css Sprit详解 (精灵/雪碧 -。- No No 不是可口可乐那个)、拼图的技巧、对滑动门的拼图、Sprite样式写法、优缺点分析
培训目标
熟练使用图片合并，并掌握图片合并的各种方法和技巧。
项目实践
QQ旋风、淘宝帮助中心、淘宝首页导航、腾讯软件、腾讯应用宝、新浪微博分类
CSS 样式中的兼容性、滑动门
课程内容
调试兼容性的方法、兼容性汇总、overflow问题、Css Hack、条件注释语句、调试的各种技巧、滑动门详解、优缺点分析、实战应用
培训目标
熟练掌握css中的各种兼容性，并了解滑动门的原理
一线互联网公司面试题
课程内容
内部测试题(至少70道)、面试题、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中、兴趣题解答(大家感兴趣的布局或面试题)
培训目标
了解各种面试题，各种布局的原理、思想。为以后的面试打基础，并且内部有很多测试题。
CSS3基础
课程内容
新增的标签(nav、header、figure、article、section、audio、video等)、input新的可用type、新的“可用”选择器、属性选择器、伪类选择器、伪元素、box-shadow、border-radius、text-shadow、text-transform、calc()、background新的用法、CSS3 遮罩、线性渐变、渐变 – 圆形（径向）、渐变应用、Box-sizing、Box-sizing的问题、弹性布局、弹性布局对齐方式、弹性布局应用、box-reflect、-webkit-filter、@font-face等...
培训目标
掌握HTML5+CSS3新增标签及基础的样式
项目实践
基础样式练习，微信App、微博App、微信公共账号底部菜单
transform
transition
animation
课程内容
translate、scale、rotate、skew、transform-origin、transform-style、perspective、transition(各种详细参数)、animation(各种详细参数)、各种实战项目、手机动画专题页面制作
培训目标
掌握CSS3的各种变化，了解景深是什么。并熟练使用。
项目实践
各种变幻练习、ihover库效果逐一实现
响应式和移动页面
课程内容
viewport、IOS设备专用meta、媒体查询(Media Query)、媒体类型、响应式布局技巧及注意事项、移动端布局注意事项、移动页面制作技巧及如何适应不同分辨率，真实工作案例分享
培训目标
了解viewport及ios的各种应用，能够使用响应式写出真实的案，并且对移动页面有独立的制作能力。
项目实践
微软中国官网、微软中国电商、手机淘宝HTML5版，京东、医药网站、苏宁易购
Less
课程内容
Less是什么？、编译工具、浏览器中调用、Less中的注释、变量、参数、@arguments 变量、!important关键字、模式匹配、Guard表达式、嵌套规则、运算、函数、插值、导入、zless库的应用、作用域、避免编译、命名空间
培训目标
掌握less的基本语法和在工作中的实际应用。
项目实践
Less版新浪微博和优酷淘宝任选其一
Sass
课程内容
安装环境、编译工具、注释、变量、变量范围、嵌套、混合(mixin) 、继承、运算、函数、循环、SassCore库、其他
培训目标
熟练使用Sass编写页面
项目实践
Sass版淘宝
栅格化
课程内容
如何使用栅格化、栅格化对web的作用、栅格化在工作的实际应用。
培训目标
了解栅格化在网页中的应用
项目实践
360热搜、优酷首页
BootStrap
Pure
课程内容
bootstrap 3 核心思路讲解、使用方法
培训目标
了解并掌握bootstrap使用
Puerh
Animated
课程内容
讲解各种库的核心思想，给大家真正有价值的东西。
培训目标
了解各种库或框架的核心原理和思路
组件化
课程内容
组件化课程包含如何使用Less或Sass或原生CSS封装自己的组件。以及封装组件的注意事项，思想等。
培训目标
掌握组件化的封装原理，使用Less或Sass封装组件。
Gulp
课程内容
gulp安装、插件管理、版本控制、postcss
培训目标
使用gulp管理自己的项目，压缩CSS、js、图片合并等，以及postcss的使用
综合实战
项目实践
平时积累的小型项目+整站，和最后的这个项目实战内容，构成了整体课程的结课标准。
