-
第一章初识HTML5
HTML5是超文本标记语言（Hypertext markup language）的第5代版本，目前还处于推广阶段。经过了Web2.0时代，基于互联网的应用已经越来越丰富，同时也对互联网应用提出了更高的要求。HTML5正在引领时代的潮流，必将开创互联网的新时代。本章将对HTML5的基本结构和语法、文本控制标记、图像标记以及超链接标记进行详细讲解。
-
●1.1HTML5概述
随着时代的发展，统一的互联网通用标准显得尤为重要。在HTML5之前，由于各个浏览器之间的标准不统一，给网站开发人员带来了很大的麻烦。HTML5的目标就是将Web带入一个成熟的应用平台。在HTML5平台上，视频、音频、图像、动画以及同电脑的交互都被标准化。
-
●1.2HTML5基础
学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。HTML5标记语言也不例外，同样需要遵从一定的规范。本节学习HTML5文档的基本格式：语法、标记等。
-
●1.3文本控制标记
掌握段落标记、文本格式化标记、特殊字符标记的使用。
-
●1.4图像标记
学习常用图像格式、图像标记
、绝对路径和相对路径的使用方法。
-
●1.5超链接
学习如何创建超链接、锚点链接的方法。
-
第二章HTML5页面元素及属性
HTML5中引入了很多新的标记元素和属性，这是HTML5的一大亮点，这些新增元素使文档结构更加清晰明确，属性则使标记的功能更加强大，掌握这些元素和属性是正确使用HTML5构建网页的基础。本章将HTML5中的新增元素分为结构元素、分组元素、页面交互元素和文本层次语义元素，除了介绍这些元素外，还会介绍HTML5中常用的几种标准属性。
-
●2.1列表元素
学习ul元素、ol元素、dl元素、列表的嵌套应用。
-
●2.2结构元素
学习header元素、nav元素、article元素、aside元素、section元素、footer元素的使用。
-
●2.3分组元素
学习figure和figcaption元素、hgroup元素的使用。
-
●2.4页面交互元素
学习页面交互元素：details和summary元素、progress元素、meter元素的使用。
-
●2.5文本层次语义元素
学习文本层次语义元素：time元素、mark元素、cite元素的使用。
-
●2.6全局属性
学习全局属性：draggable属性、hidden属性和contenteditable属性的使用。
-
第三章CSS选择器
随着网页制作技术的不断发展，陈旧的CSS特性和标准已经无法满足现今的交互设计需求，开发者往往需要更多的字体选择、更方便的样式效果、更绚丽的图形动画。CSS3的出现，在不需要改变原有设计结构的情况下，增加了许多新特性，极大地满足了开发者的需求。本章将对CSS3的发展史、浏览器的支持情况以及相关文本样式属性、CSS3中新增的多种选择器以及盒子模型进行详细讲解。
-
●3.1CSS简介
学习CSS概述、CSS3发展历史、CSS3浏览器支持情况等内容。
-
●3.2CSS核心基础
学习CSS样式规则、引入CSS样式表、CSS基础选择器等知识点。
-
●3.3文本样式属性
学习CSS字体样式属性、CSS文本外观属性等知识点。
-
●3.4CSS高级特性
学习CSS层叠性与继承性、CSS优先级等知识点。
-
●3.5CSS3属性选择器
学习E[att^=value]属性选择器、E[att$=value]属性选择器、E[att*=value]属性选择器等知识点。
-
●3.6关系选择器
学习子代选择器（>）、兄弟选择器（+、~）等知识点。
-
●3.7结构化伪类选择器
学习:root选择器、:not选择器、:only-child 选择器、:first-child和:last-child选择器、:nth-child(n)和:nth-last-child(n)选择器、:nth-of-type(n)和:nth-last-of-type(n)选择器、:empty选择器、:target选择器等知识点。
-
●3.8伪元素选择器
学习:before选择器、:after选择器等知识点。
-
●3.9链接伪类
学习链接伪类知识点。
-
●3.10CSS盒子模型
盒子模型是CSS网页布局的基础，只有掌握了盒子模型的各种规律和特征，才可以更好地控制网页中各个元素所呈现的效果。本节将对盒子模型的概念进行学习。
-
●3.11盒子模型相关属性
本节对盒子模型相关属性及元素的类型和转换进行详细讲解。
-
●3.12背景属性
本节讲解CSS设置背景属性的使用。
-
●3.13CSS3渐变属性
本节讲解线性渐变、径向渐变、重复渐变的使用。
-
第四章浮动与定位
为了使网页的布局更加丰富、合理，可以在CSS中对元素设置浮动和定位属性。本章将对元素的浮动和定位进行详细讲解。
-
●4.1元素的浮动
学习如何给元素设置浮动属性，并能够清除浮动元素带来的影响。
-
●4.2overflow属性
学习overflow属性知识点。
-
●4.3元素的定位
学习元素的定位属性、静态定位、相对定位、绝对定位、固定定位、z-index层叠等级属性等知识点。
-
●4.4元素的类型与转换
学习元素的类型、标记、元素的转换等知识点。
-
第五章HTML5表单的应用
表单是HTML网页中的重要元素，它通过收集来自用户的信息，并将信息发送给服务器端程序处理，来实现网上注册，网上登录，网上交易等多种功能。本章将对表单控件和属性以及如何使用CSS控制表单样式进行详细讲解。
-
●5.1认识表单
初步认识表单。
-
●5.2表单属性
表单属性
-
●5.3input元素及属性
input元素及属性
-
●5.4表单验证其他表单元素
表单验证其他表单元素
-
●5.5CSS控制表单样式
CSS控制表单样式
-
第六章音频与视频
在网页设计中，多媒体技术主要是指在网页上运用音频视频传递信息的一种方式。在网络传输速度越来越快的今天，音频和视频技术已经被越来越广泛的应用在网页设计中，比起静态的图片和文字，音频和视频可以为用户提供更直观、丰富的信息。本章将对HTML5多媒体的特性以及创建音频和视频的方法进行详细讲解。
-
●6.1音视频的插入
音视频的插入设置。
-
第七章CSS3高级应用
在传统的Web设计中，当网页中需要显示动画或特效时，需要使用JavaScript脚本或者Flash来实现。在CSS3中，提供了对动画的强大支持，可以实现旋转、缩放、移动和过渡等效果。本章将对CSS3中的过渡、变形和动画进行详细讲解。
-
●7.1CSS3高级应用-过渡
学习过渡属性，能够控制过渡时间、动画快慢等常见过渡效果。
-
●7.2CSS3高级应用-变形一
学习CSS3中的变形属性，能够制作2D转换。
-
●7.3CSS3高级应用-变形二
学习CSS3中的变形属性，能够制作3D转换效果。
-
●7.4CSS3高级应用-动画
学习CSS3中的动画，能够熟练制作网页中常见的动画效果。
-
第八章HTML5画布
过去的很长一段时间，网页显示图像是用jpg、png等嵌入式图像格式。动画通常是由Flash实现的。现在出现了两种新的图形格式canvas和svg，并且HTML5对它们提供了非常好的支持，其中，canvas为HTML5的新增元素，本单元将会讲解如何使用canvas进行网页图形的绘制。
-
●8.1JavaScript
学习JavaScript的基本语法。
-
●8.2canvas
学习JavaScript的基本语法，结合Canvas API提供的方法来控制画布。
-
第九章网页UI设计
在网站开发过程中，UI设计是整个网站设计中的重要环节，一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造收益。
-
●9.1网页UI设计的含义和作用
网页UI设计的含义和作用。
-
●9.2网页UI设计规范
网页UI设计规范。
-
●9.3扁平化图标制作
扁平化图标的制作。
