【板块一 】：HTML和CSS基础

知识点

内容提要

HTML基础

HTML标签 HTML元素 HTML网页结构 HTML声明和编码格式
元素. 属性. 标题. 段落. 文本格式化. 链接. 头部
图像 表格 列表 区块 表单

CSS样式表

CSS定义 CSS引用 颜色 文本 背景 边框 伪类样式 布局

阶段项目：
贵美商城

1.贵美商城首页 2.贵美商城商品列表页 3.贵美商城商品详情页 4.贵美商城登录注册页 5.贵美商城购物车页 6.贵美商城个人中心页

【板块二 】：JavaScript动态脚本语言

知识点

内容提要

JavaScript基础语法

掌握脚本的基础结构 掌握JavaScript的执行原理
使用JavaScript表达式 变量 输入输出

函数与window对象

函数定义 函数声明与使用 函数实现代码重用
使用window对象的open()方法 使用setinterval与settiimeout方法

BOM编程

使用getElementByID()方法访问DOM元素
使用getElementByName()方法访问DOM元素
使用getElementByTagName()方法访问DOM元素
使用display样式属性控制元素的隐藏和显示

DOM编程

使用getElement系列方法实现DOM元素的查找和定位
使用Core DOM标准操作实现节点的增删改查
使用HTML DOM特有操作实现HTML元素内容修改

JavaScript与CSS的交互

使用style属性制作菜单特效
使用className属性制作菜单特效
使用scrollTop制作随鼠标滚动的广告图片

表单基本验证技术

使用表单事件和脚本函数实现表单验证
使用String对象和文本框控件常用属性和方法实现客户端验证

正则表达式和表单辅助特效

使用innerHTML动态改变DIV的内容
使用正则表达式验证页面输入的内容
使用数组实现级联的下拉列表框效果

【板块三 】：jQuery技术

知识点

内容提要

初识jQuery

在网页中导入jQuery框架 掌握jQuery的基本语法
掌握jQuery对象与DOM对象的相互转换 使用jQuery实现简单特效

jQuery选择器

基本选择器 层次选择器 属性选择器
基本过滤选择器 可见性过滤选择器

事件与动画

使用常用简单事件制作网页特效 使用鼠标事件制作主导航特效
使用键盘事件制作表单特效 使用hover()制作下拉菜单特效
使用鼠标事件及动画制作弹出对话框

CSS

CSS概念与作用； 选择器； 行内样式/嵌入样式/外部样式； 
CSS属性；Box Model； CSS定位和布局；
[软件工具]：MS Expression Web

JavaScript
RE

JavaScript特点； 代码位置与运行； 数据类型/运算符/流程控制/BOM/DOM对象； 事件处理； RE及输入验证； 常见js应用；

使用jQuery操作 DOM

使用jQuery操作CSS样式 使用jQuery操作文本与属性值内容
使用jQuery操作DOM节点 使用jQuery遍历DOM节点
使用jQuery操作CSS-DOM

表单校验

掌握String 对象的用法 会使用正则表达式验证页面输入内容 会使用表单选择器

Ajax异步加载技术

理解Ajax技术 JSON格式
掌握jQuery的常用Ajax方法

jQuery UI 
常用插件

使用jQuery UI插件创建对话框 使用jQuery UI插件创建选项卡
使用jQuery UI插件创建菜单 使用jQuery UI插件实现自动完成
使用jQuery UI插件实现图片延迟加载 使用easy UI插件创建树形导航菜单 
使用easy UI插件创建表单展示数据

项目

当当网

【 板块四 】：HTML5技术

知识点

内容提要

HTML5简介

HTML5的目标 
HTML5开发工具和调试工具

HTML5模板、页面结构及新增元素

Doctype html元素 head元素 header元素 section元素
article元素 nav元素 aside元素 footer元素
time元素和格式 pubdate属性 hgroup元素 address元素 progress元素 meter元素figure和figcaption元素
mark元素 details元素 script元素的async属性

HTML5中的表单（一）

