步骤1: 初识HTML5

本阶段内容主要涵盖H5新增、删除标签、标签属性变化以及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: JavaScript进阶

本阶段,将带领大家进一步探索JavaScript中的奥秘,教大家如何使用调试工具。还有变量、作用域、函数是怎么样来运用, 以及它们之前的关系是怎样的,我们来一步一步揭开它们的面纱。

    第1课

    调试工具

    学习调试工具,实践如何快速调试代码,并实时预览,体验快速调试代码的过程

    第2课

    JavaScript变量、作用域

    我们一起探究变量、作用域的本质,了解它们的定义及使用方法

    第3课

    JavaScript函数深入讲解

    研究函数的本质,了解函数的定义、调用,以及函数的参数和返回值

    第4课

    JavaScript实现简易计算器

    本课程讲解简易计算器的实现,体会代码优化过程及其简约而不简单的魅力

    第5课

    JavaScript进阶测试

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

步骤5: 项目实战

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

    第1课

    H5+CSS3+JS实现炫酷网页

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

    第2课

    实战测试

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

HTML5与CSS3实现动态网页

报名人数已满
¥628.00
意见反馈 帮助中心 APP下载
官方微信