资源简介
本课程从前端开发环境开始讲解,课程内容既包含企业中制作网页的基础知识,又包含企业PC端网页和移动端网页的制作流程,通过每日案例、学成在线和小兔鲜儿、极速问诊、酷我手机网页、腾讯全端等多个项目掌握多端网页制作技巧,轻松学习HTML5和CSS3。
课程共分为:HTML5基础、HTML5进阶、CSS3基础、CSS3进阶、CSS3盒子模型、Flex 布局、Flex实战项目-学成在线、定位和高级技巧、综合实战项目-小兔鲜儿、平面与空间转换、动画、移动端网页布局、响应式网页布局。
课程亮点
1.全网更全面、实用的前端基础课教程,内容包含 PC 端和移动端网页制作;
2.内容更贴合企业开发:采用流行布局方案 Flex,弱化过旧知识浮动;讲解开发最常用的移动端适配方案,rem和vw/vh;使用LESS预处理器开发页面; 使用 PxCook 测量工具,100%还原设计稿;
3.每日课程都配备企业实际案例;
4.每日作业齐全:既学又习;
5.丰富的配套资料:代码、讲义、笔记、大纲等;
适用人群
· 对前端开发感兴趣的在校生及应届毕业生;
· 对目前职业有进一步提升需求,希望从事前端行业高薪岗位的在职人员;
· 对前端开发感兴趣,希望快速入门前端开发的相关人员;
课程目录
- Day01
- 01-前端基础导学课程.mp4
- 02-第一天课程介绍.mp4
- 03-标签语法.mp4
- 04-HTML的基本骨架.mp4
- 05-标签的关系.mp4
- 06-注释.mp4
- 07-排版标签-标题和段落.mp4
- 08-换行和水平线标签.mp4
- 09-文本格式化标签.mp4
- 10-图像标签.mp4
- 11-路径-相对和绝对.mp4
- 12-超链接标签.mp4
- 13-多媒体标签-音频和视频.mp4
- 14-综合案例1-个人简介.mp4
- 15-综合案例2-vue简介.mp4
- 【补充】VSCode基本使用.mp4
- Day02
- 16-第二天课程介绍.mp4
- 17-列表-无序和有序和定义列表.mp4
- 18-表格-基本使用与表格结构标签.mp4
- 19-合并单元格.mp4
- 20-表单-input标签.mp4
- 21-表单-下拉菜单.mp4
- 22-表单-文本域.mp4
- 23-表单-label标签.mp4
- 24-表单-按钮.mp4
- 25-div和span标签和字体实体.mp4
- 26-综合案例1-体育新闻列表.mp4
- 27-综合案例2-注册信息.mp4
- Day03
- 28-第三天课程介绍.mp4
- 29-体验CSS.mp4
- 30-CSS引入方式.mp4
- 31-选择器-标签和类.mp4
- 32-选择器-id和通配符.mp4
- 33-画盒子.mp4
- 34-字体修饰属性-大小和粗细和倾斜.mp4
- 35-行高.mp4
- 36-字体族.mp4
- 37-font属性.mp4
- 38-文本修饰属性-缩进和对齐和修饰线.mp4
- 39-文字颜色.mp4
- 40-调试工具.mp4
- 41-综合案例一-新闻详情.mp4
- 42-综合案例二-CSS简介.mp4
- Day04
- Day05
- Day06
- Day07
- 81-第七天课程介绍.mp4
- 82-准备工作-项目目录与版心.mp4
- 83-网页制作思路.mp4
- 84-header区域-整体布局.mp4
- 85-header区域-logo.mp4
- 86-header区域-导航.mp4
- 87-header区域-搜索区域.mp4
- 88-header区域-用户区域.mp4
- 89-banner区域.mp4
- 90-精品推荐区域.mp4
- 91-推荐课程区域.mp4
- 92-前端开发工程师区域.mp4
- 93-版权区域.mp4
- Day08
- 100-字体图标-下载和使用.mp4
- 101-字体图标-上传.mp4
- 102-垂直对齐方式vertical-align.mp4
- 103-过渡属性.mp4
- 104-修饰属性-透明度与光标类型.mp4
- 105-综合案例-淘宝轮播图.mp4
- 94-第八天课程介绍.mp4
- 95-定位-相对和绝对和固定.mp4
- 96-堆叠顺序z-index.mp4
- 97-定位总结.mp4
- 98-CSS精灵-基本使用.mp4
- 99-案例-CSS精灵-京东服务.mp4
- Day09
- 106-第九天课程介绍.mp4
- 107-搭建项目目录.mp4
- 108-网页头部SEO三大标签.mp4
- 109-Favicon图标与版心.mp4
- 110-快捷导航.mp4
- 111-头部-布局.mp4
- 112-头部-logo.mp4
- 113-头部-导航.mp4
- 114-头部-搜索.mp4
- 115-头部-购物车.mp4
- 116-底部-布局.mp4
- 117-底部-服务区域.mp4
- 118-底部-帮助中心.mp4
- 119-底部-版权.mp4
- Day10
- 120-banner区域.mp4
- 121-新鲜好物区域.mp4
- 122-人气推荐.mp4
- 123-热门品牌区域.mp4
- 124-生鲜-标题.mp4
- 125-生鲜-内容布局.mp4
- 126-生鲜-产品内容.mp4
- 127-生鲜-过渡效果.mp4
- 128-最新专题-布局.mp4
- 129-最新专题-内容.mp4
- 130-最新专题-定位文字.mp4
- day11-移动web
- 131-第一天课程介绍.mp4
- 132-平面转换-体验.mp4
- 133-平面转换-平移.mp4
- 134-平移实现定位居中.mp4
- 135-案例-双开门.mp4
- 136-平面转换-旋转.mp4
- 137-转换原点.mp4
- 138-多重转换.mp4
- 139-平面转换-缩放.mp4
- 140-案例-播放效果.mp4
- 141-平面转换-倾斜.mp4
- 142-线性渐变及产品案例.mp4
- 143-径向渐变.mp4
- 144-综合案例-喜马拉雅.mp4
下载链接见右侧按钮
声明:1、学神资源吧资源均通过互联网公开合法渠道获取,资源价格仅代表资源收集整理的费用,绝不代表原作品本身的价值。资源仅供阅读测试,请在下载后24小时内删除,谢谢合作!2、由于部分资源中不可避免的存在一些敏感关键词,如果购买后提示网盘资源链接失效,或者提示此类资源无法分享的情况,您无需担心,只需要联客服联系为您补发资源即可。
3、版权归原作者或出版方所有,本站不对涉及的版权问题负法律责任。若版权方认为学神资源吧侵权,请联系客服或发送邮件处理。。。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,微信: xueshen2025。