李南江：从零玩转HTML5前端+跨平台开发上and下

本套课程为李南江：从零玩转HTML5前端+跨平台开发上and下教程，课程官方售价：98元。本套课程适用人群零基础学员前端爱好者期望从事前端开发人员。

课程概述

1) 本课程是“从零玩转Web前端系列”第一阶段课程；
2) 课程涉及核心内容包括
2.1)前端开发前奏(开发环境配置、浏览器访问网页原理)
2.2)HTML网页结构基础, HTML5新增结构标签
2.3)CSS网页样式基础, CSS3新增特性
2.4)网页常见布局方式及布局技巧
2.5)HTML+CSS静态网页项目实战

1) 本课程是“从零玩转Web前端系列”第二阶段课程；
2) 课程涉及核心内容包括
2.1)CSS3边框新特性、CSS3渐变新特性
2.2)CSS3伸缩布局及布局技巧、CSS3媒体查询
2.3)去哪儿-移动端官网
2.4)风暴英雄-游戏官网
2.5)vivo官网-响应式网站
2.6)苏宁易购-电商网站

课程文件目录：

从零玩转HTML5前端+跨平台开发上

1–基础知识
1.1–配套代码资料下载.pdf
1.2–浏览器和服务器了解.mp4
1.3–浏览器访问网页原理理解.mp4
1.4–浏览器请求数据的过程理解.mp4
1.5–什么是URL理解.mp4
1.6–HTTP协议理解.mp4
1.7–其它知识补充理解.mp4

2–认识HTML
2.1–HTML作用掌握.mp4
2.2–HTML发展史了解.mp4
2.3–第一个HTML网页掌握.mp4
2.4–HTML基本结构详解掌握.mp4
2.5–字符集问题掌握.mp4
2.6–标签的分类掌握.mp4
2.7–DTD文档声明上掌握.mp4
2.8–DTD文档声明下了解.mp4
2.9–HTML-XHTML-HTML5区别了解.mp4

3–基础标签
3.1–WebStorm安装理解.mp4
3.2–H标签和P标签以及Hr标签掌握.mp4
3.3–标签综合练习掌握.mp4
3.4–注释掌握.mp4
3.5–img标签掌握.mp4
3.6–br标签掌握.mp4
3.7–路径问题理解.mp4
3.8–路径练习理解.mp4
3.9–a标签基本使用掌握.mp4
3.10–a标签其它属性掌握.mp4
3.11–base标签掌握.mp4
3.12–假链接掌握.mp4
3.13–锚点掌握.mp4

4–列表标签
4.1–无序列表掌握.mp4
4.2–无序列表练习理解.mp4
4.3–无序列表练习2理解.mp4
4.4–无序列表练习3理解.mp4
4.5–有序列表理解.mp4
4.6–定义列表掌握.mp4
4.7–定义列表练习了解.mp4

5–表格标签
5.1–表格标签基本使用理解.mp4
5.2–表格标签的属性了解.mp4
5.3–细线表格理解.mp4
5.4–表格中的其它标签理解.mp4
5.5–表格的结构了解.mp4
5.6–单元格合并理解.mp4
5.7–表格练习了解.mp4

6–表单标签
6.1–表单标签-input掌握.mp4
6.2–表单标签-按钮掌握.mp4
6.3–Label标签掌握.mp4
6.4–dalist标签了解.mp4
6.5–表单标签-H5了解.mp4
6.6–表单标签-非input标签掌握.mp4
6.7–表单练习上理解.mp4
6.8–表单练习下理解.mp4

7–多媒体标签
7.1–video标签掌握.mp4
7.2–video标签第二种格式掌握.mp4
7.3–audio标签掌握.mp4
7.4–详情和概要标签理解.mp4
7.5–marquee标签理解.mp4
7.6–HTML中被废弃的标签掌握.mp4
7.7–字符实体理解.mp4

8–体验CSS
8.1–体验CSS理解.mp4
8.2–CSS的固定格式掌握.mp4

