步骤1: 初识HTML5

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

    第1课

    HTML5标签变化

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

    第2课

    HTML5网页布局

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

    第3课

    HTML5属性变化

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

    第4课

    HTML5展望

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

    第5课

    HTML5测试

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

步骤2: 搞懂CSS3

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

    第1课

    CSS3选择器

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

    第2课

    CSS3边框与圆角

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

    第3课

    CSS3背景与渐变

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

    第4课

    CSS3转换

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

    第5课

    CSS3过渡

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

    第6课

    CSS3动画

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

    第7课

    CSS3图片切换特效

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

    第8课

    CSS3测试

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

步骤3: JavaScript基础

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

    第1课

    JavaScript语法

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

    第2课

    JavaScript流程控制语句

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

    第3课

    JavaScript函数

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

    第4课

    JavaScript内置对象

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

    第5课

    JavaScript DOM基础

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

    第6课

    JavaScript DOM事件

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

    第7课

    JavaScript BOM基础

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

    第8课

    JavaScript实现轮播特效

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

    第9课

    JavaScript基础测试

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

步骤4: 项目实战

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

    第1课

    H5+CSS3+JS实现炫酷网页

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

    第2课

    实战测试

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

查看完整路径步骤

前端开发不神秘

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

  • 导航菜单

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

  • 导航条双向绑定

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

  • CSS3动画

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

  • 滑动门特效

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

  • 滚动视差

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

  • 锚点跳转

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

有趣 有效 只学有用的

  • 专家级教学团队

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

  • 高品质增值服务

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

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

  • 游戏关卡式学习

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

  • 学习数据全跟踪

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

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

  • 免费延期等你拿

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

适合人群

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

万事俱备 只等你来

  • 烁罡

    之前在W3C学过基础,但是并没有真正运用上,从这门课程学到了很多,细致化的讲解了每个语言的技巧,不会的还能去问答区提问,真的还是不错的。。推荐

  • weixin_欣欣然_03647380

    老师很棒的点评。解决了我课程和作业中遇到的问题。通过这次作业与老师的交流,有一种很实在的感觉。 我很喜欢这样的学习模式。很酷又很棒

  • 聪明宝贝宝贝

    整体不错,老师讲的很细,可以说进行360度讲;但是不会失去重点。我觉得整套课程下来,只要跟随老师的步伐,边看边练,反反复复,就可以自己独立完成一个页面。可以看得出老师精心准备的课程,我虽然学习进度慢一些,但是我在这里受益匪浅。

查看全部222条用户评价

HTML5与CSS3实现动态网页

立即购买
¥599.00
意见反馈 常见问题 APP下载
官方微信