想让你的CSS更上一层楼?在这个在线CSS课程中,您将学习如何使用flexbox,这是一组新的CSS属性,可以轻松适应不同的屏幕尺寸和不同大小的内容,提供无限的、健壮的方式来结构页面内容,并设计导航,基于列的布局,甚至粘性页脚!与专家教练合作,您将学习如何使用flexbox与可伸缩矢量图形(SVG)和CSS3动画,为您的Web图形添加交互式和创造性的能力。
课程简介
课程的特点
- 100%的在线
- 基于项目的
- 教师指导
- Credit-bearing: 1.5学分
- 1月、4月和8月开学
将本课程作为一个独立的课程或作为以下课程的一部分学习:
课程项目
开始使用Flexbox
当最初的CSS(层叠样式表)规范在1994年编写时,智能手机、平板电脑和互联网电视还没有发明出来。CSS将如何适应多屏幕的未来?第一课有解决方案:一组名为flexbox的CSS属性。讲座从探索flexxbox是什么以及它解决了什么样的设计问题开始。您将学习如何使用flex容器属性来设计页面上的主要元素。然后,您将探索使用SVG图像创建高效、高分辨率的动画图形的好处。
Flexbox在行动
现在是时候使用flex项目属性微调flexxbox布局了。Flexbox允许您创建针对不同屏幕尺寸产生一致结果的布局—即使您的内容在不同页面之间有所不同。第二课探讨了如何定义每个伸缩项的大小,并创建布局,根据用户设备对元素进行重新排序。您将会发现,嵌套伸缩容器可以帮助您实现复杂的布局,并顺利地将页面内容与导航栏、列和粘性页脚等其他标准元素集成在一起。
制作和CSS动画
为了生成您的flexbox站点,您需要知道如何添加前缀以使您的站点在底层浏览器中工作。在第三课中,您将学习如何添加供应商前缀,以便在尽可能多的浏览器中访问flexbox。您将通过对SVG动画的许多选项的扩展了解来结束本课程,并尝试GreenSock动画库。
学生作品范例
当然结果
课程计划是什么?
使用CSS和flexbox创建一个定制的小型企业网站,以产生独特的设计和标志。
我需要什么软件或供应品?
要学习这门课程,你需要:
- 可连接互联网的电脑。
- Adobe Photoshop或等效的数字成像程序。
- 有编写HTML和CSS的经验。
我能学到什么?
学习本课程的学生将有望学到:
- 定义什么是flexbox以及它的用途。
- 如果需要,使旧的浏览器可以访问flexbox网站和SVG图像。
- 使用灵活的容器属性创建灵活的布局。
- 定义使用SVG图像与其他图像类型相比的优点。
- 创建一个SVG图像,并使用CSS3转换为Web制作动画
- 使用伸缩项属性来调整内容的大小和对齐。
- 使用移动查询和CSS为移动设备调整布局。
- 使用灵活缩写来编写更紧凑的代码。
- 使用顺序设置来安排伸缩项目的显示顺序。
- 使用嵌套的伸缩容器创建复杂布局。
- 使用flexbox创建导航栏、2列和3列布局以及粘性页脚。
- 使用GreenSock动画库探索SVG动画的一些创造性应用程序。
开始
课程注册
- 1月、4月和8月开学
- 1.5信用
- 基于项目的:练习、讨论和批评
课程学费及杂费 | |
---|---|
学费 | 510美元/信贷 |
注册费* | 200美元 |
课程的总价格 | 965美元 |
注册费用在注册后5天内不可退还。所有的学费包括课程内容的数字材料费用。
单击Register Now以输入您的信息和所需的开始日期。招生顾问将联系你安排付款,并向你提供入学协议。
常见问题(FAQ)
课程是什么样的?
我们的课程是以项目为基础的。在每一门课程中,你将享受一系列的讲座、项目、讨论和批评,旨在拓展你的创造性技能,为你完成的课程获得大学学分。
我需要多少时间?
课程开始于1月、4月和8月,这门课程可以在8周内完成15周学期的一部分。这门课程的大学学分可以应用于塞申斯学院的一系列学位和证书级别的课程。
谁是指导员?
我们的课程是由我们的专业艺术家、设计师和摄影师教师开发和教授的。这意味着你将学到需要的技能,得到工作的反馈,并建立一个创造性工作的作品集。
塞申斯学院是否被认可?
是的。自2001年起,塞申斯学院获得了英国高等教育协会的认证远程教育认证委员会(去加重器件)。远程教育认证委员会被美国教育部列为认可的认证机构并被公认为高等教育认证委员会(他)。