HTML5+CSS3零基础特训班-让零基础学员全面了解与掌握HTML5+CSS3

近年来，越来越多的互联网企业开始重视良好的网页界面和舒适的用户体验，因此前端工程师的需求也随之增多，其中HTML5+CSS3是前端工程师的必备技能之一。

本课程以项目实战为核心，通过实际商业项目的深度讲解剖析，帮助学员掌握HTML5和CSS3知识体系、经典布局等必备技能。通过一个又一个细致经典的案例，带领学员感受真实的HTML5+CSS3开发场景。让学员在观看代码编写的过程中，学会运营基本操作，掌握核心概念，在实战演练中实现从零基础到精通的跨越，快速进入前端工程师行业。

资源目录

第 1 讲H5搭建第一个商业化主页（上)

1.1讲师介绍 时长 13:04

1.2课程介绍 时长 17:20

1.3前端工程师的职业发展 时长 13:22

1.4开发环境配置（一） 时长 14:33

1.5开发环境配置（二） 时长 04:38

1.6HTML5+CSS3知识体系（一） 时长 02:16

1.7HTML5+CSS3知识体系（二） 时长 14:44

1.8HTML江湖 时长 14:02

1.9块状元素与内联元素 时长 15:53

1.10浮动和定位（一） 时长 11:18

1.11浮动和定位（二） 时长 08:25

1.12制作一个导航栏（一） 时长 15:45

1.13制作一个导航栏（二） 时长 09:04

1.14导航栏的举一反三（一） 时长 12:20

1.15导航栏的举一反三（二） 时长 15:32

第 2 讲H5搭建第一个商业化主页（下）

2.1主页的需求分析和设计（一） 时长 10:16

2.2主页的需求分析和设计（二） 时长 08:49

2.3HTML搭建（一） 时长 12:41

2.4HTML搭建（二） 时长 15:41

2.5Header部分CSS（一） 时长 14:16

2.6Header部分CSS（二） 时长 11:36

2.7Header部分CSS（三） 时长 13:25

2.8Header部分CSS（四） 时长 06:50

2.9Header部分CSS（五） 时长 14:10

2.10Header部分CSS（六） 时长 03:57

2.11Banner部分CSS 时长 06:02

2.12Content部分CSS （一） 时长 06:27

2.13Content部分CSS （二） 时长 09:13

2.14Content部分CSS （三） 时长 09:57

2.15Content部分CSS （四） 时长 12:15

2.16Content部分CSS （五） 时长 16:35

2.17Footer部分CSS（一） 时长 13:52

2.18Footer部分CSS（二） 时长 05:33

第 3 讲HTML5简介、布局、框架和表单

3.1HTML简介（一） 时长 15:19

3.2HTML简介（二） 时长 17:20

3.3XHTML简介 时长 08:23

3.4HTML5简介（一） 时长 15:33

3.5HTML5简介（二） 时长 12:34

3.6HTML5的文档结构（一） 时长 14:52

3.7HTML5的文档结构（二） 时长 14:55

3.8HTML5的文档结构（三） 时长 04:46

3.9元素分类：结构性、级块性、行内语义性、交互性元素 时长 07:42

3.10构建主体内容 时长 14:01

3.11添加语义模块 时长 04:21

3.12用HTML5改造页面 时长 09:23

3.13表单—input类型 时长 14:18

3.14HTML5支持的input类型（一） 时长 13:30

3.15HTML5支持的input类型（二） 时长 06:27

3.16Input的新增属性 时长 14:09

3.17Form的新增属性 时长 04:56

第 4 讲音频、视频与画布

4.1音频编解码（一） 时长 12:50

4.2音频编解码（二） 时长 14:10

4.3浏览器支持情况 时长 08:23

4.4播放音频 时长 03:51

4.5用JS控制音乐 时长 13:06

4.6视频编解码 时长 06:04

4.7浏览器支持情况 时长 11:42

4.8播放视频 时长 06:58

4.9Canvas简介 时长 15:06

4.10绘制图形（一） 时长 13:50

4.11绘制图形（二） 时长 11:47

4.12绘制曲线 时长 13:36

4.13图形变换（一） 时长 11:05

4.14图形变换（二） 时长 15:57

4.15图形变换（三） 时长 13:21

4.16图形组合与裁切 时长 15:06

4.17绘制图像 时长 11:15

4.18绘制文字 时长 17:42

第 5 讲Web存储、拖放

5.1简述 时长 08:50

5.2本地存储、cookie vs Web Storage（一） 时长 07:15

5.3本地存储、cookie vs Web Storage（二） 时长 14:59

5.4浏览器支持情况（一） 时长 14:33

5.5浏览器支持情况（二） 时长 16:26

5.6Local Storage的使用 时长 05:43

5.7Session Storage兼容性 时长 05:35

5.8Web Storage事件 时长 13:59

5.9示例一：网页皮肤 时长 14:33

5.10示例二：跟踪Local Storsge数据（一） 时长 12:49

5.11示例二：跟踪Local Storsge数据（二） 时长 14:02

5.12示例二：跟踪Local Storsge数据（三） 时长 09:38

5.13示例二：跟踪Local Storsge数据（四） 时长 08:35

