HTML5 微场景实战 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程主要讲解如何使用 HTML5 实现一个微场景,通过 CSS3 与 JavaScript 的配合,完成 PPT 中的基础动作,实现华丽的动画效果。本课程既是 HTML5 的实例,也是 JavaScript 的实例,课程讲解主要是思路分析、需求转换和代码解析,同时也会详细的讲解代码的调试和错误的排除。

    1.健康学习心态 00:07:01

    本课时将展示课程最终的实现效果,同时也会指导如何以最高的效率和最好的方法学习本课时,为学员在未来的学习中提供帮助。

    2.从文字稿到 PPT 00:42:15

    本课时讲解如何将一个文字稿转换成充满特效的 PPT,同时对 PPT 的动画特效进行分析,寻找适合 HTML5 处理的动画,最后根据分析对 PPT 中的元素进行保存和后期处理,以使其适应网页的要求。

    3.设计思路与框架搭建 00:43:51

    本课时将讲解设计的总体思路和页面框架的建设,希望能为学员的开发提供借鉴。

    4.HTML5 页面构建之第一页和第二页 00:30:12

    本课时将讲解前两个页面的构成。

    5.HTML5 页面构建之第三页和第四页 00:19:07

    本课时介绍第三页和第四页的构成。

    6.HTML5 页面构建之其他页面 00:30:34

    本课时将讲解其他页面的设计,通过实践,解剖 CSS3 与 HTML5 的千变万化。

    7.总结:思路重现 00:17:09

    本课时将回顾一下前面学习的内容,从实践中总结学习到的理论,让实践来印证理论的真实性,同时,也试图解开您心中还没有打开的结。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5 微场景实战

7课时,190分钟
ASMITA
ASMITA

极客学院签约布道师

课程背景:
HTML5 是当前最火的 Web 前端技术,可以说,没有掌握 HTML5 技术的前端是不合格的前端,本课从一个 PPT 的设计开始,到 Web 页面的构建,带你体验 CSS3 的快感,从此打开天窗做动画,告别沉重的 JavaScript 特效。

核心内容:
1.健康学习心态
2.从文字稿到 PPT
3.页面构建
4.总结:思路重现

软件环境:Windows、Xampp、DreamWeaver CS6、Office Powerpoint2010、Firefox、Chrome、Photoshop CS4

是否提供资料:

课程等级:初级

适合人群:
具备 HTML 基础、JavaScript 基础、对网站前端开发充满热情的爱好者,HTML5 初学者
  • 技术问答
  • 1

    健康学习心态

    07:01

    本课时将展示课程最终的实现效果,同时也会指导如何以最高的效率和最好的方法学习本课时,为学员在未来的学习中提供帮助。

  • 2

    从文字稿到 PPT

    42:15

    本课时讲解如何将一个文字稿转换成充满特效的 PPT,同时对 PPT 的动画特效进行分析,寻找适合 HTML5 处理的动画,最后根据分析对 PPT 中的元素进行保存和后期处理,以使其适应网页的要求。

  • 3

    设计思路与框架搭建

    43:51

    本课时将讲解设计的总体思路和页面框架的建设,希望能为学员的开发提供借鉴。

  • 4

    HTML5 页面构建之第一页和第二页

    30:12

    本课时将讲解前两个页面的构成。

  • 5

    HTML5 页面构建之第三页和第四页

    19:07

    本课时介绍第三页和第四页的构成。

  • 6

    HTML5 页面构建之其他页面

    30:34

    本课时将讲解其他页面的设计,通过实践,解剖 CSS3 与 HTML5 的千变万化。

  • 7

    总结:思路重现

    17:09

    本课时将回顾一下前面学习的内容,从实践中总结学习到的理论,让实践来印证理论的真实性,同时,也试图解开您心中还没有打开的结。

相关课程

  • HTML5 文件API(二)

    本套课程主要讲解 HTML5 文件 API 中的 FileSystem,FileSystem API 适用于当用户需要永久保存数据。主要内容包含 FileSystem 概述及浏览器检测、申请磁盘配额和创建文件

    3课时 18分钟
    初级
    9488人学习
  • HTML5 文件API(一)

    本套课程讲解 HTML5 文件 API ,在 HTML5 中,提供了一些关于文件操作的文件 API ,本课所讲解包括,FileList 对象与 File 对象,文件 API 之 Bolb 对象和文件 API 之 FileReader 对象。

    3课时 25分钟
    初级
    14898人学习
  • HTML5 indexedDB数据库索引

    本套课程主要讲解 HTML5 indexedDB 数据库索引,索引的一个好处就是可以迅速定位数据,提高搜索速度,在 indexedDB 中有两种索引,一种是自增长的 int 值,一种是 keyPath :自己指定索引列,我们重点来看看 keyPath 方式的索引使用。

    3课时 30分钟
    初级
    7232人学习
  • HTML5 indexedDB数据库

    本套课程讲解HTML5 indexedDB数据库,主要内容包括,链接数据库、数据库的版本更新和创建对象仓库。掌握对indexedDB数据库的概述,创建,版本更新。

    3课时 16分钟
    初级
    19545人学习