清华社“视频大讲堂大系 网络开发视频大讲堂HTML5+CSS3从入门到精通(微课精编版)

第1 章 HTML5 基础

视频讲解：31 分钟

1.1 HTML5 概述

1.1.1 HTML 版本概览

1.1.2 HTML5 诞生记

1.1.3 HTML5 组织

1.1.4 HTML5 开发规则

1.1.5 HTML5 特性

1.1.6 浏览器检测

1.2 HTML5 设计原则

1.2.1 避免不必要的复杂性

1.2.2 支持已有内容

1.2.3 解决实际问题

1.2.4 用户怎么使用就怎么设计规范

1.2.5 优雅地降级

1.2.6 支持的优先级

1.3 HTML5 语法特性

1.3.1 文档和标记

1.3.2 宽松的约定

1.4 案例实战

1.4.1 编写**个HTML5 文档

1.4.2 比较HTML4 与HTML5文档结构

1.4.3 设计一个较详细的HTML5文档模板

1.5 HTML5 API

1.5.1 新增的API

1.5.2 修改的API

1.5.3 扩展Document

1.5.4 扩展HTMLElement

1.5.5 扩展DOM HTML

1.5.6 弃用的API

1.6 在线练习

第2 章 HTML5 新增元素和文档结构

视频讲解：82 分钟

2.1 HTML5 元素

2.1.1 新元素分类

2.1.2 废除的元素

2.2 设计新的文档结构

2.2.1 article—文章块

2.2.2 section—区块

2.2.3 nav——导航条

2.2.4 aside——辅助栏

2.2.5 main—主要区域

2.2.6 header——标题栏

2.2.7 hgroup——标题组

2.2.8 footer——页脚栏

2.3 设计新的语义信息

2.3.1 address——联系信息

2.3.2 time——显示时间

2.3.3 figure 和figcaption——流媒体

2.3.4 details 和summary——详细内容

2.3.5 mark——记号文本

2.3.6 progress——进度条

2.3.7 meter——度量

2.3.8 dialog——模态对话框

2.3.9 bdi——隔离文本

2.3.10 wbr——换行断点

2.3.11 ruby、rt、rp——文本注释

2.3.12 command——菜单命令

2.4 完善旧元素

2.4.1 a——超链接

2.4.2 ol——有序列表

2.4.3 dl——定义列表

2.4.4 cite——引用文本

2.4.5 small——小号字体

2.4.6 iframe——浮动框架

2.4.7 script——脚本

2.5 HTML5 新的全局属性

2.5.1 contentEditable——可编辑内容

2.5.2 contextmenu——快捷菜单

2.5.3 data——自定义属性

2.5.4 draggable——可拖动

2.5.5 dropzone——拖动数据

2.5.6 hidden——隐藏

2.5.7 spellcheck——语法检查

2.5.8 translate——可翻译

2.6 HTML5 文档大纲

2.6.1 定义文档节段

2.6.2 隐式分节

2.6.3 特殊分节

2.7 案例实战

2.8 在线练习

第3 章 HTML5 表单

视频讲解：49 分钟

3.1 HTML5 表单特性

3.2 新的Input 类型

3.2.1 email——Email 地址框

3.2.2 url——URL 地址框

3.2.3 number——数字框

3.2.4 range——范围框

3.2.5 date pickers——日期选择器

3.2.6 search——搜索框

3.2.7 tel——电话号码框

3.2.8 color——拾色器

3.3 新的input 属性

3.3.1 autocomplete——自动完成

3.3.2 autofocus——自动获取焦点

3.3.3 form——归属表单

3.3.4 表单重写

3.3.5 height 和width——高和宽

3.3.6 list——列表选项

3.3.7 min、max 和step——*小值、*大值和步长

3.3.8 multiple——多选

3.3.9 pattern——匹配模式

3.3.10 placeholder——替换文本

3.3.11 required——必填

3.4 新的表单元素

3.4.1 datalist——数据列表

3.4.2 keygen——密钥对生成器

3.4.3 output——输出结果

3.5 新的form 属性

3.5.1 autocomplete——自动完成 .

3.5.2 novalidate——禁止验证

3.6 案例实战

3.6.1 设计HTML5 注册表单

3.6.2 设计HTML5 验证表单

3.7 在线练习

第4 章 HTML5 绘图和动画

视频讲解：135 分钟

4.1 使用canvas

4.2 绘制图形

4.2.1 矩形

4.2.2 路径

4.2.3 直线

4.2.4 圆弧

4.2.5 二次方曲线

4.2.6 三次方曲线

4.3 定义样式和颜色

4.3.1 颜色

4.3.2 不透明度

4.3.3 实线

4.3.4 虚线

4.3.5 线性渐变

4.3.6 径向渐变

4.3.7 图案

4.3.8 阴影

4.3.9 填充规则

4.4 图形变形

4.4.1 保存和恢复状态

4.4.2 清除画布

4.4.3 移动坐标

4.4.4 旋转坐标

4.4.5 缩放图形

4.4.6 变换图形

4.5 图形合成

4.5.1 合成

4.5.2 裁切

4.6 绘制文本

4.6.1 填充文字

4.6.2 轮廓文字

4.6.3 文本样式

4.6.4 测量宽度

4.7 使用图像

4.7.1 导入图像

4.7.2 缩放图像

4.7.3 裁切图像

4.7.4 平铺图像

4.8 像素操作

4.8.1 认识ImageData 对象

4.8.2 创建图像数据

4.8.3 将图像数据写入画布

4.8.4 在画布中复制图像数据

4.8.5 保存图片

4.9 Path2D 对象

4.9.1 Canvas 2D API 新功能

4.9.2 使用Path2D 对象

4.10 案例实战

4.10.1 设计基本动画

4.10.2 颜色选择器

4.10.3 给图像去色

4.10.4 缩放图像和反锯齿处理

4.10.5 设计运动动画

4.10.6 设计地球和月球公转动画

4.11 在线练习