HTML5+CSS3开发—359人已学习
课程介绍
本系列课程将带领大家学习HTML5,课程内容包括:视频&音频的使用方法,会教你如何去播放视频或音频,接着再给大家讲解如何使用Canvas绘制基本图形,然后再一步步带你使用Canvas绘制风景时钟,以及绘制见缝插针的游戏,后给大家讲解本地存储和离线缓存的使用场景和方法。所有知识点讲解完后,会带领大家实现一个阶段性的项目——QQ彩贝。
课程收益
了解并掌握视频&音频的使用方法,能够使用Canvas绘制图形,掌握本地存储和离线缓存的使用。
讲师介绍
胡杨柳依 更多讲师课程
前端在线人气名师、前端工程师,北京大学旗下互联网教育平台课工场签约讲师,具有丰富的前端项目经验,对前端技术有独到见解,授课时对问题分析条理清晰,致力于使课程通俗易懂,期待与你共同分享。
课程大纲
第1章:多媒体播放
1. 学习目标 2:06
2. 多媒体初体验 17:44
3. 视频和音频的播放语法 26:32
4. 视频和音频常见格式 8:56
第2章:使用Canvas绘制图形
1. 学习目标 1:16
2. 初识Canvas 9:07
3. 创建Canvas步骤 9:47
4. 使用Canvas绘制一条直线 9:29
5. 使用Canvas绘制矩形 11:03
6. 使用Canvas绘制圆形 7:26
7. 使用Canvas绘制文本 10:20
第3章:用Canvas绘制风景时钟
1. 绘制风景时钟步骤 3:36
2. 创建Canvas元素 4:44
3. 绘制时钟圆盘1 21:33
4. 绘制时钟圆盘2 13:38
5. 美化时钟表盘 7:27
6. 让时钟指针走起来 12:46
7. 绘制表盘背景 9:10
第4章:HTML5本地存储
1. 学习目标 1:17
2. 初识本地存储 2:26
3. 了解Cookie 18:44
4. 本地存储分类 6:29
5. 本地存储方法 26:03
第5章:HTML5离线缓存
1. 课程目标 1:30
2. 离线缓存的概念&优势 4:24
3. 离线缓存的实现步骤 26:20
4. 使用离线缓存实现缓存图片&样式 13:26
第6章:项目实战-见缝插针游戏
1. 见缝插针游戏演示说明 4:11
2. 制作游戏主界面 6:13
3. 绘制见缝插针游戏前准备工作 4:24
4. 绘制中间大圆 4:19
5. 绘制转动球 13:20
6. 绘制等待球 7:16
7. 完善游戏与回顾游戏步骤 10:35
第7章:项目实战-QQ彩贝
1. 演示页面效果 8:26
2. 页面分析 11:27
3. 网站导航特效实现方法 15:25
4. 左侧竖向菜单&轮播图实现方法 11:57
5. 右侧高级搜索&回到顶部实现方法 8:03
6. 瀑布流实现方法 35:15
大家可以点击【 查看详情】查看我的课程
课程介绍
本系列课程将带领大家学习HTML5,课程内容包括:视频&音频的使用方法,会教你如何去播放视频或音频,接着再给大家讲解如何使用Canvas绘制基本图形,然后再一步步带你使用Canvas绘制风景时钟,以及绘制见缝插针的游戏,后给大家讲解本地存储和离线缓存的使用场景和方法。所有知识点讲解完后,会带领大家实现一个阶段性的项目——QQ彩贝。
课程收益
了解并掌握视频&音频的使用方法,能够使用Canvas绘制图形,掌握本地存储和离线缓存的使用。
讲师介绍
胡杨柳依 更多讲师课程
前端在线人气名师、前端工程师,北京大学旗下互联网教育平台课工场签约讲师,具有丰富的前端项目经验,对前端技术有独到见解,授课时对问题分析条理清晰,致力于使课程通俗易懂,期待与你共同分享。
课程大纲
第1章:多媒体播放
1. 学习目标 2:06
2. 多媒体初体验 17:44
3. 视频和音频的播放语法 26:32
4. 视频和音频常见格式 8:56
第2章:使用Canvas绘制图形
1. 学习目标 1:16
2. 初识Canvas 9:07
3. 创建Canvas步骤 9:47
4. 使用Canvas绘制一条直线 9:29
5. 使用Canvas绘制矩形 11:03
6. 使用Canvas绘制圆形 7:26
7. 使用Canvas绘制文本 10:20
第3章:用Canvas绘制风景时钟
1. 绘制风景时钟步骤 3:36
2. 创建Canvas元素 4:44
3. 绘制时钟圆盘1 21:33
4. 绘制时钟圆盘2 13:38
5. 美化时钟表盘 7:27
6. 让时钟指针走起来 12:46
7. 绘制表盘背景 9:10
第4章:HTML5本地存储
1. 学习目标 1:17
2. 初识本地存储 2:26
3. 了解Cookie 18:44
4. 本地存储分类 6:29
5. 本地存储方法 26:03
第5章:HTML5离线缓存
1. 课程目标 1:30
2. 离线缓存的概念&优势 4:24
3. 离线缓存的实现步骤 26:20
4. 使用离线缓存实现缓存图片&样式 13:26
第6章:项目实战-见缝插针游戏
1. 见缝插针游戏演示说明 4:11
2. 制作游戏主界面 6:13
3. 绘制见缝插针游戏前准备工作 4:24
4. 绘制中间大圆 4:19
5. 绘制转动球 13:20
6. 绘制等待球 7:16
7. 完善游戏与回顾游戏步骤 10:35
第7章:项目实战-QQ彩贝
1. 演示页面效果 8:26
2. 页面分析 11:27
3. 网站导航特效实现方法 15:25
4. 左侧竖向菜单&轮播图实现方法 11:57
5. 右侧高级搜索&回到顶部实现方法 8:03
6. 瀑布流实现方法 35:15
大家可以点击【 查看详情】查看我的课程