| 课程名称 | 教学科目 | 详细内容 |
| Photoshop基础 | Photoshop基础 像素单位 图层概念 选区工具 切片工具 快捷键 |
了解ps菜单及工具的使用 网站的成型 常用概念 图片格式 切图工具的使用技巧 |
| html和html5 | HTML简介 HTML元素 HTML标签 HTML属性 HTML文本格式化 HTML实体 HTML链接、相对路径、绝对路径 HTML图像 HTML列表 HTML表格 HTML背景 HTML表单 HTML布局 |
HTML表单： 1）单行文本输入框 2）表单提交按钮 3）表单重置按钮 4）复选框 5）单选框 6）下拉框 7）多行文本输入框 简单的企业网站布局 使用HTML5新标签进行布局 |
| css和css3 | css简介 css选择器 css语法、id选择器、类选择器、派生选择器 css字体属性 css常用文本属性 css背景属性 css边框属性 css边距属性 css间隙属性 css盒子模式 css列表样式属性 css伪类 css3-- transform变换属性 css3--transition过渡动画 css3--animation自定义动画 css3常用单位 css布局 |
css基础语法规则的使用 使用css选择器控制页面每一个元素的样式 元素的变形属性（元素的放大、缩小、旋转、拉伸等） 元素的样式过渡（元素的渐变等） 自定义动画css3弹球效果 2D/3D转换（查看大图的显示效果） 动画库animate.css的使用 css hack (各大浏览器的兼容性调试) css 优化（优化代码结构） |
| pc 实战篇 | 1.使用html5和css3完成响应式网站的制作 2.兼容各种分辨率的响应式网站 css3--制作伊森手表网站 |
运用html5和css3知识，完成实战响应式项目； 伊森手表 金领企业网站 |
| 移动端实战篇 | css3 --- 移动端现状及未来介绍 css3 ---视口介绍 css3---移动端适配 css3---制作购物app |
了解视口的设置原理 完成实战项目; 团购app; 社交网站； |
| bootstrap | bootstrap基本介绍 bootstrap基本实例 bootstrap栅格系统 bootstrap排版 bootstrap表格 bootstrap表单 bootstrap按钮 bootstrap图片 bootstrap响应式工具 bootstrap组件 bootstrap--js插件 bootstrap项目实战 |
理解bootstrap原理 熟练掌握bootstrap核心api 实现响应式布局及功能交互 完成实战项目游戏引擎主题网站 |
| css预处理器 sass |
sass的介绍安装 sass的编译 sass的语法 sass的项目使用 |
sass的实现原理 sass的编译和基本使用 sass如何应用到项目 |
| svn&git | ||
| 案例展示 | 上海微巨网络科技 http://www.vtip.com.cn 时尚设计欧美店 http://demo.cssmoban.com 王者荣耀 http://pvp.qq.com 博远官网 http://www.poiyuan.com 乐无尽，智生活 http://www.endless-pools.cn 普风石墨 http://www.prowind.cn 云桌面 表单设计器 画板 |
| javascript入门及应用 | javascript语言介绍 javascript变量 javascript流程控制 javascript函数 内置对象、属性、方法、事件 浏览器对象、文档对象 dom基础应用 正则表达式 json |
目的要求：掌握js的语法，如何引用js 练习：阶乘；九九乘法表； 1）文件域的动态生成与删除 2）表格的动态生成与删除 3）json对象，函数自定义与传值 4）演示常见错误，培训学员使用； 5）firefox调试网页， 解决网页错误 |
| javascript高级应用 | 介绍各种类库：zepto,jquery,easyui,jquery-ui; 掌握jquery的使用和插件的封装；在jquery中编写插件，插件扩展，插件应用 touchJS、jquery-pagination分页、jquery-artDialog弹出层 jquery-custom-scrollerbar滚动条 juqery ui /juqery mobile使用 ajax 同源策略和 json xml 跨域 熟悉javascript的设计模式；构造函数，单例，工厂，代理，观察者等设计模式 es6初步和bable 掌握模块开发 AMD ,CMD的设计规范，理解模块式开发，以及requireJS、seaJS、commonJS插件的使用面向组件编程的方式 面向组件编程的实现原理 面向组合编程实战 requireJS框架介绍 loadJS框架介绍 seaJS框架讲解及实操 |
制作网站的动态特效 在HTML中添加jquery的 应用 使用jquery中的核心方法 常用选择器的使用 常用的jquery的方法 jquery中的几种实现方法 使用jquery实现一些页面常用的实例，进一步巩固jquery学习 jquery 插件使用 了解jqueryui的使用原理 异步获取数据 |
| 游戏制作 | canvas---简单和应用领域介绍 canvas---基础绘图接口使用 canvas---高级绘图接口使用 canvas---项目实战贪吃蛇 lufylegent引擎 |
通过系统学习canvas基础到高级接口 熟悉使用canvas绘图动画和特效 了解lufylegent游戏引擎的原理，使用方法 |
| 项目实战 | 元素周期表 FENDI官网 绿色农业网站 坦克大战 娇韵诗中国官网 |
|
