HTML5与CSS3实现动态网页

¥599.00 立即购买
  • 24

    包含课程

  • 24h

    视频时长

  • 840

    在学人数

  • 9.90

    路径评价

STEP1: 初识HTML5

本阶段内容主要涵盖HTML5新增、删除标签、标签属性变化以及HTML5布局知识。通过本阶段学习,大家可以运用HTML5标签轻松实现网页音乐播放器和视频播放器,熟练运用HTML5的语义化标签进行静态网页的开发。

  • HTML5标签变化

    HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

    LESSON

    1-1

  • HTML5网页布局

    传统布局与HTML5网页布局的区别和意义,通过案例讲解如何使用HTML5搭建网页

    LESSON

    1-2

  • HTML5属性变化

    了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率

    LESSON

    1-3

  • HTML5展望

    HTML5快速发展,它还有哪些强大的功能,在什么领域可以使用,以及它的发展方向

    LESSON

    1-4

  • HTML5测试

    本课为考评,满分100学分,共20道题,限时30分钟

    LESSON

    1-5

STEP2: 搞懂CSS3

本阶段内容主要涵盖CSS3选择器、边框与圆角、背景与渐变、转换、过渡、动画等知识。通过本阶段学习,大家将学会更加精确得控制页面的布局、字体、颜色、背景等效果,实现非常炫酷的CSS3动画特效,让网页丰富多彩。

  • CSS3选择器

    详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器

    LESSON

    2-1

  • CSS3边框与圆角

    带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性

    LESSON

    2-2

  • CSS3背景与渐变

    同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果

    LESSON

    2-3

  • CSS3转换

    深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件

    LESSON

    2-4

  • CSS3过渡

    一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互

    LESSON

    2-5

  • CSS3动画

    使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果

    LESSON

    2-6

  • CSS3图片切换特效

    介绍了几种非常漂亮的图片切换特效,大家对CSS3的认识会有质的提高

    LESSON

    2-7

  • CSS3测试

    本课为考评,满分100学分,共25道题,限时37分钟

    LESSON

    2-8

STEP3: JavaScript基础

本阶段内容主要涵盖js基础语法、流程控制语句、函数、内置对象、DOM基础和事件、BOM基础等知识。通过本阶段学习,大家不仅可以掌握js的基础知识,还能学会网站开发中常用的图片轮播特效。

  • JavaScript语法

    初步了解JavaScript语言,掌握它的语法、数据类型、基本的算数和逻辑运算操作

    LESSON

    3-1

  • JavaScript流程控制语句

    掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

    LESSON

    3-2

  • JavaScript函数

    掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

    LESSON

    3-3

  • JavaScript内置对象

    学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

    LESSON

    3-4

  • JavaScript DOM基础

    DOM的方法和属性既可以获取网页中的元素,也可以设置元素的内容、样式及效果

    LESSON

    3-5

  • JavaScript DOM事件

    为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

    LESSON

    3-6

  • JavaScript BOM基础

    学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

    LESSON

    3-7

  • JavaScript实现轮播特效

    综合运用JavaScript知识,做出轮播图、tab页切换等实用特效

    LESSON

    3-8

  • JavaScript基础测试

    本课为考评,满分100学分,共25道题,限时37分钟

    LESSON

    3-9

STEP4: 项目实战

光学不练假把式,实践是巩固知识最好的方法,本环节,带领大家开发炫酷网页,从实践中总结经验并且提升解决问题的能力。

  • H5+CSS3+JS实现炫酷网页

    带领大家实现真实项目:“慕课手机宣传页”,面对综合需求,大展身手的时候到了!

    LESSON

    4-1

  • 实战测试

    本课为考评,满分100学分,共20道题,限时30分钟

    LESSON

    4-2

查看完整路径步骤

前端开发不神秘

本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。我们将一起完成应用以下丰富功能的动态网页

  • 导航菜单

    几乎所有网站的首页都会用到

  • 导航条双向绑定

    侧边导航和头部导航双向绑定准确定位

  • CSS3动画

    鼠标经过图片进行动态翻转、旋转动态变化

  • 滑动门特效

    导航菜单中跟随鼠标的移动元素进行变化

  • 滚动视差

    鼠标滚动到特定位置时,内容跟随加载

  • 锚点跳转

    根据链接元素定位到网页中想要查看的位置

有趣 有效 只学有用的

  • 专家级教学团队

    拥有多年教学经验的专家级教学团+一线公司大牛,高超的授课技巧+实战视野,让你理论和实践知识兼得

  • 高品质增值服务

    热情的同学和教学团队,会在问答区及时解答你学习上的疑问

    1V1作业批改,帮你针对性解决实践过程中遇到的困难

  • 游戏关卡式学习

    扎实的知识基础,会让你的进步事半功倍!完成每门课的学习目标,解锁新的学习领域,一步一脚印,一定收获满满

  • 学习数据全跟踪

    全面记录学习数据,学习情况一目了然,帮你提高学习效率

    获取学分达到标准后,将获得本路径的通关证书

  • 免费延期等你拿

    现在加入 额外赠送60天学习时间
    路径学习期限:120天+(赠送60天)=180天

适合人群

掌握HTML语言、CSS样式的基础知识

万事俱备 只等你来

  • xcss

    改作业的老师好认真好仔细。css3这部分,如果没有看这视频,自己去学习可能印象没那么深刻。挺久之前在w3cshool过完了css3的例子也没记得多少。上了这课之后才发觉,原来css3的内容是这么丰富的

    2016-12-27 09:29:23

  • Jasonmar

    我喜欢这种关卡模式,完成目标才能开启下一关,虽然还没学完,但是很喜欢这样的自学感觉,还有很多配套的资料和代码温故知新

    2016-12-28 10:38:04

  • 赏味期限已过

    刚过HTML布局,看到老师对作业的认真点评。真心觉得这课参加对了。对自己有很大帮助。值回票价!

    2016-12-28 11:19:56

  • 你那矫情的小眼神

    399买下这路径很划算,以前一直犹豫培训班,现在购买了,感觉不用去培训机构我也可以入门啦,很期待下一个路径。还有就是有不会的我都问下丸子姐姐这样我很尴尬啊,,天天骚扰丸子姐姐

    2017-01-09 17:19:35

  • 慕尘roz

    目前只学完html5,CSS3进行中,还是挺满意的,价格实惠,编程练习和作业可以更细更多一点,做的过程就是巩固知识,做成了也挺开心的,还有提问和回答别人问题也是很好的学习方式,希望后面有进阶课,让我直达就业。

    2017-01-13 17:18:23

  • 丶眼已望穿

    总体来讲还可以,之前学过web前端路径了,在这里补充了很多知识,相比web前端路径,这里更多实际操作,通过自己动手来获得更多知识,也更容易记住。

    2017-01-14 11:29:06

查看全部129条用户评价
意见反馈 常见问题 APP下载
官方微信