5.14WebSQL数据库 时长 02:13

5.15示例三：访问数据库 时长 15:07

5.16可编辑区域 时长 14:12

5.17拖拽 时长 16:42

第 6 讲CSS3介绍、选择器、权重计算

6.1简述 时长 12:37

6.2CSS发展史 时长 09:33

6.3CSS基础知识（一） 时长 14:36

6.4CSS基础知识（二） 时长 12:04

6.5标签选择器 时长 08:57

6.6ID选择器 时长 05:06

6.7类选择器 时长 08:53

6.8伪类选择器（一） 时长 15:27

6.9伪类选择器（二） 时长 17:05

6.10伪对象选择器 时长 04:05

6.11子选择器和相邻选择器 时长 11:47

6.12属性选择器 时长 13:34

6.13分组选择器和通用选择器 时长 06:27

6.14选择器的应用哲学 时长 04:15

6.15演示文档的引用 时长 09:13

6.16权重计算 时长 14:44

6.17CSS属性缩写（一） 时长 08:19

6.18CSS属性缩写（二） 时长 10:38

6.19CSS单位 时长 03:25

第 7 讲盒子模型、浮动、定位、经典布局（上）

7.1简介 时长 11:28

7.2什么是盒子模型 时长 09:08

7.3非块元素的盒模型 时长 03:36

7.4外边距 时长 09:10

7.5行内元素的外边距 时长 09:32

7.6块状元素、浮动元素、绝对元素的外边距 时长 10:22

7.7内边距及其性质 时长 10:25

7.8边框、宽和高、IE5.5中的宽和高 时长 11:22

7.9网页布局的一般问题及三种基本形式 时长 09:53

7.10浮动（一） 时长 11:48

7.11浮动（二） 时长 05:25

7.12浮动元素的大小 时长 08:44

7.13浮动元素的位置 时长 09:24

7.14环绕与清除浮动 时长 14:13

第 8 讲盒子模型、浮动、定位、经典布局（下）

8.1水平错位问题、定位 时长 09:00

8.2静态定位、绝对定位 时长 08:55

8.3相对定位、固定定位 时长 09:34

8.4定位的参照对象——包含块 时长 10:51

8.5利用包含块达到窗口居中效果 时长 11:36

8.6绝对定位中的坐标值 时长 10:05

8.7定位层叠、相对定位的坐标值 时长 11:34

8.8IE6中select控件的bug 时长 08:18

8.9嵌套层叠 时长 07:41

8.10层叠包含框 时长 03:20

8.11兼容IE和非IE的嵌套层叠问题 时长 02:47

8.12示例 时长 02:55

第 9 讲文字、图片背景、变形

9.1简述 时长 05:18

9.2字体类型、大小 时长 11:35

9.3字体颜色、粗细、斜体 时长 08:56

9.4字体修饰、对齐方式、字间距、行间距、词间距、缩进 时长 09:01

9.5图片边框、大小 时长 07:47

9.6图片的横向、纵向对齐 时长 05:51

9.7文字环绕图片、背景颜色、背景图片 时长 05:33

9.8列表项符号、列表项图片符号 时长 04:07

9.9文字阴影 时长 10:46

9.10文字溢出、颜色与透明 时长 07:50

9.11形变、Transform 时长 05:01

9.12旋转、平移、缩放、倾斜 时长 06:33

9.13定义复杂形变 时长 07:48

第 10 讲第十讲 项目实战（上）

10.1简介 时长 02:34

10.2怎么实现动画（一） 时长 06:21

10.3怎么实现动画（二） 时长 10:19

10.4做一个有动画的网页 时长 08:22

10.5技术栈 时长 04:25

10.6响应式布局 时长 06:55

10.7创建网页引用框架（一） 时长 12:47

10.8创建网页引用框架（二） 时长 08:50

10.9导航条HTML编写（一） 时长 10:16

10.10导航条HTML编写（二） 时长 06:49

10.11导航条CSS编写（一） 时长 09:53

10.12导航条CSS编写（二） 时长 09:17

10.13导航条logo、电话动态画编写 时长 06:40

10.14导航条菜单动画编写（一） 时长 07:05

10.15导航条菜单动画编写（二） 时长 10:00

10.16导航条响应式布局（一） 时长 09:24

10.17导航条响应式布局（二） 时长 10:23

10.18导航条响应式布局（三） 时长 06:06

第 11 讲项目实战（下）

11.1Banner HTML编写 时长 16:15

11.2Banner CSS编写（一） 时长 10:48

11.3Banner CSS编写（二） 时长 10:47

11.4Banner 动画编写 时长 08:43

11.5Banner 响应式布局 时长 08:19

11.6Welcome部分HTML编写 时长 08:25

11.7Welcome部分CSS编写 时长 08:48

11.8Figure部分HTML编写 时长 07:12

11.9Figure部分CSS编写（一） 时长 14:51

11.10Figure部分CSS编写（二） 时长 11:10

11.11Figure部分CSS编写（三） 时长 14:28

11.12Service部分HTML编写 时长 08:08

11.13Service部分CSS编写（一） 时长 15:49

11.14Service部分CSS编写（二） 时长 12:34

11.15总结 时长 08:59