在线CSS FlexBox课程
30个小时
5415：高级CSS布局
使用功能强大的CSS技术创建响应性FlexBox布局
希望把你的CSS带到下一级？在此在线CSS课程中，您将了解如何利用FlexBox，这是一组新的CSS属性，可轻松适应不同的屏幕大小和不同大小的内容，为结构页面内容提供无限，强大的方法，以及设计导航，列 -基于布局，甚至粘的页脚！使用专家讲师，您将学习如何使用具有可缩放向量图形（SVG）和CSS3动画的FlexBox，为您的Web图形添加交互式和创造力。
课程一目了然
课程特征
- 100％在线
- 项目为基础
- 教练领导
- 以自己的节奏研究
- 在3-4周内完成本课程
将本课程作为独立或作为以下计划的一部分：
课程项目
使用Flexbox入门
当原始CSS（层叠样式表）规格于1994年写完时，尚未发明智能手机，平板电脑和互联网电视。CSS如何适应多屏幕未来？课程有一个解决方案：一个名为FlexBox的新兴CSS属性集。讲座开始探索FlexBox是什么，它解决了哪些设计问题。您将了解如何使用Flex容器属性来设计页面上的主要元素。然后，您将探讨使用SVG图像创建高效，高分辨率，动画图形的好处。
动作中的FlexBox
现在是使用Flex Item属性进行微调Flexbox布局的时间。FlexBox允许您创建为不同屏幕大小产生一致结果的布局 - 即使您的内容因页面页面而异。第两个课程探索如何定义每个Flex项的大小，并根据用户设备创建重新排序元素的布局。正如您发现的那样，嵌套您的Flex容器可以帮助您实现复杂的布局，并使用其他标准元素（如Navbars，Columns和Sticky页脚）平滑地集成页面内容。
生产和Postcs.
要生成Flexbox站点，您需要知道如何添加前缀以使您的网站在后级浏览器中工作。在第三课中，您将了解如何添加供应商的前缀，以使您可以在尽可能多的浏览器中访问FlexBox。使用一个名为Grunt的自动任务旋流器工具，我们可以连接和缩小我们的文件，以便加载超快速。学习使用此软件将开辟一个可能性的世界：添加浏览器前缀，连接，缩小和优化。您将在展开的课程中括起来看看SVG动画的许多选项。
样本学生工作
由Daniel Bardits.课程结果
什么是课程项目？
使用CSS和FlexBox创建自定义小型企业网站，以产生独特的设计和徽标。
我需要什么软件或用品？
要拿到这个课程，你需要：
- 计算机与互联网连接。
- Adobe Photoshop或同等数字成像程序。
- 编码HTML和CSS的经验。
我会学到什么？
本课程中的学生可以期待学习：
- 定义Flexbox是什么以及它用于它的东西。
- 如果需要，使旧浏览器可访问Flexbox站点和SVG图像。
- 使用Flex容器属性创建灵活的布局。
- 与其他图像类型相比，定义使用SVG图像的好处。
- 使用CSS3转换创建SVG图像并为Web设置动画
- 使用Flex Item属性到大小并对齐内容。
- 使用Mobile查询和CSS来调整移动设备的布局。
- 使用Flex Shuthand来编写更紧凑的代码。
- 使用订单设置来安排Flex项目的显示顺序。
- 使用嵌套的Flex容器创建复杂的布局。
- 使用FlexBox创建导航栏，2和3列布局，以及粘性页脚。
- 探索SVG动画的一些创意应用程序。
- 探索使用Grunt进行Web生产的好处。
- 安装Grunt软件和项目文件。
- 使用Grunt来连接和缩小JavaScript和CSS文件，为REM单元添加浏览器前缀和回退，并优化GIF，JPEG和PNG图像。
入门
课程注册
- 今天开始注册
- 以自己的节奏研究
- 3个月内完成
| 课程学费和费用 | |
|---|---|
| 学费 | 619美元 |
| 注册费用* | 50美元 |
| 总课程价格 | 669美元 |
注册后5天后，注册费是不可缺货的。所有学费包括课程内容的数字材料费用。
点击立即点击以输入您的信息和所需的开始日期。招生顾问将与您联系以安排付款并为您提供注册协议。
常见问题（常见问题）
课程是什么样的？
我们的课程是基于项目的。没有设置登录，因此您可以以自己的节奏学习。在每个课程中，您将完成一系列旨在延伸创造性技能的讲座和项目。
我需要多少时间？
本课程可以在30小时或更短的时间内完成。您将在注册中有三个月，以完成以自己的步伐进行学习的课程。对于那些需要更多时间的人提供扩展。
谁是教师？
我们的课程由我们的专业艺术家，设计师和摄影师的能力制定和教授。您将学习需求的技能，了解您的工作反馈，并建立一个创意工作组合。
会议大学是否认可？
是的。自2001年以来，会议学院得到了认可的远程教育认证委员会（DEAC）。远程教育认证委员会是由美国教育部列为公认的认证机构并被认可高等教育理事会认证（chea）。