H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。 01 什么是html与css？

什么是html与css？

html是一种超文本标记语言，所谓超文本，即页面中不仅包含文字，还有图片、视频等诸多元素，一个网页结构类似人体，有头(Head)，身体(Body)，脚(Footer)，才构成完整的页面。 css是一种样式表，用来表现修饰页面的各种元素，类似人的外貌和衣着。

什么是html5与css3？

html5是html语言的第五次重大修改，加入了很多新的标签和特性。同样，css3是css的最新升级版本，在很多样式方面有了新的特性，现在html5+css3再配合js脚本语言，可以制作出不属于Flash的漂亮页面动画效果，并且在版式的布局设计上也更加便利。

02 网页H5开发课程大纲

网页基础课程 H5前端设计课程 网页高级特效与框架开发

网页基础课程 节点学习内容 最终学习目标描述 节点1

认识网站：学习网站相关知识；掌握DW界面和其功能

HTML是网页制作必备技能，主要介绍HTML概念、语法及常用基础标签

节点2

代码入门：HTML代码基础及CSS层叠样式表概述

css的盒子模型，更好的排版，进行页面布局。 介绍CSS语法、选择器、继承、层叠及优先级基础内容。 节点3

知识进阶：表单制作、JavaScript、html5+css3

表单标签的编写规范、嵌套规范以及相关属性的用法讲解；了解JavaScript语言，掌握它的语法、数据类型、基本算数和逻辑运算操作，方便我们开发中直接调用，进而实现更多功能 常见的html5标签；讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值 节点4

实战应用：入门网站制作；进阶网站制作；多平台网站设计战略

搭建一个网页HTML结构，并掌握网布局相应知识与技巧。针对CSS中的基础布局以及经典的布局展开详细的讲解。对前面知识的综合应用，通过项目实战，更加熟练掌握基础知识，在实践中复习、巩固知识，提高综合能力。 本模块完成后学员具备完成简单静态页面能力，可以从事网页前台制作的工作，但是因为更深入的技术缺乏，无法胜任更高级的设计与开发工作，属于网页设计底层的工作能力要求程度 H5前端设计课程 节点学习内容 最终学习目标描述 节点1

H5前端开发环境介绍：传统网站知识布局总结

前端开发环境介绍：DreamWeaver、 Notepad++、HBuilder；HTML基础，CSS基础，CSS核心属性；CSS样式层叠继承，盒模型 节点2

HTML5基础及案例练习

HTML5提供了新的元素来创建更好的页面结构，告别传统代码不能更好语义化说明及页面新功能增加。

新增标签介绍：

、