请求的信息
现在招收
塞申斯学院的高级CSS课程

先进的CSS

1.5学分

Web 209:高级CSS

将FlexBox添加到Web Toolkit

希望把你的CSS带到下一级?在此在线CSS课程中,您将了解如何利用FlexBox,这是一组新的CSS属性,可轻松适应不同的屏幕大小和不同大小的内容,为结构页面内容提供无限,强大的方法,以及设计导航,列 -基于布局,甚至粘的页脚!使用专家讲师,您将学习如何使用具有可缩放向量图形(SVG)和CSS3动画的FlexBox,为您的Web图形添加交互式和创造力。

灵活运用你的编码技能

课程简介

课程的特点

  • 100%的在线
  • 基于项目的
  • 教师指导
  • Credit-bearing: 1.5学分
  • 一月、四月和八月开始上课

教练

本课程由以下讲师授课:

课程开发:Piper Nilsson

将本课程作为独立或作为以下计划的一部分:

课程项目

    1. Flexbox入门

      当原始CSS(层叠样式表)规格于1994年写完时,尚未发明智能手机,平板电脑和互联网电视。CSS如何适应多屏幕未来?课程有一个解决方案:一个名为FlexBox的新兴CSS属性集。讲座开始探索FlexBox是什么,它解决了哪些设计问题。您将了解如何使用Flex容器属性来设计页面上的主要元素。然后,您将探讨使用SVG图像创建高效,高分辨率,动画图形的好处。

    2. 动作中的FlexBox

      现在是使用Flex Item属性进行微调Flexbox布局的时间。FlexBox允许您创建为不同屏幕大小产生一致结果的布局 - 即使您的内容因页面页面而异。第两个课程探索如何定义每个Flex项的大小,并根据用户设备创建重新排序元素的布局。正如您发现的那样,嵌套您的Flex容器可以帮助您实现复杂的布局,并使用其他标准元素(如Navbars,Columns和Sticky页脚)平滑地集成页面内容。

    3. 生产和PostCSS

      要生成Flexbox站点,您需要知道如何添加前缀以使您的网站在后级浏览器中工作。在第三课中,您将了解如何添加供应商的前缀,以使您可以在尽可能多的浏览器中访问FlexBox。使用一个名为Grunt的自动任务旋流器工具,我们可以连接和缩小我们的文件,以便加载超快速。学习使用此软件将开辟一个可能性的世界:添加浏览器前缀,连接,缩小和优化。您将在展开的课程中括起来看看SVG动画的许多选项。

学生作品范例

由丹尼尔Bardits

当然结果

什么是课程项目?

使用CSS和FlexBox创建自定义小型企业网站,以产生独特的设计和徽标。

我需要什么软件或用品?

要选修这门课程,你需要:

  • 可以上网的电脑。
  • Adobe Photoshop或同等数字成像程序。
  • 有编写HTML和CSS的经验。

我会学到什么?

本课程中的学生可以期待学习:

  • 定义什么是flexbox以及它的用途。
  • 使flexbox网站和SVG图像可以访问旧浏览器,如果需要。
  • 使用Flex容器属性创建灵活的布局。
  • 定义使用SVG图像与其他图像类型相比的优点。
  • 使用CSS3转换创建SVG图像并为Web设置动画
  • 使用伸缩项目属性来调整内容的大小和对齐。
  • 使用Mobile查询和CSS来调整移动设备的布局。
  • 使用伸缩简写来编写更紧凑的代码。
  • 使用订单设置来安排Flex项目的显示顺序。
  • 使用嵌套的伸缩容器创建复杂的布局。
  • 使用flexbox创建导航栏,2栏和3栏布局,以及粘性页脚。
  • 探索SVG动画的一些创造性应用程序。
  • 探索在Web生产中使用Grunt的好处。
  • 安装Grunt软件和项目文件。
  • 使用Grunt来连接和缩小JavaScript和CSS文件,为REM单元添加浏览器前缀和回退,并优化GIF,JPEG和PNG图像。

入门

课程注册

  • 一月、四月和八月开始上课
  • 1.5学分课程
  • 基于项目的:练习,讨论和批评

课程学费
学费 $ 510 /信用
注册费* 200美元
总课程价格 965美元

报名费在报名后5天内不退还。所有学费包括课程内容的数字资料费。

点击立即点击以输入您的信息和所需的开始日期。招生顾问将与您联系以安排付款并为您提供注册协议。

常见问题(常见问题)

课程是什么样的?

我们的课程是基于项目的。在每门课程中,您将享受一系列讲座,项目,讨论和批评,旨在延伸您的创造性技能,赚取大学信贷的完成课程。

我需要多少时间?

课程于1月,4月和8月开始,本课程可以在8周内作为15周学期的一部分完成。本课程中的大学信贷可应用于会议学院的一系列学位和证书级别。

谁是教官?

我们的课程由我们的专业艺术家,设计师和摄影师的能力制定和教授。这意味着您将学习需求技能,获得对您的工作的反馈,并建立一个创造性工作组合。

塞申斯学院是合格的吗?

是的。自2001年以来,会议学院得到了认可的远程教育认证委员会(去加重器件)。远程教育认证委员会被美国教育部列为认可的认证机构并被认可高等教育理事会认证(他)。