首页技术文章正文

26小时掌握前端html5+css3+项目案例【黑马程序员】

更新时间:2021-12-02 来源:黑马程序员 浏览量:

采用实战式教学,一线大厂的综合案例,用最短的路径讲解每个技术点,每章节都自成闭环。 课程中和课程尾配备两个实战项目,项目一类型是企业站,快速的将基础知识点进行反复练习;项目二类型是电商站,基于项目一升级难度,掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程:专业的测量工具,做到100%还原设计稿;编码规范对标一线大厂开发标准,做到从头到尾的专业开发。让同学们学习中即可切身体会一线大厂的开发流程和标准。


视频下载/资料下载指路http://yun.itheima.com/course/946.html
在线观看bilibili.com/video/BV1Kg411T7t9?spm_id_from=333.999.0.0


  课程亮点:

1. 实战式教学:每章节案例都取自一线大厂;

2. 多元化项目:项目选型涵盖企业站、电商站、门户网站等等;

3. 专业的开发流程:专业的测量工具,做到100%还原设计稿;编码规范对标一线大厂开发标准,做到从头到尾的专业开发。

  适用人群:

1. 对前端开发感兴趣的在校生及应届毕业生

2. 对目前职业有进一步提升需求,希望从事前端行业高薪岗位的在职人员

3. 对前端开发感兴趣,希望快速入门前端开发的相关人员

  课程内容:

1HTML认知

基础班导学-精讲与实战

HTML认知-01-初识-网页组成和本质

HTML认知-02-了解-初识-浏览器

HTML认知-03-初识-web标准

HTML认知-04-HTML感知

HTML认知-05-HTML骨架

HTML认知-06-vscode的简介和使用

HTML认知-07-注释

HTML认知-08-标签组成和关系

HTML认知-09-标题和段落

HTML认知-10-换行和水平线标签

HTML认知-11-文本格式化标签

HTML认知-12-图片-基本使用

HTML认知-13-图片-属性

HTML认知-14-绝对路径

HTML认知-15-相对路径-同级和下级

HTML认知-16-相对路径-上级

HTML认知-17-音频标签

HTML认知-18-视频标签

HTML认知-19-超链接

HTML认知-20-综合案例-招聘

HTML认知-21-综合案例-跳转-index

HTML认知-22-综合案例-跳转-其他页面

2HTML基础

HTML基础-01-列表-使用场景

HTML基础-02-列表-无序和有序

HTML基础-03-列表-自定义

HTML基础-04-表格-使用

HTML基础-05-表格-表格标题和表头单元格

HTML基础-06-表格-结构标签

HTML基础-07-表格-合并单元格

HTML基础-08-表单-应用场景

HTML基础-09-表单-input基本使用

HTML基础-10-表单-input-占位符(提示信息)

HTML基础-11-表单-单选功能和默认选中

HTML基础-12-表单-上传多个文件

HTML基础-13-表单-按钮-input

HTML基础-14-表单-按钮button

HTML基础-15-表单-下拉菜单

HTML基础-16-表单-文本域

HTML基础-17-表单-label标签

HTML基础-18-语义化标签

HTML基础-19-字符实体

HTML基础-20-综合案例-学生信息表

HTML基础-21-综合案例-表单

3CSS基础+CSS进阶

CSS基础-01-体验css

CSS基础-02-CSS引入方式

CSS基础-03-选择器-标签

CSS基础-04-选择器-类

CSS基础-05-选择器-id

CSS基础-06-选择器-通配符

CSS基础-07-文字基本样式

CSS基础-08-文字-字体

CSS基础-09-拓展-层叠性

CSS基础-10-font复合属性

CSS基础-11-文本缩进

CSS基础-12-水平对齐方式

CSS基础-13-文本修饰线

CSS基础-14-行高

CSS基础-15-谷歌调试工具

CSS基础-16-拓展-颜色取值

CSS基础-17-拓展-标签居中

CSS基础-18-综合案例1-标题完成

CSS基础-19-综合案例1-新闻-内容

CSS基础-20-综合案例2-图片完成

CSS基础-21-综合案例2-产品-文字效果

CSS进阶-01-选择器-后代

CSS进阶-02-选择器-子代

CSS进阶-03-选择器-并集

CSS进阶-04-选择器-交集

CSS进阶-05-选择器-伪类

CSS进阶-06-emmet语法

CSS进阶-07-背景-背景色

CSS进阶-08-背景-背景图

CSS进阶-09-背景-背景平铺

CSS进阶-10-背景-背景位置

CSS进阶-11-背景-background

CSS进阶-12-背景图和img的区别

CSS进阶-13-显示模式-块

CSS进阶-14-显示模式-行内

CSS进阶-15-显示模式-行内块

CSS进阶-16-显示模式-转换

CSS进阶-17-拓展-标签嵌套

CSS进阶-18-CSS特性-继承性

CSS进阶-19-CSS特性-层叠性

CSS进阶-20-综合案例1

CSS进阶-21-综合案例2

4Redis教程第三天

CSS盒子模型-01-优先级-基本测试

CSS盒子模型-02-优先级-叠加计算

CSS盒子模型-03-优先级-计算题

CSS盒子模型-04-谷歌-排错

CSS盒子模型-05-PxCook

CSS盒子模型-06-组成

CSS盒子模型-07-浏览器效果

CSS盒子模型-08-内容width和height

CSS盒子模型-09-border使用方法

CSS盒子模型-10-尺寸计算-border

