课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。
    
注意3：感觉课程太难？没有信心？还在犹豫自己学的会学不会？我们的师傅带徒弟模式（5倍下单）会给您信心。我们承诺， 商品详情，教学大纲，视频内容，所涉及技术，可获得原创作者老师微信或QQ和针对视频范围的精心指导。线上一 对一师带徒辅导问答，针对视频内代码调试，使命必达，视频之外相关技术内容，行业内信息人脉，企业内推(如有)，原创作者老师会竭诚帮助。

以上所示价格，只能自行学习视频和获取少量解答。师傅带徒弟课程（5倍下单左右，可以先和客服联系，可获得老师的联系方法和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达。）

HTML和CSS是什么?
面向绝对初学者的 Web 开发。通过构建 20 多个令人惊叹的现实世界项目，从头开始学习 HTML5 和 CSS3。
如果您想开始您的 Web 开发职业生涯，HTML 和 CSS 是必不可少的技能，因为它们是 Web 的基础语言。
HTML 代表超文本标记语言。简而言之，HTML 是一种用于开发网页的标记语言。
CSS 代表层叠样式表。简而言之，CSS 是一种负责网页布局和样式的语言。
在本课程中，我们将从头开始涵盖这两种语言，并在课程结束时通过构建响应式真实的项目成为 HTML和CSS 大神。

为什么你应该参加这门课程？
原因一 你会更好地理解网络。
了解 HTML 和 CSS 以及它们如何用于创建网页对于 Web 开发人员来说至关重要，因为它们是每个网页的构建块。
原因二 您将能够创建网站。
一旦您了解了 HTML 和 CSS，您将能够为自己创建一个个人的、独特的网页。
原因三 开始网络职业。
对于任何想要从事 Web 开发职业的人来说，都需要 HTML 和 CSS 知识。
原因四 您将更轻松地学习另一种编程语言。
一旦您了解了 HTML 和 CSS 的基础知识，您将能够更轻松地学习 Javascript 等语言
原因五 我们将从头开始学习 HTML 和 CSS，并将使用它来构建响应式企业级项目。
我们不仅会逐步学习 HTML 和 CSS 的理论。我们还将通过构建现实生活项目来应用我们的知识。

课程目标

熟练使用响应式布局
熟练使用弹性布局
熟练使用网格布局
使用H5和C3完整还原PSD效果图

课程大纲

01.

HTML5-课程介绍（7节）
1.100秒快速学习HTML5
3分钟                                   免费试看
2.100秒快速学习Css
2分钟
3.100秒快速学习弹性Flex布局
2分钟
4.100秒快速学习网格Grid布局
2分钟
5.100秒快速学习伪元素
2分钟
6.100秒快速学习Css动画
3分钟
7.100秒快速学习Css变量
2分钟
02.

零基础学习HTML5（9节）
1.HTML5-html系列课程的介绍
4分钟
2.HTML5-了解上网的流程及相关知识
11分钟
3.HTML5-html和css工作的规则
8分钟
4.HTML5-安装工具及创建html文件
12分钟
5.HTML5-首标签和尾标签
8分钟
6.HTML5-html的基本结构
9分钟
7.HTML5-如何使用liveServer插件
6分钟
8.HTML5-meta标签和搜索引擎
17分钟
9.HTML5-基础标签
9分钟
03.

零基础学习HTML5（7节）
1.HTML5-链接和图片标签
10分钟
2.HTML5-列表和表格标签
11分钟
3.HTML5-form表单
27分钟
4.HTML5-行标签和快标签的特性
13分钟
5.HTML5-id和class属性
12分钟
6.HTML5-相关的符号
8分钟
7.HTML5-h5新标签的使用
10分钟
04.

零基础学习CSS3（8节）
1.CSS3-CSS3课程介绍
3分钟
2.CSS3-样式三种书写方式
11分钟
3.CSS3-CSS选择器
14分钟
4.CSS3-介绍谷歌开发者工具
7分钟
5.CSS3-字体样式
15分钟
6.CSS3-颜色的三种体现方式
10分钟
7.CSS3-背景和边框的使用
20分钟
8.CSS3-盒子模型
21分钟
05.

零基础学习CSS3（7节）
1.CSS3-浮动和文本对齐
18分钟
2.CSS3-a和button的样式设计
8分钟
3.CSS3-制作两种导航
13分钟
4.CSS3-行与块标签的属性改变
13分钟
5.CSS3-定位
14分钟
6.CSS3-实战demo注册表单
14分钟
7.CSS3-补充视频
6分钟
06.

CSS3专题（8节）
1.CSS3专题-Colors
24分钟
2.CSS3专题-单位
59分钟
3.CSS3专题-字体
41分钟
4.CSS3专题-盒子模型
44分钟
5.CSS3专题-Display
36分钟
6.CSS3专题-背景图片
55分钟
7.CSS3专题-浮动和定位
58分钟
8.CSS3专题-元素多种选择器
53分钟
07.

CSS3专题（9节）
1.Transform课程介绍
2分钟
2.Translate的使用
8分钟
3.Scale的使用
5分钟
4.Rotate的使用
4分钟
5.Skew的使用
3分钟
6.Origin的使用
4分钟
7.Transition过渡的使用
20分钟
8.Animation动画的使用
13分钟
9.Variable变量的使用
24分钟
08.

