-
第一章HTML5基础知识及应用
本章主要介绍HTML5基础知识。重点学习HTML5页面元素及属性。使学生掌HTML5基础知识，并在网站制作的过程中能利用HTML5进行页面整体布局。
-
●1.1HTML5概述
HTML5定义、发展历程、优势、浏览器支持情况
-
●1.2HTML5常用标记
HTML5基本格式、常用标记
-
●1.3HTML5超链接
HTML5中图像标记，超链接
-
●1.4案例应用——制作HTML5百科页面
制作HTML5百科页面
-
●1.5列表元素
ul ol dl元素
-
●1.6结构元素
header nav article aside section footer元素
-
●1.7分组元素
figure和figcaption元素、hgroup元素
-
●1.8页面交互元素
details和summary元素、progress元素、meter元素
-
●1.9文本层次语义元素及全局属性
time元素、mark元素、cite元素、draggable属性、hidden属性、spellcheck属性、contenteditable属性
-
●1.10案例应用——制作电影影评网
制作电影影评网
-
第二章CSS3基础知识及应用
本章主要介绍CSS3基础知识及应用。重点学习CSS3选择器及盒子模型。使学生掌握在网站设计中利用CSS3建立样式，提高网站设计的效率。
-
●2.1CSS3简介
CSS概述、CSS3发展历史、CSS3浏览器支持情况
-
●2.2CSS核心基础
CSS样式规则、引入CSS样式表
-
●2.3CSS基础选择器
标记选择器、类选择器、id选择器、通配符选择器；标签指定式选择器、后代选择器、并集选择器
-
●2.4文本样式属性
字体样式属性、文本外观属性
-
●2.5案例应用——制作服装推广软文
制作服装推广软文
-
●2.6属性选择器
E[att^=value]属性选择器、E[att$=value]属性选择、E[att*=value]属性选择器
-
●2.7关系选择器
子代选择器（>）、兄弟选择器（+、~）
-
●2.8结构化伪类选择器
: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选择器
-
●2.9伪元素选择器
:after选择器、:before选择器
-
●2.10案例应用——制作网页设计软件列表
制作网页设计软件列表
-
●2.11盒子模型相关属性
边框属性、边距属性；box-shadow属性、box-sizing属性
-
●2.12盒子背景属性
背景颜色、图片、背景与图片不透明度的设置、设置背景图像平铺、设置背景图像的位置；设置背景图像固定、设置背景图像的大小、设置背景的显示区域、设置背景图像的剪裁区域、设置多重背景图像
-
●2.13CSS3渐变属性
线性渐变、径向渐变、重复渐变
-
●2.14案例应用——制作音乐排行榜
制作音乐排行榜
-
●2.15元素的浮动
元素的浮动属性float、清除浮动
-
●2.16overflow属性
overflow属性
-
●2.17元素的定位
元素的定位属性、静态定位static、相对定位relative、绝对定位absolute、固定定位fixed、z-index层叠等级属性
-
●2.18元素的类型与转换
元素的类型、标记、元素的转换
-
●2.19案例应用——制作网页焦点图
制作网页焦点图
-
●2.20HTML5多媒体特性、支持条件、音频发展趋势
多媒体特性、视频和音频编解码器、多媒体的格式、支持视频和音频的浏览器
-
●2.21插入音频、视频
在HTML5中嵌入视频、在HTML5中嵌入音频
-
第三章HTML5中网站布局技术
本章主要介绍HTML5+CSS3高级应用。重点学习利用表单设计网站页面、在网站中插入音频、视频、动画。使学生掌握如何利用HTML5+CSS3进行网站高级设置，提高网站设计效果。
-
●3.1表格基本操作
多媒体特性、视频和音频编解码器、多媒体的格式、支持视频和音频的浏览器
-
●3.2表格嵌套应用
在HTML5中嵌入视频、在HTML5中嵌入音频
-
●3.3案例应用——学生成绩单
video和audio的方法、video和audio的事件
-
●3.4认识表单
表单的构成、创建表单
-
●3.5Input元素的type属性
单行文本输入框、密码输入框、单选按钮、复选框、普通按钮、提交按钮、重置按钮、图像形式的提交按钮、隐藏域、文件域；email类型、url类型、tel类型、search 类型、color类型、number类型、range类型、Date pickers类型
-
●3.6Input元素的其他属性
autofocus属性、form属性、list属性、multiple属性、min、max和step属性、pattern属性、placeholder属性、required属性
-
●3.7其它表单元素
textarea元素、select控件、datalist元素、output元素
-
●3.8案例应用——美化表单
CSS控制表单样式
-
●3.9案例应用——制作信息登记表
transition-property属性、transition-duration属性、transition-timing-function属性、transition-delay属性、transition属性
-
●3.10案例应用——制作修改页面
认识transform、2D转换
-
第四章HTML5+CSS3高级应用
本章主要介绍HTML5+CSS3高级应用。重点学习利用css3进行动画制作，使学生掌握如何利用HTML5+CSS3进行网站高级设置，提高网站设计效果。
-
●4.1CSS过渡
transition-property属性、transition-duration属性、transition-timing-function属性、transition-delay属性、transition属性
-
●4.2CSS变形
认识transform、2D转换
-
●4.33D转换
rotateX() 方法、rotateY() 方法、translate3D（）方法
-
●4.4CSS动画制作
@keyframes、animation-name属性、animation-duration属性、animation-timing-function属性 animation-delay属性、animation-iteration-count属性、animation-direction属性、animation属性
-
●4.5案例应用——天气预报制作
天气预报
-
●4.6案例应用——水平运动的圆
水平运动的圆
-
第五章Java script基础知识及应用
Java script基础知识及应用。
-
●5.1初识Java script
初识Java script
-
●5.2数据类型及数据基本操作
数据类型及数据基本操作
-
●5.3常见流程控制语言
常见流程控制语言。
-
●5.4函数
函数
-
●5.5对象
对象
-
●5.6事件与事件调用
事件与事件调用
-
●5.7焦点图轮播
焦点图轮播