CSS盒子模型-11-案例

CSS盒子模型-12-新浪导航-布局div

CSS盒子模型-13-新浪导航-内容a

CSS盒子模型-14-padding-多值

CSS盒子模型-15-尺寸-border和padding

CSS盒子模型-16-新浪导航-padding优化

CSS盒子模型-17-內减模式

CSS盒子模型-18-外边距

CSS盒子模型-19-清除默认样式

CSS盒子模型-20-版心居中

CSS盒子模型-21-综合案例-新闻列表-div布局

CSS盒子模型-22-综合案例-新闻列表-标题

CSS盒子模型-23-综合案例-新闻列表-内容

CSS盒子模型-24-外边距-问题

CSS盒子模型-25-行内元素的垂直内外边距

5CSS定位装饰

CSS定位装饰-01-定位-作用和使用步骤

CSS定位装饰-02-定位-相对relative

CSS定位装饰-03-了解-定位-注意事项

CSS定位装饰-04-定位-绝对absolute-参照浏览器

CSS定位装饰-05-定位-子绝父相

CSS定位装饰-06-案例-学成在线-hot

CSS定位装饰-07-定位-居中

CSS定位装饰-08-定位-位移居中

CSS定位装饰-09-案例-二维码

CSS定位装饰-10-案例-banner

CSS定位装饰-11-定位-固定

CSS定位装饰-12-定位-显示层级

CSS定位装饰-13-vertical-align-01

CSS定位装饰-14-vertical-align-02

CSS定位装饰-15-光标类型

CSS定位装饰-16-圆角边框-基本使用

CSS定位装饰-17-圆角边框-工作场景

CSS定位装饰-18-溢出显示效果-overflow

CSS定位装饰-19-显示隐藏-基本使用

CSS定位装饰-20-案例-二维码显示隐藏

CSS定位装饰-21-透明属性opacity

6CSS浮动

CSS浮动-01-结构伪类-基本用法

CSS浮动-02-结构伪类-公式

CSS浮动-03-伪元素

CSS浮动-04-标准流

CSS浮动-05-体验行内块问题

CSS浮动-06-作用

CSS浮动-07-特点

CSS浮动-08-综合案例-小米布局

CSS浮动-09-拓展-CSS属性顺序

CSS浮动-10-综合案例-小米产品-左右结构

CSS浮动-11-综合案例-小米产品-li

CSS浮动-12-综合案例-导航

CSS浮动-13-清除浮动-场景搭建

CSS浮动-14-清除浮动-额外标签

CSS浮动-15-清除浮动-单伪元素

CSS浮动-16-清除浮动-双伪元素

CSS浮动-17-清除浮动-overflow

7学成在线项目

学成在线项目-01-准备工作

学成在线项目-02-版心和清除默认样式

学成在线项目-03-header布局

学成在线项目-04-logo和nav布局

学成在线项目-05-nav内容完成

学成在线项目-06-搜索-布局和文本框

学成在线项目-07-搜索-按钮

学成在线项目-08-用户区域

学成在线项目-09-banner-布局

学成在线项目-10-banner-left完成

学成在线项目-11-banner-right-标题

学成在线项目-12-banner-right-内容

学成在线项目-13-banner-right-全部课程

学成在线项目-14-精品推荐

学成在线项目-15-精品课程-标题

学成在线项目-16-精品课程内容

学成在线项目-17-版权区域-布局

学成在线项目-18-版权区域-内容

8小兔仙儿项目

小兔鲜项目主体-01-banner-图

小兔鲜项目主体-02-banner-侧导航-布局

小兔鲜项目主体-03-banner-侧导航-文字内容

小兔鲜项目主体-04-banner-箭头

小兔鲜项目主体-05-banner-圆点

小兔鲜项目主体-06-新鲜好物-标题

小兔鲜项目主体-07-新鲜好物-内容-布局

小兔鲜项目主体-08-新鲜好物-内容完成

小兔鲜项目主体-09-新鲜好物-新品文字

小兔鲜项目主体-10-生鲜-标题-布局

小兔鲜项目主体-11-生鲜区域

小兔鲜项目主体-12-生鲜-内容-布局

小兔鲜项目搭建-01-CSS精灵-作用

小兔鲜项目搭建-02-CSS精灵-使用

小兔鲜项目搭建-03-背景图缩放

小兔鲜项目搭建-04-盒子阴影

小兔鲜项目搭建-05-过渡

小兔鲜项目搭建-06-骨架标签

小兔鲜项目搭建-07-SEO

小兔鲜项目搭建-08-favicon-标题图标

小兔鲜项目搭建-09-项目目录

小兔鲜项目搭建-10-项目代码准备

小兔鲜项目搭建-11-快捷导航-布局

小兔鲜项目搭建-12-快捷导航-内容

小兔鲜项目搭建-13-header-布局

小兔鲜项目搭建-14-logo和导航

小兔鲜项目搭建-15-搜索

小兔鲜项目搭建-16-购物车

小兔鲜项目搭建-17-版权-布局

小兔鲜项目搭建-18-版权-li内容完成

小兔鲜项目搭建-19-版权底部

点击查看更多

猜你喜欢:

30天精通JavaWeb IDEA版【黑马程序员】

Web前端HTML5+CSS3+移动Web全套【黑马程序员最新课程】

jQuery和vue的区别是什么?【前端面试题】

Dreamweaver属性面板和常用功能介绍【web前端】

黑马程序员web前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!