前端布局实战-浮动布局（4节）
1.前端难点攻克-浮动
93分钟
2.前端难点攻克-盒子模型
96分钟
3.前端难点攻克-响应式
81分钟
4.前端难点攻克-多列布局
132分钟
09.

前端布局实战-还原PSD（2节）
1.HTML5高效还原PSD设计图(1)
99分钟
2.HTML5高效还原PSD设计图(2)
102分钟
10.

前端难点攻克-响应式/弹性/网格布局（8节）
1.前端难点攻克-响应式布局
36分钟
2.前端难点攻克-响应式布局网页
120分钟
3.前端难点攻克-弹性布局
57分钟
4.前端难点攻克-弹性布局网站(1)
100分钟
5.前端难点攻克-弹性布局网站(2)
126分钟
6.前端难点攻克-网格布局
64分钟
7.前端难点攻克-网格布局网站(1)
86分钟
8.前端难点攻克-网格布局网站(2)
120分钟
11.

还原京东商城-课程介绍（1节）
1.HTML5CSS3还原京东商城-课程介绍
6分钟
12.

HTML5还原京东商城-顶部通栏（9节）
1.页面的整体布局
8分钟
2.重置样式和全局样式
8分钟
3.引入并使用字体图标
11分钟
4.定位的结构
10分钟
5.填充定位的样式
13分钟
6.完成定位的样式
16分钟
7.布局右侧导航
10分钟
8.右侧导航的样式渲染
9分钟
9.右侧二维码hover效果
16分钟
13.

HTML5还原京东商城-搜索框（3节）
1.搭建第二部分的结构
9分钟
2.搭建logo和search的样式
17分钟
3.渲染关键字和nav的样式
7分钟
14.

HTML5还原京东商城-分类和轮播（10节）
1.第三部分整体布局
7分钟
2.hover效果的布局
17分钟
3.渲染分类样式
12分钟
4.渲染hover的样式
16分钟
5.设置轮播图的效果
21分钟
6.设置小图滚动的结构和样式
13分钟
7.个人信息的结构布局
8分钟
8.用户信息的样式
15分钟
9.新闻列表的样式渲染
10分钟
10.服务列表的样式渲染
7分钟
15.

HTML5还原京东商城-京东秒杀（4节）
1.滚动图的结构布局
13分钟
2.渲染秒杀样式
10分钟
3.渲染中间样式
17分钟
4.右侧的样式布局
18分钟
16.

HTML5还原京东商城-发现好货（3节）
1.搭建第五部分的结构
6分钟
2.渲染发现好货的样式
8分钟
3.渲染自动滚动的样式
14分钟
17.

HTML5还原京东商城-新品首发（5节）
1.搭建第六部分的结构
15分钟
2.渲染新品首发样式
16分钟
3.渲染排行榜的样式
17分钟
4.渲染逛好店的样式
15分钟
5.渲染领券中心的样式
14分钟
18.

HTML5还原京东商城-为你推荐（3节）
1.搭建基本结构
9分钟
2.渲染tab的样式
12分钟
3.实现多图样式渲染
16分钟
19.

HTML5还原京东商城-细节调整（4节）
1.实现服务的结构和样式
8分钟
2.设计底部结构和样式
11分钟
3.设计侧边导航的结构和样式
12分钟
4.顶部搜索的结构样式设计
10分钟
20.

HTML5还原美团外卖-课程介绍（8节）
1.成果展示
3分钟
2.vscode编辑器
4分钟
3.美团商品页效果图
3分钟
4.搭建基本结构和素材准备
7分钟
5.字体图标的生成
12分钟
6.布局Header的结构
8分钟
7.渲染顶部通栏的样式
15分钟
8.渲染主体内容的样式
9分钟
21.

HTML5还原美团外卖-导航和点餐（7节）
1.渲染导航的结构和样式
9分钟
2.设置主体文件内容
3分钟
3.搭建点菜页面的结构
19分钟
4.实现左侧导航菜单样式
10分钟
5.设置右侧商品列表样式
9分钟
6.渲染商品信息的样式
10分钟
7.渲染加减号样式
5分钟
22.

HTML5还原美团外卖-购物车（6节）
1.渲染底部无商品购物车
12分钟
2.有商品购物车效果图
2分钟
3.实现有商品购物车样式
8分钟
4.构建购物车商品列表
6分钟
5.渲染购物车列表顶部
8分钟
6.渲染购物车列表内容
11分钟
23.

HTML5还原美团外卖-评价（6节）
1.评价页面效果图
2分钟
2.构建评价页面第一部分结构
5分钟
3.构建评价内容的结构
6分钟
4.渲染综合评价的样式
14分钟
5.渲染标签和选中的样式
8分钟
6.渲染具体的评论样式
8分钟
24.

HTML5还原美团外卖-商家服务（4节）
1.介绍商家效果图
2分钟
2.商家服务的页面
6分钟
3.渲染商家地址和图片
13分钟
4.渲染商家配送的样式
9分钟