教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

2023新版前端基础入门教程HTML5+CSS3+移动Web

更新时间:2023年04月18日16时08分 来源:传智教育 浏览次数:

好口碑IT培训

  Web前端在如今非常重要,因为它是用户与网站或应用程序交互的第一层。它是构建网站或应用程序的前端部分,包括页面布局、设计、样式、交互和用户体验。

  全网较全面、实用的前端基础教程,45小时掌握网页制作流程和技巧,学完后可以独立完成PC端/移动端网页制作。


只要大家有需求

我们的视频教程就绝不会缺席

黑马程序员重磅发布新教程



  本课程从前端开发环境开始讲解,课程内容既包含企业中制作网页的基础知识,又包含企业PC端网页和移动端网页的制作流程,通过每日案例、学成在线和小兔鲜儿、极速问诊、酷我手机网页、腾讯全端等多个项目掌握多端网页制作技巧,轻松学习HTML5和CSS3。


  课程共分为:HTML5基础、HTML5进阶、CSS3基础、CSS3进阶、CSS3盒子模型、Flex 布局、Flex实战项目-学成在线、定位和高级技巧、综合实战项目-小兔鲜儿、平面与空间转换、动画、移动端网页布局、响应式网页布局。


  课程亮点  

  1.全网更全面、实用的前端基础课教程,内容包含 PC 端和移动端网页制作;

  2.内容更贴合企业开发:采用流行布局方案 Flex,弱化过旧知识浮动;讲解开发最常用的移动端适配方案,rem和vw/vh;使用LESS预处理器开发页面; 使用 PxCook 测量工具,100%还原设计稿;

  3.每日课程都配备企业实际案例;

  4.每日作业齐全:既学又习;

  5.丰富的配套资料:代码、讲义、笔记、大纲等;


  适用人群  

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

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

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

  程内容  

  2023新版前端基础入门教程HTML5+CSS3+移动Web(滑动查看)

  第1节 - 01-前端基础导学课程

  第2节 - 02-第一天课程介绍

  第3节 - 03-标签语法

  第4节 - 04-HTML的基本骨架

  第5节 - 05-标签的关系

  第6节 - 06-注释

  第7节 - 07-排版标签-标题和段落

  第8节 - 08-换行和水平线标签

  第9节 - 09-文本格式化标签

  第10节 - 10-图像标签

  第11节 - 11-路径-相对和绝对

  第12节 - 12-超链接标签

  第13节 - 13-多媒体标签-音频和视频

  第14节 - 14-综合案例1-个人简介

  第15节 - 15-综合案例2-vue简介

  第16节 - 16-第二天课程介绍

  第17节 - 17-列表-无序和有序和定义列表

  第18节 - 18-表格-基本使用与表格结构标签

  第19节 - 19-合并单元格

  第20节 - 20-表单-input标签

  第21节 - 21-表单-下拉菜单

  第22节 - 22-表单-文本域

  第23节 - 23-表单-label标签

  第24节 - 24-表单-按钮

  第25节 - 25-div和span标签和字体实体

  第26节 - 26-综合案例1-体育新闻列表

  第27节 - 27-综合案例2-注册信息

  第28节 - 28-第三天课程介绍

  第29节 - 29-体验CSS

  第30节 - 30-CSS引入方式

  第31节 - 31-选择器-标签和类

  第32节 - 32-选择器-id和通配符

  第33节 - 33-画盒子

  第34节 - 34-字体修饰属性-大小和粗细和倾斜

  第35节 - 35-行高

  第36节 - 36-字体族

  第37节 - 37-font属性

  第38节 - 38-文本修饰属性-缩进和对齐和修饰线

  第39节 - 39-文字颜色

  第40节 - 40-调试工具

  第41节 - 41-综合案例一-新闻详情

  第42节 - 42-综合案例二-CSS简介

  第43节 - 43-第四天课程介绍

  第44节 - 44-复合选择器

  第45节 - 45-伪类选择器.

  第46节 - 46-CSS三大特性

  第47节 - 47-Emmet写法

  第48节 - 48-背景属性-拆分写法

  第49节 - 49-背景属性-复合写法

  第50节 - 50-显示模式

  第51节 - 51-综合案例一-热词

  第52节 - 52-综合案例二-banner效果

  第53节 - 53-第五天课程介绍

  第54节 - 54-结构伪类选择器

  第55节 - 55-伪元素选择器

  第56节 - 56-PxCook用法

  第57节 - 57-盒子模型-组成

  第58节 - 58-盒子模型-边框线

  第59节 - 59-盒子模型-内边距

  第60节 - 60-盒子模型-尺寸计算

  第61节 - 61-版心居中

  第62节 - 62-清除默认样式

  第63节 - 63-内容溢出overflow属性

  第64节 - 64-外边距问题-合并和塌陷

  第65节 - 65-行内元素垂直内外边距

  第66节 - 66-圆角与盒子阴影

  第67节 - 67-综合案例一-产品卡片

  第68节 - 68-综合案例二-新浪新闻

  第69节 - 69-第六天课程介绍

  第70节 - 70-标准流

  第71节 - 71-浮动-基本使用与布局

  第72节 - 72-浮动-清除浮动

  第73节 - 73-浮动-总结

  第74节 - 74-flex布局-体验

  第75节 - 75-flex布局-组成

  第76节 - 76-flex布局-主轴与侧轴对齐方式

  第77节 - 77-flex布局-修改主轴方向

  第78节 - 78-flex布局-弹性伸缩比

  第79节 - 79-flex布局-弹性换行与行对齐方式

  第80节 - 80-综合案例-抖音解决方案

  第81节 - 81-第七天课程介绍

  第82节 - 82-准备工作-项目目录与版心

  第83节 - 83-网页制作思路

  第84节 - 84-header区域-整体布局

  第85节 - 85-header区域-logo

  第86节 - 86-header区域-导航

  第87节 - 87-header区域-搜索区域

  第88节 - 88-header区域-用户区域

  第89节 - 89-banner区域

  第90节 - 90-精品推荐区域

  第91节 - 91-推荐课程区域

  第92节 - 92-前端开发工程师区域

  第93节 - 93-版权区域

  第94节 - 94-第八天课程介绍

  第95节 - 95-定位-相对和绝对和固定

  第96节 - 96-堆叠顺序z-index

  第97节 - 97-定位总结

  第98节 - 98-CSS精灵-基本使用

  第99节 - 99-案例-CSS精灵-京东服务

  第100节 - 100-字体图标-下载和使用

  第101节 - 101-字体图标-上传

  第102节 - 102-垂直对齐方式vertical-align

  第103节 - 103-过渡属性

  第104节 - 104-修饰属性-透明度与光标类型

  第105节 - 105-综合案例-淘宝轮播图

  第106节 - 106-第九天课程介绍

  第107节 - 107-搭建项目目录

  第108节 - 108-网页头部SEO三大标签

  第109节 - 109-Favicon图标与版心

  第110节 - 110-快捷导航

  第111节 - 111-头部-布局

  第112节 - 112-头部-logo

  第113节 - 113-头部-导航

  第114节 - 114-头部-搜索

  第115节 - 115-头部-购物车

  第116节 - 116-底部-布局

  第117节 - 117-底部-服务区域

  第118节 - 118-底部-帮助中心

  第119节 - 119-底部-版权

  第120节 - 120-banner区域

  第121节 - 121-新鲜好物区域

  第122节 - 122-人气推荐

  第123节 - 123-热门品牌区域

  第124节 - 124-生鲜-标题

  第125节 - 125-生鲜-内容布局

  第126节 - 126-生鲜-产品内容

  第127节 - 127-生鲜-过渡效果

  第128节 - 128-最新专题-布局

  第129节 - 129-最新专题-内容

  第130节 - 130-最新专题-定位文字

  未完待续,黑马老师996更新中......


掌握行业热门技术

是每个程序员都应该重视的事情

2023新版前端基础入门教程HTML5+CSS3+移动Web如此重要,你还没学?

点击或搜索黑马程序员B站

观看全集视频

- 完整配套资料领取方式 -

(视频+讲义+源码+笔记+资料)

黑马程序员视频库

搜索《2023新版前端基础入门教程HTML5+CSS3+移动Web

0 分享到:
和我们在线交谈!