界面设计布局神器:flex box 入门、进阶、项目实战班(46节课)

4人 购买 好评度 -
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP
收藏
  • Flex实战班
更多班级

Flex实战班

支持随到随学,24年10月过期

¥76.22

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即购买

课程概述

目录

评论

老师介绍

  • 黄菊华

    黄菊华

    摇亿学院,专注于Web前端、移动开发、跨平台开发技术;《微信小程序商城界面实战》作者;力求让每个入学的学员都能学会这几门技术能参与工作。
简  介 第1部分:Flex Box 入门 第2部分:Flex Box 布局实战 第3部分:实战-公司移动站点实战
flex box 入门、进阶、实战班 (QQ交流群:28147320) 
黄老师QQ/微信:45157718 
 
第1部分:Flex Box 入门
第2部分:Flex Box 布局实战
第3部分:(实战)公司移动站点实战

【第1部分:flex入门】
Flex课程(1)Flex容器的属性
1.1-Flex Box介绍
1.2-Flex实战-表单的简单布局
1.3-Flex容器的属性--flex-direction项目的排列方向
1.4-Flex容器的属性--flex-wrap如何换行
1.5-Flex容器的属性--justify-content内容对齐(左中右)
1.6-Flex容器的属性--align-items(上中下对齐)

Flex课程(2)项目属性
2.1-Flex项目的属性--order子元素的排序
2.2-Flex项目的属性--flex-grow项目的放大比例
2.3-Flex项目的属性-flex-shrink项目的缩小比例
2.4-Flex项目的属性-flex-basis项目占据的主轴空间
2.5-Flex项目的属性-flex综合属性设置
2.6-Flex项目的属性-align-self(子元素上中下的设置)
2.7-Flex项目的属性-margin(对齐和居中)

【Flex实战】
3.1-Flex实战-骰子之一个

【第2部分:Flex实战】
Flex实战(1)各种布局
01 Flex Box页面布局实战课程-基本网格布局
02 Flex Box页面布局实战课程-百分比布局
03 Flex Box页面布局实战课程-固定的底栏
04 Flex Box页面布局实战课程-圣杯布局
05 Flex Box页面布局实战课程-输入框的布局
06 Flex Box页面布局实战课程-悬挂式布局
07 Flex Box页面布局实战课程-流式布局

Flex实战(2)九宫格布局
08 Flex Box页面布局实战课程-九宫格布局
09 Flex Box页面布局实战课程-九宫格布局-一个项目的布局(按行row排列)
10 Flex Box页面布局实战课程-九宫格布局-一个项目的布局(按列column排列)
11 Flex Box页面布局实战课程-九宫格布局-八个项目的布局
12 Flex Box页面布局实战课程-九宫格布局-七个项目的布局
13 Flex Box页面布局实战课程-九宫格布局-六个项目的布局
14 Flex Box页面布局实战课程-九宫格布局-五个项目的布局
15 Flex Box页面布局实战课程-九宫格布局-三个项目的布局

【第3部分:企业移动站点设计实战】
01-课程说明
02-首页-页面建立和广告图
03-首页-区块标题和公司简介
04-首页-最新产品
05-首页-最新产品
06-首页-最新资讯
07-首页-底部菜单布局
08-首页-底部菜单样式
09-空白页面的建立
10-产品-整体框架的实现
11-产品-左侧分类
12-产品-右侧分类产品
13-产品-案例
14-资讯-列表
15-关于我们
16-留言
17-详情页面
 

* 课程提供者:摇亿教育

老师还为你推荐了以下几门课程