创建基础的表单 使用range 类型创建滑块 使用选值框处理数字
日期控件 email 类型 url 类型 color 类型
回退  替换颜色选择器 Modernizr

HTML5中的表单（二）

使用autofocus 属性定位第一个表单域元素 
使用placeholder 属性进行提示 简单的注册表单 阻止自动完成

HTML5中的表单（三）

账户表单 持久化数据 创建编辑页面

HTML5中文件处理api

filelist对象与file对象 blob对象 filereader接口

HTML5中的Canvas

canvas元素  2D渲染上下文   坐标系统  访问2D渲染上下文 
绘制基本图形 线条和圆形 l 样式  绘制文本 
擦除Canvas  使Canvas填满浏览器窗口 

Canvas高级开发

1.保存和恢复绘图状态： 画布绘图状态是什么  保存绘图状态  恢复绘图状态  保存和恢复多个绘图状态 
2.变形： 平移 l 缩放 l 旋转 l 变换矩阵 
3.合成： 全局阿尔法值 l 合成操作 
4.阴影  5.渐变  6.复杂路径  7.将画布导出为图像 

html 5页面中视频和音频

1.现状：
l视频容器格式l视频编解码器l 音频编解码器l 当前浏览器使用组合
2.标记：
l启用本机控件 autoplay属性lloop属性l preload属性lposter属性
laudio属性l 添加对多种视频格式的支持l 资源顺序
l关于Internet Explorer 6～8 l MIME类型
3.用于网络的视频文件解码
4.创建自定义控件：
l从一些标记和设计开始l 介绍媒体元素APIl 播放和暂停视频
l视频音轨的静音与取消静音l视频结束播放的响应 
更新视频播放的时间 l 媒体元素API的其他一些功能
5.音频 
6.可访问的媒体

【 板块五 】：CSS3技术

知识点

内容提要

CSS3实战

1.改进旧版浏览器
2.CSS3选择器
l关系选择器l 属性选择器 伪类 l结构化伪类l伪元素和生成的内容
3.CSS3颜色： RGBA HSL和HSLA 不透明度
4.实际应用 5.圆角：border-radius 6.投影 7.文本阴影 8.更多阴影

J CSS3渐变和多背景

1.线性渐变：
W3C语法l 旧WebKit语法l 实际应用l 使用SVG的线性渐变
使用Internet Explorer滤镜的线性渐变 l 便捷的工具
2.径向渐变： W3C语法 l 旧WebKit语法l 实际应用
3.重复渐变 4.多背景图像 5.背景大小

CSS3转换和过渡

转换 过渡 动画

【 板块六 】：jQuery Mobile移动开发

知识点

内容提要

洞悉
jQuery Mobile

jQuery Mobile设计的技术思考和商业思考 jQuery Mobile入门初体验 使用页眉、工具栏和标签栏 jQuery Mobile中的表单和按钮 
jQuery Mobile中的列表 jQuery Mobile和CSS结合 jQuery Mobile主题
jQuery Mobile的API 和服务器集成
jQuery Mobile和HTML5开发框架PhoneGap结合

本地存储、离线应用程序

本地存储概念 离线web应用程序 新增的本地缓存 本地缓存与浏览器网页缓存的区别 
manifest文件 浏览器与服务器的交互过程 applicationcache对象 swapcache方法applicationcache对象的事件

通信API

跨文档消息传输 跨文档消息传输示例 web sockets通信 
使用web sockets api web sockets api使用示例 发送对象

线程处理

使用web workers处理线程

获取地理位置信息

geolocation api的基本知识 取得当前地理位置 
持续监视当前地理位置的信息 停止获取当前用户的地理位置信息 
position对象 在页面上使用google地图

【 板块八 】：企业项目实习

知识点

内容提要

企业项目实践

国家xxx委移动互联网开发；xx省信息中心移动互联网开发；
京东商城前端开发；畅途网开发。

【 板块九 】：就业指导

知识点

内容提要

就业指导

商业礼仪；素质教育；沟通技巧；团队协作；
就业复习和就业指导；面试技巧；模拟面试；考前辅导