项目名

任务

视频文件

案例效果

HTML5的页面元素

任务1 HTML5 的基本语法

1、HTML5的基本语法1

2、HTML5的基本语法2

任务2 HTML5页面元素及属性

1、页面布局1

2、页面布局2

3、导航栏的制作

4、Artical文本块

5、分组元素

6、其他元素及属性

任务3 HTML5的表单设计

1、表单自动完成功能1

2、表单自动完成功能2

3、表单input元素新属性1

4、表单input元素新属性2

5、表单input元素新属性3

6、表单input元素新属性4

CSS3技术

任务1 CSS3基本语法

1、CSS3定义服务器字体1

2、CSS3定义服务器字体2

3、CSS3文本外观属性1

4、CSS3文本外观属性2

5、CSS3属性选择器1

6、CSS3属性选择器2

7、CSS3关系与伪对象选择器1

8、CSS3关系与伪对象选择器2

9、CSS3结构伪类选择器-child系列1

10、CSS3结构伪类选择器-child系列2

11、CSS3结构伪类选择器-tyep系列1

12、CSS3结构伪类选择器-tyep系列2

13、CSS3 UI元素状态伪类选择器

14、CSS3案例表格的隔行变色

任务2 CSS3高级应用

1、图片边框属性1

2、图片边框属性2

3、图片边框属性3

4、圆角边框1

5、圆角边框2

6、盒子阴影属性1

7、盒子阴影属性2

8、盒子倒影

9、不透明度设置

10、背景图像大小的设置

11、背景图像定位与裁切

12、多重背景效果

13、线性渐变1

14、线性渐变2

15、径向渐变

16、重复渐变1

17、重复渐变2

HTML5 

    canvas

任务1 canvas基本语法

1、canvas基本语法1

2、Canvas基本语法2

任务2 canvas坐标与颜色的定义

1、不同颜色线宽的平行线的绘制

2、镂空正方形的绘制1

3、镂空正方形的绘制2

任务3 canvas绘制图形、图像与文字

1、圆形的绘制

2、矩形的绘制

3、画布中心绘制文字1

4、画布中心绘制文字2

5、画布中心绘制文字3

6、画布中心绘制文字4

7、图片的绘制

8、帧动画的绘制1

9、帧动画的绘制2

10、帧动画的绘制3

文件与拖放

任务1 拖放概述

1、拖放概述1

2、拖放概述2

3、拖放概述3

任务2 拖放元素

1、拖放元素1

2、拖放元素2

3、拖放元素3

任务3 文件

1、本地文件拖放1

2、本地文件拖放2

3、本地文件拖放3

本地存储

任务1 Web Storage

1、Web Storage存取实现1

2、Web Storage存取实现2

3、Web Storage不同存储区别

4、Web Storage永久保存案例1

5、Web Storage永久保存案例2

任务2 Web SQL数据库

1、数据库的创建1

2、数据库的创建2

3、数据库中表的创建

4、表中数据的增删改查1

5、表中数据的增删改查2