9–CSS属性
9.1–文字相关属性掌握.mp4
9.2–字体属性补充掌握.mp4
9.3–文字属性的简写掌握.mp4
9.4–文本属性掌握.mp4
9.5–颜色控制属性上理解.mp4
9.6–颜色控制属性下理解.mp4

10–CSS选择器
10.1–标签选择器掌握.mp4
10.2–id选择器掌握.mp4
10.3–类选择器掌握.mp4
10.4–id选择器和类选择器理解.mp4
10.5–后代选择器掌握.mp4
10.6–子元素选择器掌握.mp4
10.7–后代选择器和子元素选择器理解.mp4
10.8–交集选择器理解.mp4
10.9–并集选择器掌握.mp4
10.10–兄弟选择器掌握.mp4
10.11–序选择器上掌握.mp4
10.12–序选择器下掌握.mp4
10.13–属性选择器上理解.mp4
10.14–属性选择器下理解.mp4
10.15–通配符选择器理解.mp4
10.16–选择器练习理解.mp4

11–CSS三大特性
11.1–谷歌开发者工具其它使用理解.mp4
11.2–继承性掌握.mp4
11.3–层叠性掌握.mp4
11.4–优先级掌握.mp4
11.5–!important掌握.mp4
11.6–权重问题掌握.mp4
11.7–CSS三大特性练习理解.mp4

12–CSS显示模式
12.1–div和span标签掌握.mp4
12.2–CSS元素显示模式掌握.mp4
12.3–CSS元素显示模式转换掌握.mp4
12.4–百度首页理解.mp4

13–CSS背景和精灵图
13.1–背景颜色掌握.mp4
13.2–背景图片掌握.mp4
13.3–背景平铺掌握.mp4
13.4–背景定位上掌握.mp4
13.5–背景定位下掌握.mp4
13.6–背景关联和缩写理解.mp4
13.7–背景图片和插入图片区别掌握.mp4
13.8–背景图片练习理解.mp4
13.9–CSS精灵图掌握.mp4
13.10–精灵图练习理解.mp4

14–盒模型
14.1–边框属性上掌握.mp4
14.2–边框属性下掌握.mp4
14.3–边框练习理解.mp4
14.4–内边距属性掌握.mp4
14.5–外边距属性掌握.mp4
14.6–外边距合并现象掌握.mp4
14.7–盒子模型理解.mp4
14.8–盒子宽度和高度理解.mp4
14.9–盒子宽度和高度练习1理解.mp4
14.10–盒子宽度和高度练习2理解.mp4
14.11–盒子box-sizing属性理解.mp4
14.12–盒子模型练习3理解.mp4
14.13–盒子居中和内容居中理解.mp4
14.14–清空默认边距掌握.mp4
14.15–行高和字号掌握.mp4
14.16–还原字体和字号掌握.mp4
14.17–文字界面理解.mp4

15–浮动
15.1–网页布局方式掌握.mp4
15.2–浮动流基本概念掌握.mp4
15.3–浮动元素脱标理解.mp4
15.4–浮动元素排序规则理解.mp4
15.5–浮动元素贴靠现象掌握.mp4
15.6–浮动元素字围现象理解.mp4
15.7–浮动练习上理解.mp4
15.8–浮动练习中理解.mp4
15.9–浮动练习下理解.mp4

16–清除浮动
16.1–浮动元素高度问题掌握.mp4
16.2–清除浮动方式一理解.mp4
16.3–清除浮动方式二理解.mp4
16.4–margintop失效原因理解.mp4
16.5–清除浮动方式三理解.mp4
16.6–清除浮动方式四理解.mp4
16.7–伪元素选择器掌握.mp4
16.8–清除浮动方式五理解.mp4
16.9–清除浮动方式六理解.mp4

17–网易实战
17.1–网易注册界面-基本结构搭建理解.mp4
17.2–网易注册界面-完成顶部左边理解.mp4
17.3–网易注册界面-完成顶部右边理解.mp4
17.4–网易注册界面-完成中间顶部理解.mp4
17.5–网易注册界面-完成中间右边理解.mp4
17.6–网易注册界面-完成中间左边顶部理解.mp4
17.7–网易注册界面-完成中间左边底部中理解.mp4
17.8–网易注册界面-完成中间左边底部下理解.mp4
17.9–网易注册界面-完善理解.mp4

