2023前端HTML5+CSS3+移动Web教程
资源介绍:
本课程从前端开发环境开始讲解,课程内容既包含企业中制作网页的基础知识,又包含企业PC端网页和移动端网页的制作流程,通过每日案例、学成在线和小兔鲜儿、极速问诊、酷我手机网页、腾讯全端等多个项目掌握多端网页制作技巧,轻松学习HTML5和CSS3。
课程内容:
课程共分为:HTML5基础、HTML5进阶、CSS3基础、CSS3进阶、CSS3盒子模型、Flex 布局、Flex实战项目-学成在线、定位和高级技巧、综合实战项目-小兔鲜儿、平面与空间转换、动画、移动端网页布局、响应式网页布局
资源目录:
第一章:HTML基础
HTML基础:标签语法(标签结构)、HTML骨架、标签的关系、注释、标题标签、段落标签、换行和水平线、文本格式化标、图像标签、图像属性、属性语法、路径(相对、绝对路径)、超链接标签、简介
第二章:HTML进阶
HTML进阶:列表(无序、有序、定义列表)、表格(结构标签、合并单元格)、表单(input标签、单选框、上传文件、多选框、下拉菜单、文本域、label标签、按钮)、语义化(无、有语义布局
第三章:CSS基础
CSS基础:选择器(标签、类、id、通配符)、盒子尺寸和背景色、文字控制属性、字体大小、字体样式、行高、单行文字垂直居中、字体族、font复合属性、文本(缩进、对齐方式、修饰线、color文字颜色、综合案例
第四章:CSS进阶
复合选择器、后代选择器、子代选择器、并集选择器、交集选择器、伪类选择器、超链接伪类、CSS特性(继承性、层叠性、优先级(基础选择器、复合选择器-叠加))、Emmet写法、背景属性(背景图、平铺方式、背景图位置、背景图缩放、背景图固定、背景复合属性)、显示模式、块级元素、行内元素、行内块元素、转换显示模式、综合案例(热词、banner效果)
第五章:盒子模型
盒子模型:选择器、PxCook、盒子模型、正则表达式、综合案例(产品卡片与新闻列表)
第六章:Flex布局
Flex布局:标准流、浮动、Flex布局、综合案例(短视频首页解决方案)
第七章:网页制作
网页制作(以“学成在线”为例)
第八章:CSS高级
CSS高级:定位、高级技巧、CSS修饰属性、综合案例:购物网站轮播图
第九章:网页精细制作第一部分
网页精细制作第一部分:CSEO、Favicon、小兔鲜儿电商网站顶部设计
第十章:网页精细制作第二部分
网页精细制作第二部分:小兔鲜儿电商网站底部设计及网站中间过渡部分设计
———————————————————进 阶 篇————————————————————
第一章:移动Web第一天
网页制作(以“学成在线”为例)
第二章:移动Web第二天
移动Web第二天:空间转换、动画、综合案例:全民出游
第三章:移动Web第三天
移动Web第三天:移动Web基础、rem、less、综合案例—极速问诊
第四章:移动Web第四天
移动Web第四天:vw适配方案、vw和vh的基本使用、综合案例-酷我音乐
第五章:移动Web第五天
移动Web第五天:媒体查询、Bootstrap、综合案例-alloyTeam