|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/generateblocks-und-flexbox-fur-wordpress-webdesign/
课程评论：没有评论
**课程名称：** CSS Flexbox 在 GenerateBlocks for WordPress 网页设计中的应用 **课程概述：** 本课程将教您如何在 WordPress 项目中使用 CSS Flexbox 技术，轻松创建响应式元素和布局。自 1.7 版本起，WordPress 页面构建器 GenerateBlocks 推出了 Flexbox 控制面板，让您无需编写代码即可设计响应式布局。 本课程包含十一节课，将全面讲解 Flexbox 控制面板的使用方法及其优势： * Flexbox 的由来和优势 * 如何在 GenerateBlocks 中启用 Flexbox * 水平和垂直对齐元素 * 元素居中及间距处理 * 主轴与交叉轴的概念及其重要性 * 在屏幕宽度不足时如何让元素换行 * Flexbox 与响应式设计的关系 * 调整元素间距 * 预设元素尺寸 * 实现元素在不同屏幕宽度下的伸缩 * 调整元素的显示顺序 最后，您将通过一个小型实践项目，在自己的 WordPress 项目中应用 Flexbox 控制面板设计一个响应式页眉。
So nutzt du in deinem WordPress-Projekt die CSS-Flexbox-Technik, um einfach responsive Elemente und Layouts zu erzeugen!Seit Version 1.7 bietet der WordPress-Pagebuilder GenerateBlocks eine Flexbox-Bedienleiste, mit der responsive Layouts sich völlig ohne Programmierkenntnisse gestalten lassen.In diesem Kurs erlernt ihr umfassend die Handhabung dieser Bedienleiste - und lernt die Vorteile kennen, die die CSS-Layout-Technologie Flexbox mit sich bringt.In elf Lektionen arbeiten wir uns durch die Möglichkeiten von Flexbox in GenerateBlocks:Warum gibt es Flexbox und was sind die Vorteile davon?Wie kann ich in GenerateBlocks ein Element flexfähig machen?Wie kann ich Elemente waagerecht oder senkrecht anordnen?Wie kann ich Elemente zentrieren oder mit Abstand ausrichten?Was ist eigentlich der Unterschied zwischen Haupt- und Querachse, und warum ist das wichtig?Wie kann ich Elemente umbrechen lassen, wenn der Bildschirm zu schmal wird?Und überhaupt, was hat das mit responsivem Design zu tun?Wie kann ich die Abstände zwischen Elementen einstellen?Wie kann ich die Größen von Elementen voreinstellen?Wie bekomme ich es hin, dass Elemente schrumpfen oder wachsen, wenn die Seite breiter oder schmaler wird?Wie kann ich die Reihenfolge von Elementen abändern?Abschließend könnt ihr in einem kleinen Do-It-Yourself-Praxisprojekt mit Hilfe der Flexbox-Leiste in eurem eigenen WordPress-Projekt einen Header gestalten und dabei das Gelernte anwenden.