18–定位
18.1–定位流-相对定位掌握.mp4
18.2–相对定位-注意点掌握.mp4
18.3–定位流-绝对定位掌握.mp4
18.4–绝对定位参考点掌握.mp4
18.5–绝对定位-注意点掌握.mp4
18.6–绝对定位-子绝父相掌握.mp4
18.7–绝对定位-水平居中理解.mp4
18.8–定位练习-团购界面理解.mp4
18.9–定位练习-焦点图理解.mp4
18.10–定位流-固定定位掌握.mp4
18.11–定位练习-新浪首页理解.mp4
18.12–定位流-z-index属性掌握.mp4

19–过渡模块
19.1–a标签伪类选择器掌握.mp4
19.2–a标签伪类选择器注意点掌握.mp4
19.3–a标签伪类选择器-练习理解.mp4
19.4–过渡模块基本使用掌握.mp4
19.5–过渡模块-其它属性理解.mp4
19.6–过渡模块-连写掌握.mp4
19.7–过渡模块-弹性效果理解.mp4
19.8–过渡模块-手风琴效果理解.mp4

20–2D转换模块
20.1–2D转换模块掌握.mp4
20.2–2D转换模块-形变中心点掌握.mp4
20.3–2D转换模块-旋转轴向理解.mp4
20.4–2D转换模块-透视属性理解.mp4
20.5–2D转换模块-相片墙理解.mp4
20.6–盒子阴影和文字阴影掌握.mp4
20.7–翻转菜单-综合练习理解.mp4

21–动画模块
21.1–动画模块掌握.mp4
21.2–动画模块-其它属性上理解.mp4
21.3–动画模块-其它属性下理解.mp4
21.4–动画模块-连写掌握.mp4
21.5–动画模块-云层动画理解.mp4
21.6–动画模块-无限滚动上掌握.mp4
21.7–动画模块-无限滚动下掌握.mp4

22–3D转换模块
22.1–3D转换模块掌握.mp4
22.2–3D转换模块-正方体上理解.mp4
22.3–3D转换模块-正方体下理解.mp4
22.4–3D转换模块-长方体理解.mp4
22.5–3D转换模块-练习理解.mp4
22.6–3D播放器上理解.mp4
22.7–3D播放器下理解.mp4

23–背景相关
23.1–背景尺寸属性掌握.mp4
23.2–背景图片定位区域属性理解.mp4
23.3–背景绘制区域属性理解.mp4
23.4–多重背景图片掌握.mp4
23.5–多重背景图片-练习理解.mp4

24–静态网页实战
24.1–CSS书写格式掌握.mp4
24.2–努比亚-准备工作掌握.mp4
24.3–努比亚-基本结构理解.mp4
24.4–努比亚-顶部logo掌握.mp4
24.5–努力比-顶部导航理解.mp4
24.6–努力比-广告区域理解.mp4
24.7–努比亚-广告区域导航理解.mp4
24.8–努比亚-轮播图掌握.mp4
24.9–努比亚-轮播图序号理解.mp4
24.10–努比亚-视频区域掌握.mp4
24.11–努比亚-内容区域掌握.mp4
24.12–努比亚-最新产品理解.mp4
24.13–努比亚-精品配件理解.mp4
24.14–全套课程学习路径.pdf
课程课件源码

从零玩转HTML5前端+跨平台开发下

1.1–配套代码资料下载.pdf
1.2–边框圆角基本使用掌握.mp4
1.3–边框圆角注意点掌握.mp4
1.4–绘制半圆和椭圆理解.mp4
1.5–边框圆角练习1理解.mp4
1.6–边框圆角练习2理解.mp4
1.7–边框图片掌握.mp4
1.8–边框图片补充掌握.mp4
1.9–滑动门掌握.mp4
1.10–边框图片按钮掌握.mp4
1.11–vertical-align掌握.mp4
1.12–线性渐变上掌握.mp4
1.13–线性渐变注意点掌握.mp4
1.14–线性渐变练习理解.mp4
1.15–卡拉OK效果理解.mp4
1.16–径向渐变掌握.mp4
1–CSS3边框和渐变

