[html5/Css3] HTML5与CSS3实现动态网页视频教程 H5零基础实战教程

步骤1: 初识HTML5

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

第1课 HTML5标签变化

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

第2课 HTML5网页布局

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

第3课 HTML5属性变化

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

第4课 HTML5展望

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

步骤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的认识会有质的提高

步骤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页切换等实用特效

步骤4: JavaScript进阶

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

第1课 调试工具

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

第2课 JavaScript变量、作用域

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

第3课 JavaScript函数深入讲解

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

第4课 JavaScript实现简易计算器

带领大家开发一个简易计算器，体会一步步优化代码的过程，体验代码简约而不简单的魅力

步骤5: 项目实战

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

第1课 H5+CSS3+JS实现炫酷网页

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