课程视频

课程简介
《HTML5开发技术》是一门理论与实际相结合的课程,通过本课程的学习使学生了解HTML5的新特性、新标准,掌握HTML5制作网页的方法。 1+X考证要求: 1、 了解 HTML5 常用元素、HTML5新增元素、HTML5通用属性、HTML5新增表单元素和属性,能使用 HTML5 新增语义化 元素、页面增强元素与属性及多媒体元素等功能进行页面开发。 2、了解CSS3 选择器、边框特性、颜色、字体等功能,能使用 CSS3的选择器、边框 特性、颜色、字体功能美化网页。
单元学习(微课视频)
- 1 html5简介
- 2 html5的结构化
- 3 html5页面增强元素
-
4 html5表单标签
- 4.1 input标签
-
4.2 form表单新增元素和属性
- 4.2.1 表单新增属性之placeholder和required属性
- 4.2.2 表单新增属性之multiple属性
- 4.2.3 表单新增属性之form属性
- 4.2.4 表单新增属性之formaction属性
- 4.2.5 表单新增属性之formmethod属性
- 4.2.6 表单新增属性之formenctype属性
- 4.2.7 表单新增属性之formtarget属性
- 4.2.8 表单新增属性之autocomplete属性
- 4.2.9 表单新增属性之autofocus属性
- 4.2.10 表单新增属性之pattern属性
- 4.2.11 表单新增属性之novalidate属性
- 4.2.12 textarea元素新增maxlength和wrap属性
- 4.2.13 表单新增元素之datalist元素
- 4.2.14 表单新增元素之output元素
- 例题4-3~6(placeholder.required.multiple.form相关)
- 例题4-7~13(autocomplete...datalist.output)
- 4.3 表单实例
- 5 html5网页中的多媒体
- 6 css3简介
-
7 css3新增选择器
- 7.1 新增目标伪类选择器
- 7.2 tabs选项卡效果
- 7.3 UI选择器之enabled和disabled选择器
- 7.4 UI选择器之checked选择器
- 7.5 UI选择器之valid和invalid选择器
- 7.6 UI选择器之in-range和out-of-range选择器
- 7.7 UI选择器之read-only和read-write选择器
- 7.8 UI选择器之required和optional选择器
- 7.9 结构性选择器之empty选择器
- 7.10 结构性选择器之root选择器
- 7.11 结构性伪类选择器之first-child和last-child选择器
- 7.12 结构性伪类选择器之nth-child和nth-last-child选择器_j
- 7.13 结构性伪类选择器之nth-of-type和nth-last-of-type选择器
- 7.14 结构性伪类选择器之first-of-type和last-of-type选择器
- 7.15 结构性伪类选择器之only-child和only-of-type选择器
- 7.16 否定伪类选择器not选择器
- 7.17 否定伪类选择器not选择器(实例)
- 7.18 新增伪元素之first-letter
- 7.19 新增伪元素之first-line
- 7.20 新增伪元素之before和after
- 7.21 计数器效果
- 7.22 新增伪元素之selection
- 7.23 新增伪元素之placeholder
- 7.24 新增属性选择器
- 7.25选择器兼容性及优先级
- 例题7-1target书签
- 例题7-2target选项卡
- 例题7-3UI选择器(enabled、disabled)
- 例题7-4UI选择器(checked)
- 例题7-5~6伪元素(before、after)及counter实例
- 例题7-7~10其他UI选择器
- 例题7-11~12结构性伪类选择器(empty、root)
- 例题7-13~14结构性伪类选择器(first-child、last-child、nth-child、nth-last-child)
- 例题7-15~16其他结构性伪类选择器
- 例题7-17~18not选择器
- 例题7-19伪元素first-letter、first-line
- 例题7-20~21伪元素selection、placeholder
- 例题7-22属性选择器
- 8 css3新增尺寸和颜色
- 9 css3边框新增属性
- 10 css3盒阴影
- 11 css3新增文本效果
- 12 css3自定义字体的使用
- 13 css3背景新增属性
- 14 css3新盒模型解析
- 15 css3渐变
-
16 css3转换
- 16.1 css3 2D转换之旋转解析
- 16.2 transform-origin改变元素的转换基点
- 16.3 rotate旋转实战
- 16.4 2D移动translate方法解析
- 16.5 css3 2D移动实战之京东商品移动效果
- 16.6 css3 2D缩放解析
- 16.7 jd商品放大效果实战
- 16.8 css3 2D倾斜skew方法解析
- 16.9 css3 倾斜导航实战
- 16.10 css3 2D矩阵转换解析
- 16.11 css3 3D矩阵转换解析
- 16.12 css3 3D转换方法介绍
- 16.13 css3 3D转换实战
- 例题16-1~3rotate
- 例题16-4~9translate、scale、skew
- 例题16-103d转换
- 17 css3过渡
- 18 css3特性