2–伸缩布局
2.1–体验伸缩布局掌握.mp4
2.2–伸缩布局-主轴方向掌握.mp4
2.3–伸缩布局-主轴对齐方式掌握.mp4
2.4–伸缩布局-侧轴对齐方式掌握.mp4
2.5–伸缩布局-侧轴对齐方式2掌握.mp4
2.6–主轴和侧轴交叉问题掌握.mp4
2.7–伸缩布局-换行和换行对齐掌握.mp4
2.8–伸缩布局-伸缩项排序掌握.mp4
2.9–伸缩布局-伸缩项扩充掌握.mp4
2.10–伸缩布局-伸缩项缩小掌握.mp4
2.11–伸缩布局-扩充缩小注意点掌握.mp4
2.12–伸缩布局-宽度设置掌握.mp4
2.13–伸缩布局-伸缩项属性连写掌握.mp4

3–去哪儿-移动端官网
3.1–去哪儿站点搭建理解.mp4
3.2–去哪儿站点头部理解.mp4
3.3–去哪儿网格区域理解.mp4
3.4–去哪儿网格区域完善理解.mp4
3.5–去哪儿底部导航理解.mp4
3.6–去哪儿底部指引理解.mp4
3.7–字体图标掌握.mp4
3.8–去哪儿官网完善掌握.mp4
3.9–圣杯布局掌握.mp4
3.10–双飞翼布局掌握.mp4

4–风暴英雄-游戏官网
4.1–风暴英雄-站点搭建掌握.mp4
4.2–风暴英雄-背景掌握.mp4
4.3–风暴英雄-顶部导航上理解.mp4
4.4–风暴英雄-顶部导航下理解.mp4
4.5–风暴英雄-内容slogan理解.mp4
4.6–风暴英雄-内容列表理解.mp4
4.7–风暴英雄-内容列表动画理解.mp4
4.8–风暴英雄-底部上理解.mp4
4.9–风暴英雄-底部中理解.mp4
4.10–风暴英雄-底部下理解.mp4

5–vivo官网-响应式网站
5.1–响应式-VIVO官网介绍理解.mp4
5.2–响应式-VIVO头部理解.mp4
5.3–响应式-VIVO内容上理解.mp4
5.4–响应式-VIVO内容下理解.mp4
5.5–响应式-VIVO底部上理解.mp4
5.6–响应式-VIVO底部下理解.mp4
5.7–响应式-媒体查询上掌握.mp4
5.8–响应式-媒体查询下掌握.mp4
5.9–响应式-响应式网站编写步骤掌握.mp4
5.10–响应式-平板样式上掌握.mp4
5.11–响应式-平板样式下掌握.mp4
5.12–响应式-手机样式掌握.mp4

6–苏宁易购-电商网站
6.1–苏宁易购-站点搭建掌握.mp4
6.2–苏宁易购-顶部工具条上掌握.mp4
6.3–苏宁易购-顶部工具条下掌握.mp4
6.4–苏宁易购-头部上掌握.mp4
6.5–苏宁易购-头部下掌握.mp4
6.6–苏宁易购-banner左边掌握.mp4
6.7–苏宁易购-banner中间掌握.mp4
6.8–苏宁易购-banner右边掌握.mp4
6.9–苏宁易购-限时抢购上掌握.mp4
6.10–苏宁易购-限时抢购下掌握.mp4
6.11–苏宁易购-楼层头部掌握.mp4
6.12–苏宁易购-楼层内容掌握.mp4
6.13–苏宁易购-楼层底部掌握.mp4
6.14–苏宁易购-内容结束标志掌握.mp4
6.15–苏宁易购-底部上掌握.mp4
6.16–苏宁易购-底部下掌握.mp4
6.17–苏宁易购-完结掌握.mp4
6.18–全套课程学习路径.pdf