步骤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下载
官方微信