Webflow-Glossar mit 259 Begriffen

DNS-Eintrag, der einen Namen auf eine IP-Adresse verweist, etwa die Domain ohne www auf Webflow.

Im Kurs: Tag 11

Prüfung, ob eine Website die vorher vereinbarten Kriterien erfüllt. Jedes Kriterium ist erfüllt oder nicht.

Im Kurs: Tag 16

Ein prüfbarer Punkt der Abnahme, etwa „genau eine h1“ oder „Kontrast mindestens 4,5 zu 1“.

Im Kurs: Tag 16

Die Reaktion einer Interaction: eine Animation über Zeit oder ein sofortiger Schritt (Set).

Im Kurs: Tag 7

Eine Variable, die auf eine andere Variable desselben Typs zeigt, etwa knopf/hintergrund auf farbe/akzent.

Im Kurs: Tag 17

Die Ausrichtung der Kinder im Flex parent, in Webflow eine Box mit neun Feldern und Listen für X und Y.

Im Kurs: Tag 8

Eine kurze Beschreibung eines Bildes für alle, die es nicht sehen. Screenreader lesen sie vor, und sie steht da, wenn das Bild nicht lädt.

Im Kurs: Tag 4

Wunsch, der über den vereinbarten Umfang hinausgeht. Wird notiert und gesondert entschieden, nicht nebenbei gebaut.

Im Kurs: Tag 16

From startet bei gesetzten Werten und endet beim normalen Aussehen, To läuft vom normalen Aussehen zu gesetzten Werten, FromTo setzt beides.

Im Kurs: Tag 7

Eine Erweiterung eines Drittanbieters aus dem Webflow Marketplace, die du für eine Website oder einen Workspace autorisierst.

Im Kurs: Tag 5

Assets sind hochgeladene Dateien wie Bilder, Icons und PDFs. Im Assets panel (Taste J) lädst du sie hoch, komprimierst sie und legst Alt-Texte fest.

Im Kurs: Tag 4

Eine Zusatzangabe im Start-Tag eines HTML-Elements, etwa class für die Klasse, href für das Linkziel oder alt für den Alternativtext eines Bildes.

Im Kurs: Tag 1

Panel in Webflow, das Alt-Texte, Linktexte, Überschriftenebenen und doppelte IDs prüft. Eine erste Liste, kein Zertifikat.

Im Kurs: Tag 15

Einstellung in Figma, mit der ein Frame seine Inhalte selbst anordnet, mit Richtung, Gap, Padding und Wrap. Voraussetzung für das Figma-to-Webflow-Plugin.

Im Kurs: Tag 18

Grid-Einstellung, bei der so viele Spalten entstehen, wie mit einer Mindestbreite in den Container passen.

Im Kurs: Tag 9

Ein Bildformat, das meist noch kleinere Dateien als WebP erzeugt, aber etwas weniger verbreitet ist.

Im Kurs: Tag 4

Gesicherter Stand einer Webflow-Website, den du wiederherstellen kannst. Vor jedem Publish selbst anlegen, mit Beschreibung.

Im Kurs: Tag 11

Eine Website ist für alle Menschen nutzbar, auch mit Behinderung, mit Hilfsmitteln oder in schwierigen Situationen.

Im Kurs: Tag 15

Die Startgröße eines Flex child, bevor es wächst oder schrumpft.

Im Kurs: Tag 8

Der Breakpoint, auf dem Webflow startet. Seine Styles gelten für alle Breiten, solange kleinere Breakpoints nichts überschreiben.

Im Kurs: Tag 6

Ein Website-Werkzeug wie Wix, Squarespace oder Jimdo: Vorlage wählen, Texte und Bilder tauschen, online. Schnell, aber in den Grenzen der Vorlage.

Im Kurs: Tag 1

Kachelraster mit unterschiedlich großen Feldern, gebaut aus einem Grid und Spans.

Im Kurs: Tag 9

Barrierefreiheitsstärkungsgesetz, seit 28. Juni 2025. Verlangt Barrierefreiheit für Online-Angebote, über die Verbraucher Verträge schließen, Kleinstunternehmen ausgenommen.

Im Kurs: Tag 15

Ein Selektor in Webflow für das body-Tag aller Seiten. Was du dort einstellst, etwa Schrift und Textfarbe, erben alle Texte.

Im Kurs: Tag 3

Eine Rechnung für die Breite: Padding und Rahmen gehen von innen ab, die Box ist so breit wie eingestellt. Webflow nutzt sie für alle Elemente, der Browser ohne Angabe content-box.

Im Kurs: Tag 1

Spam-Schutz in Webflow, der Mausbewegungen und Eingaben auswertet, um Bots zu erkennen. Gilt für alle Formulare einer Website.

Im Kurs: Tag 5

Jedes Element ist für den Browser eine Box aus Content, Padding, Border und Margin, von innen nach außen.

Im Kurs: Tag 1

Eine Fensterbreite, ab der andere Styles gelten. Webflow: Desktop als Basis, Tablet bis 991, Mobile landscape bis 767, Mobile portrait bis 479 Pixel.

Im Kurs: Tag 6

Schriftlicher Auftrag für eine Website mit Ziel, Zielgruppe, Stil, Inhalten und Rahmen. Wird vor dem Bauen auf Lücken geprüft.

Im Kurs: Tag 16

Pflicht, den Bestellbutton eindeutig zu beschriften, etwa „zahlungspflichtig bestellen“. Sonst kommt kein Vertrag zustande.

Im Kurs: Tag 19

Eine Handlungsaufforderung, meist als Button, etwa „Erstgespräch“ oder „Termin anfragen“. Sie nennt, was passiert.

Im Kurs: Tag 3

Zeile im Kopf einer Seite, die angibt, welche von mehreren Adressen mit gleichem Inhalt die Original-Adresse ist.

Im Kurs: Tag 12

Ein wiederkehrendes Muster aus Bild, Titel, Text und Link, etwa für Leistungen, Team oder Beiträge. In Webflow aus normalen Elementen gebaut, meist mit einer Klasse.

Im Kurs: Tag 4

Abschnitt eines Shops, in dem Adresse, Zahlungsart und Bestellbutton stehen und der Vertrag geschlossen wird.

Im Kurs: Tag 19

CSS-Funktion mit Minimum, fließendem Wert und Maximum, etwa clamp(2rem, 1.2rem + 3vw, 3.5rem). Damit wächst Schrift stufenlos mit der Fensterbreite.

Im Kurs: Tag 6

System für Klassennamen und Seitenstruktur in Webflow von der Agentur Finsweet, mit Custom-, Utility- und Combo-Klassen und einer festen Core Structure.

Im Kurs: Tag 17

Ein System, in dem Inhalte und Gestaltung getrennt sind, damit auch Menschen ohne Technikwissen Inhalte pflegen können. Bekanntestes Beispiel ist WordPress, Webflow hat ein eigenes CMS.

Im Kurs: Tag 1

DNS-Eintrag, der einen Namen auf einen anderen Namen verweist, etwa www auf den Server von Webflow.

Im Kurs: Tag 11

Eine Sammlung gleich aufgebauter Inhalte im Webflow-CMS, etwa Glossar, Blog oder Team. Wie eine Tabelle.

Im Kurs: Tag 13

Eine Eigenschaft aller Items einer Collection, wie eine Spalte, mit festem Typ.

Im Kurs: Tag 13

Ein einzelner Eintrag einer Collection, wie eine Zeile in einer Tabelle.

Im Kurs: Tag 13

Element, das Items einer Collection auf einer beliebigen Seite als Liste oder Karten zeigt.

Im Kurs: Tag 13

Template-Seite einer Collection. Webflow erzeugt daraus für jedes Item eine eigene Detailseite.

Im Kurs: Tag 13

Der Ordner in der Adresse der Detailseiten einer Collection, etwa glossar in /glossar/token.

Im Kurs: Tag 13

In Client-First eine Variante mit dem Präfix is-, die eine Basisklasse ergänzt, etwa button is-secondary.

Im Kurs: Tag 17

Wiederverwendbarer Baustein in Figma. Kommt beim Sync als Webflow-Component an, beim Kopieren nur als Element.

Im Kurs: Tag 18

Eine Verwendung einer Komponente auf einer Seite, im Designer grün umrandet. Inhalte lassen sich über Props ändern, Struktur nicht.

Im Kurs: Tag 10

Einstellung einer Interaction in Webflow, die steuert, wo und wann sie läuft, etwa auf welchem Breakpoint und bei reduzierter Bewegung.

Im Kurs: Tag 7

Bedingte Sichtbarkeit: Ein Element erscheint nur, wenn ein Feld gesetzt ist oder einen bestimmten Wert hat.

Im Kurs: Tag 14

Rolle in Webflow, die Texte, Bilder und CMS-Einträge ändert, aber nicht Design, Collections oder CMS-Einstellungen.

Im Kurs: Tag 14

Abfrage der Einwilligung, bevor eine Seite mehr als unbedingt Erforderliches auf dem Gerät speichert oder ausliest. Ablehnen muss gleichwertig zum Zustimmen sein.

Im Kurs: Tag 11

Die festen Schichten jeder Client-First-Seite: page-wrapper, main-wrapper, section_, padding-global mit padding-section, container.

Im Kurs: Tag 17

Drei Kennzahlen von Google für Tempo und Ruhe einer Seite: Ladezeit des größten Inhalts, Reaktion auf Eingaben und Verschieben des Layouts.

Im Kurs: Tag 12

Ein Crawler ruft Seiten ab und folgt Links. Der Index ist das Verzeichnis, in dem die Suchmaschine bekannte Seiten ablegt.

Im Kurs: Tag 12

Die Sprache für die Gestaltung einer Website: Farbe, Schrift, Größe, Abstände, Layout. Jede Regel hat einen Selektor und Eigenschaften mit Werten.

Im Kurs: Tag 1

Die Maßeinheit, mit der der Browser rechnet. Ein Handy mit 1.170 Bildschirmpixeln und Faktor drei ist 390 CSS-Pixel breit.

Im Kurs: Tag 6

Import einer kommagetrennten Textdatei in eine Collection. Jede Zeile wird ein Item, jede Spalte wird einem Field zugeordnet.

Im Kurs: Tag 13

Formulareinstellung in Webflow, bei der die Daten an einen eigenen Endpunkt gehen. Webflow speichert dann nichts und schickt keine Benachrichtigung.

Im Kurs: Tag 5

In Client-First eine Klasse mit Unterstrich für einen bestimmten Bereich oder ein Element, etwa section_hero oder footer_link.

Im Kurs: Tag 17

Grundsatz aus Art. 5 DSGVO: nur die Daten erheben, die der Zweck wirklich braucht.

Im Kurs: Tag 5

Information nach Art. 13 DSGVO, wer welche Daten wofür und auf welcher Rechtsgrundlage verarbeitet und welche Rechte Besucher haben.

Im Kurs: Tag 4

Option in Webflow für Bilder, die nichts Neues sagen, etwa ein Icon neben einer gleichlautenden Überschrift. Screenreader überspringen sie.

Im Kurs: Tag 4

Viele Klassen auf einem Element gestapelt. Schwer zu ändern, Client-First rät ab.

Im Kurs: Tag 17

Die Hauptadresse einer Website. Alle anderen verbundenen Domains leiten dorthin um.

Im Kurs: Tag 11

Produkt ohne Versand, etwa ein Download oder Zugangslink. Das Widerrufsrecht erlischt nur unter vier Bedingungen.

Im Kurs: Tag 19

Einstellung am Flex parent: waagerecht oder senkrecht. Sie entscheidet, welche Achse die Hauptachse ist.

Im Kurs: Tag 8

CSS-Eigenschaft, die bestimmt, wie ein Element und seine Kinder angeordnet werden, etwa Block (untereinander), Flex oder Grid.

Im Kurs: Tag 8

Style, der ein Element ausblendet. Es steht weiter im HTML. In Webflow pro Breakpoint einstellbar und nach unten vererbt.

Im Kurs: Tag 6

Das Domain Name System, das Telefonbuch des Internets. Es übersetzt Namen in Serveradressen.

Im Kurs: Tag 11

Anmeldeverfahren, bei dem eine Bestätigungsmail mit Link die Mailadresse prüft. Zeitpunkt und Text der Einwilligung werden als Nachweis gespeichert.

Im Kurs: Tag 5

Status eines Items, das angelegt, aber nicht veröffentlicht ist. Ein Publish der ganzen Site veröffentlicht Drafts nicht.

Im Kurs: Tag 13

Baustein mit einem Toggle, der eine Liste von Links aufklappt, typisch in der Navigation.

Im Kurs: Tag 10

Wie lange eine Animation läuft. Richtwert 100 bis 500 Millisekunden.

Im Kurs: Tag 7

Element auf einer Template-Seite oder in einer Collection list, das mit einem Field verbunden ist. Im Designer lila umrandet.

Im Kurs: Tag 13

Verkauf von Waren oder Leistungen über eine Website, mit Produkten, Warenkorb, Checkout, Bezahlung und Lieferung.

Im Kurs: Tag 19

Ladeeinstellung, bei der ein Bild sofort mit der Seite geladen wird. Richtig für Bilder, die beim Öffnen sichtbar sind.

Im Kurs: Tag 4

Wie eine Bewegung beschleunigt und bremst. Power 2 ausklingend wirkt reaktionsschnell, Linear mechanisch.

Im Kurs: Tag 7

Bezahlter Webflow-Plan, der Produkte, Warenkorb und Checkout freischaltet. Standard mit zwei Prozent Transaktionsgebühr, Plus und Advanced ohne.

Im Kurs: Tag 19

Die gespeicherten Daten eines abgesendeten Formulars. In Webflow unter Site settings, Forms, im kostenlosen Plan 50 je Website.

Im Kurs: Tag 5

Eine freiwillige, aktive Zustimmung zu einer Datenverarbeitung, etwa für einen Newsletter. Nie vorangekreuzt, jederzeit widerrufbar.

Im Kurs: Tag 5

Ein HTML-Element besteht aus Start-Tag, Inhalt und End-Tag. Das Tag nennt die Art des Elements, etwa h1 für die Hauptüberschrift oder p für einen Absatz.

Im Kurs: Tag 1

Was eine Collection list zeigt, wenn keine Einträge passen. Standard ist „No items found.“, besser ein eigener Satz.

Im Kurs: Tag 14

Eine einzelne prüfbare Regel der WCAG, etwa Kontrast mindestens 4,5 zu 1 oder Fokus sichtbar.

Im Kurs: Tag 15

Die Meldung, wenn das Absenden scheitert. Sie sagt, was passiert ist, was die Person tun kann, und nennt einen zweiten Weg.

Im Kurs: Tag 5

Das kleine Bild vor dem Seitentitel im Browser-Tab. In Webflow lädst du ein quadratisches Bild hoch, die Größen entstehen automatisch.

Im Kurs: Tag 3

Rückmeldung aus Beobachtung, Tipp und Frage, gemessen am Ziel und nicht am Geschmack.

Im Kurs: Tag 20

Ein Eingabefeld im Formular. Der Text type sagt dem Browser, was kommt, etwa Email oder Phone.

Im Kurs: Tag 5

Kostenlose App von Webflow Labs, die Syncs aus dem Figma-Plugin empfängt und in eine Webflow-Website importiert.

Im Kurs: Tag 18

Größenregel in Figma: Das Element füllt den Platz, den sein Auto-Layout-Rahmen übrig lässt.

Im Kurs: Tag 18

Regel an einer Collection list, welche Einträge erscheinen, etwa Kategorie equals Current Blog-Kategorie.

Im Kurs: Tag 14

Ein direktes Kind eines Flex parent. Es folgt dessen Regeln und kann Größe, Ausrichtung und Reihenfolge selbst einstellen.

Im Kurs: Tag 8

Das Element mit display: flex. Es bestimmt Richtung, Umbruch, Ausrichtung und Abstand seiner direkten Kinder.

Im Kurs: Tag 8

Layoutsystem in einer Dimension: Kinder reihen sich in einer Reihe oder Spalte auf und lassen sich ausrichten, verteilen und umbrechen.

Im Kurs: Tag 8

Zustand im Webflow-Selector, der nur bei Tastaturbedienung greift. Hier legst du den sichtbaren Fokus-Rahmen an.

Im Kurs: Tag 15

Die Markierung des Elements, das gerade mit der Tastatur bedient wird. Muss immer sichtbar sein.

Im Kurs: Tag 15

HTML-Tag für den Fußbereich einer Seite, etwa mit Kontakt, Impressum und Datenschutz.

Im Kurs: Tag 2

Ein Webflow-Element, das ein ganzes Formular anlegt: Felder mit Labels, Button, Erfolgs- und Fehlermeldung.

Im Kurs: Tag 5

Ein Anteil am verfügbaren Platz eines Grids nach Abzug des Gaps. 1fr 2fr 1fr teilt in vier Teile.

Im Kurs: Tag 9

Ein Rahmen in Figma, vergleichbar mit einem Div Block. Mit Auto Layout wird er beim Übertragen zu einer Flexbox-Struktur in Webflow.

Im Kurs: Tag 18

Abstand zwischen den Kindern eines Flex- oder Grid-Containers, nur zwischen ihnen, nicht am Rand.

Im Kurs: Tag 8

Ein vollständiger Durchlauf der Präsentation, laut und mit Stoppuhr, bevor es zählt.

Im Kurs: Tag 20

Preis inklusive Umsatzsteuer und sonstiger Preisbestandteile, den Verbraucher tatsächlich zahlen. Steht am Angebot.

Im Kurs: Tag 19

Layoutsystem in zwei Richtungen mit Spalten und Zeilen. Elemente sitzen in Zellen oder reichen über mehrere.

Im Kurs: Tag 9

Benannte Bereiche in einem Grid, etwa titel oder bild. Elemente werden Bereichen zugeordnet, für andere Breiten verschiebst du nur die Bereiche.

Im Kurs: Tag 9

Ein direktes Kind eines Grids. Im Style panel stellst du dort Span, Position oder Bereich ein, nur für dieses Element.

Im Kurs: Tag 9

Eine nummerierte Linie zwischen Spalten oder Zeilen. Bei drei Spalten gibt es vier senkrechte Linien, minus eins meint die letzte.

Im Kurs: Tag 9

Wie viel vom übrigen Platz ein Flex child bekommt. Bei 0 wächst es nicht, bei 2 doppelt so viel wie ein Kind mit 1.

Im Kurs: Tag 8

Die Richtung, in die sich die Kinder einer Flexbox aufreihen. Im CSS richtet justify-content darauf aus.

Im Kurs: Tag 8

HTML-Tag für den einleitenden Bereich einer Seite oder eines Abschnitts, oft mit Logo und Menü.

Im Kurs: Tag 2

Der erste Bereich einer Seite vor dem Scrollen, mit Hauptüberschrift, Unterzeile und Call to Action.

Im Kurs: Tag 3

Bildschirme mit sehr hoher Pixeldichte, etwa bei Smartphones. Sie brauchen Bilder mit etwa doppelter Anzeigebreite, damit sie scharf wirken.

Im Kurs: Tag 4

Werkzeuge wie Screenreader, Vergrößerung, Tastatur oder Sprachsteuerung, mit denen Menschen Websites bedienen.

Im Kurs: Tag 15

Bereitstellung des Rechners, auf dem eine Website liegt. Bei Webflow im Plan enthalten, samt Sicherheitsupdates und SSL.

Im Kurs: Tag 11

Die Sprache für die Struktur einer Website. Sie beschreibt, was etwas ist: Überschrift, Absatz, Bild, Link.

Im Kurs: Tag 1

Größenregel in Figma: Das Element schrumpft um seinen Inhalt, etwa ein Button um seinen Text.

Im Kurs: Tag 18

Pflichtangaben über den Anbieter einer geschäftsmäßigen Website nach § 5 DDG, etwa Name, Anschrift und E-Mail. Leicht erkennbar, unmittelbar erreichbar, ständig verfügbar.

Im Kurs: Tag 4

Eine Bewegung oder Reaktion in Webflow, gebaut aus Trigger, Ziel und Action, im Interactions panel.

Im Kurs: Tag 7

Die Regel, nach der CSS entscheidet, welche von mehreren Regeln gilt: erst Wichtigkeit, dann Spezifität, dann Position im Code.

Im Kurs: Tag 2

Ein Name, den du einem Element gibst, damit CSS es findet. In Webflow speichert eine Klasse alle Stile, die du im Style panel einstellst, und gilt für jedes Element mit diesem Namen.

Im Kurs: Tag 1

Eine doppelte Klasse wie button 2, die beim Einfügen entsteht, wenn der Name im Projekt schon existiert.

Im Kurs: Tag 17

Die Fläche, die ein Finger oder Mauszeiger treffen muss. WCAG 2.2 AA verlangt mindestens 24 mal 24 Pixel, 44 mal 44 sind besser.

Im Kurs: Tag 6

Eine zweite Klasse an einem Element, die nur die Abweichung von der Basisklasse enthält, etwa button plus is-umriss.

Im Kurs: Tag 2

Ein Baustein, den es einmal als Vorlage gibt und der auf vielen Seiten als Instanz steht. Änderungen an der Vorlage wirken überall.

Im Kurs: Tag 10

Stufen der WCAG: A ist die Grundlage, AA der übliche Maßstab in Gesetzen, AAA erhöht.

Im Kurs: Tag 15

Verhältnis der Helligkeit von Text und Hintergrund, von 1 zu 1 bis 21 zu 1. WCAG verlangt mindestens 4,5 zu 1 für normalen Text und 3 zu 1 für große Schrift.

Im Kurs: Tag 3

Die Beschriftung eines Formularfeldes. Sie bleibt beim Tippen sichtbar, ein Klick darauf setzt den Cursor ins Feld, und Screenreader lesen sie vor.

Im Kurs: Tag 5

Bereich mit Bedeutung wie header, nav, main oder footer, zwischen denen Screenreader springen können.

Im Kurs: Tag 15

Ein Bild wird erst geladen, wenn jemand in seine Nähe scrollt. Das spart Ladezeit für Bilder weiter unten auf der Seite.

Im Kurs: Tag 4

Die Reihenfolge, in der Tastatur und Screenreader eine Seite durchgehen. Sie folgt dem Quelltext, also dem Navigator, nicht dem Bild.

Im Kurs: Tag 9

Eine Sammlung fertiger Layouts oder geteilter Komponenten, Variablen, Schriften und Assets. Shared Libraries brauchen einen bezahlten Workspace-Plan.

Im Kurs: Tag 10

Ein Link mit Vorschaubild, der ein Bild oder Video im Vollbild öffnet. Mit Gruppennamen entsteht eine Galerie.

Im Kurs: Tag 10

In Chrome eingebautes Werkzeug, das eine Seite im simulierten Lauf misst und Werte für Performance, Accessibility, Best Practices und SEO vergibt.

Im Kurs: Tag 12

Einstellung einer Collection list, wie viele Einträge sie zeigt (Show) und wie viele sie am Anfang überspringt (Skip).

Im Kurs: Tag 14

Ein Webflow-Element, das sich wie ein Div Block verhält, dessen ganze Fläche aber ein Link ist. Darin darf kein zweiter Link stecken.

Im Kurs: Tag 4

HTML-Tag für den Hauptinhalt einer Seite. Es gibt genau ein sichtbares main pro Seite, ohne Menü, Logo und Fuß.

Im Kurs: Tag 2

Die Vorlage einer Komponente. Hier änderst du Struktur und Stile.

Im Kurs: Tag 10

Der Außenabstand einer Box. Er schiebt Nachbarn weg und ist immer durchsichtig.

Im Kurs: Tag 1

Im Block-Layout verschmelzen senkrechte Margins benachbarter Elemente, der größere gilt. In Flexbox und Grid passiert das nicht.

Im Kurs: Tag 8

Webflows Verzeichnis für Apps, Libraries, Templates, Inspiration und Certified Partners.

Im Kurs: Tag 10

Die CSS-Regel hinter einem Breakpoint. Sie lässt Styles nur ab oder bis zu einer bestimmten Breite gelten.

Im Kurs: Tag 6

Der Knopf mit drei Strichen, der auf Tablet und Handy das zugeklappte Menü öffnet.

Im Kurs: Tag 6

Kurzer Text einer Seite, den Suchmaschinen als grauen Text unter dem Treffer zeigen können. Konkret und pro Seite eigen.

Im Kurs: Tag 12

Entfernen überflüssiger Zeichen aus HTML, CSS und JavaScript, damit Dateien kleiner werden. In Webflow ein Schalter unter Advanced publishing options.

Im Kurs: Tag 12

Eine Fassung der Werte einer Variablen-Collection, etwa hell und dunkel. Das Plugin überträgt einen Modus pro Sync.

Im Kurs: Tag 18

CMS-Feld, das auf mehrere Einträge einer anderen Collection verweist, etwa die Begriffe, die ein Beitrag erklärt.

Im Kurs: Tag 14

HTML-Tag für eine Gruppe von Navigationslinks, mit denen man sich durch die Website bewegt.

Im Kurs: Tag 2

Webflow-Element für die Hauptnavigation mit Brand, Nav Menu, Nav Links und Menu Button, das auf kleinen Breiten zuklappt.

Im Kurs: Tag 6

Das Panel in Webflow (Taste Z), das den Baum deiner Seite zeigt: welches Element in welchem steckt.

Im Kurs: Tag 1

Websites oder Abläufe visuell bauen, ohne selbst Code zu tippen. Das Werkzeug, etwa Webflow, schreibt den Code im Hintergrund.

Im Kurs: Tag 1

Anweisung im Kopf einer Seite, sie nicht in den Suchindex aufzunehmen.

Im Kurs: Tag 12

Website, deren Inhalte auf einer einzigen langen Seite stehen. Das Menü springt zu Abschnitten.

Im Kurs: Tag 16

Angaben im Kopf einer Seite für die Vorschau beim Teilen: Titel, Beschreibung und Bild.

Im Kurs: Tag 12

Field-Typ mit einer festen Auswahlliste, ein Wert je Item. Gut für Kategorien, nach denen gefiltert wird.

Im Kurs: Tag 13

Einstellung am Flex child, die seine Position im Bild ändert. Die Reihenfolge im HTML und für die Tab-Taste bleibt gleich.

Im Kurs: Tag 8

Rahmen außerhalb des Elements, der den Fokus zeigt. Nie auf None setzen, mindestens 2 Pixel breit.

Im Kurs: Tag 15

Was mit Inhalt passiert, der über ein Element hinausragt. Overflow hidden schneidet ab und ist beim seitlichen Scrollen nur die letzte Hilfe.

Im Kurs: Tag 6

Der Innenabstand zwischen Inhalt und Rand einer Box. Die Hintergrundfarbe reicht durch das Padding.

Im Kurs: Tag 1

Trigger, der startet, sobald die Seite geladen ist. Typisch für Hero-Einblendungen.

Im Kurs: Tag 7

Linktyp in Webflow, der auf eine Section mit ID auf derselben Seite zeigt.

Im Kurs: Tag 16

Blättern in einer Collection list mit Previous und Next, nötig ab mehr als hundert Einträgen.

Im Kurs: Tag 14

Ein Ordner im Pages panel, der Seiten gruppiert. Er wird Teil der Adresse, etwa /angebot/preise.

Im Kurs: Tag 3

Ein Feld, ohne dessen Eintrag sich das Formular nicht absenden lässt. So wenige wie der Zweck verlangt.

Im Kurs: Tag 5

Grauer Beispieltext im leeren Feld. Er verschwindet beim Tippen und ersetzt kein Label.

Im Kurs: Tag 5

Field-Typ für kurzen Text ohne Formatierung, etwa Name oder Kurzdefinition.

Im Kurs: Tag 13

Vorbereitete Screenshots und Berichte, mit denen eine Präsentation weiterläuft, wenn die Live-Demo hakt.

Im Kurs: Tag 20

Grenze eines Webflow-Plans, etwa 50 CMS-Einträge, 20 Collections und zwei statische Seiten im kostenlosen Starter.

Im Kurs: Tag 14

Vorläufiger Text, der klar als Beispiel gekennzeichnet ist, bis die echten Angaben vorliegen.

Im Kurs: Tag 16

Eine Voreinstellung, etwa eines der acht Layouts des Quick Stack wie drei Spalten oder 2 + 1.

Im Kurs: Tag 9

Die echte Adresse einer Website mit eigener Domain. Braucht einen bezahlten Site plan.

Im Kurs: Tag 11

Ein Feld an einer Komponenten-Instanz für eigenen Inhalt, etwa Text, Bild, Link oder Switch.

Im Kurs: Tag 10

Der Knopf, mit dem Webflow aus deinem Aufbau die Seite erzeugt und auf die gewählten Adressen stellt. Erst danach sehen Besucher Änderungen.

Im Kurs: Tag 11

Die Achse im rechten Winkel zur Hauptachse. Im CSS richtet align-items darauf aus.

Im Kurs: Tag 8

Ein Webflow-Element, das eine Reihe von Zellen anlegt, etwa mit dem Preset 3 columns. Laut Help Center noch Beta.

Im Kurs: Tag 4

Fester Weg eines Inhalts vom Entwurf über Prüfung und Freigabe bis zur Kontrolle und zum Protokoll.

Im Kurs: Tag 14

Eine Systemeinstellung, mit der Menschen Bewegung auf Websites reduzieren. Der Browser meldet sie über prefers-reduced-motion.

Im Kurs: Tag 7

CMS-Feld, das auf genau einen Eintrag einer anderen Collection verweist, etwa die Kategorie eines Beitrags.

Im Kurs: Tag 14

WCAG-Kriterium: Bei 320 Pixeln Breite muss eine Seite ohne Scrollen in zwei Richtungen nutzbar sein.

Im Kurs: Tag 6

Anbieter, bei dem du eine Domain registrierst und jährlich bezahlst. Webflow ist kein Registrar.

Im Kurs: Tag 11

Werkzeug, das mit KI aus einem Prompt Sitemap, Wireframe und Style Guide einer Website plant und nach Figma, Webflow oder React exportiert.

Im Kurs: Tag 17

CSS-Einheit, die sich auf die Schriftgröße des html-Elements bezieht, meist 16 Pixel. Werte in rem wachsen mit, wenn jemand im Browser die Schrift vergrößert.

Im Kurs: Tag 2

Gestaltung, die sich der Fensterbreite anpasst: Inhalte fließen, Größen sind relativ, und an Breakpoints wird das Layout umgebaut.

Im Kurs: Tag 6

Field-Typ und Element für Langtext mit Überschriften, Listen, Links und Bildern.

Im Kurs: Tag 13

Textdatei mit Bitten an Crawler, bestimmte Bereiche nicht zu lesen. Keine Sperre: Eine Adresse kann trotzdem im Index landen.

Im Kurs: Tag 12

Programm, das Inhalte einer Seite in Sprache oder Braille umwandelt, etwa VoiceOver, Narrator oder NVDA.

Im Kurs: Tag 15

Steuerung, die den Verlauf einer Animation an die Scroll-Position koppelt und beim Hochscrollen rückwärts spielt.

Im Kurs: Tag 7

HTML-Tag für einen Abschnitt, der Inhalte zu einem Thema bündelt. Der Section-Block in Webflow hat es eingebaut.

Im Kurs: Tag 2

Übersetzung eines Briefings in Abschnitte: Frage des Besuchers, Section, Klasse und ID, in der Reihenfolge des Besucherwegs.

Im Kurs: Tag 16

Das Feld oben im Style panel von Webflow, in dem du die Klasse eines Elements vergibst oder wechselst. Im CSS ist der Selektor der Teil vor den geschweiften Klammern.

Im Kurs: Tag 2

Ein HTML-Tag mit Bedeutung, etwa header, nav, main, section oder footer. Browser, Screenreader und Suchmaschinen lesen daraus die Struktur der Seite.

Im Kurs: Tag 2

Alles, was eine Seite für Suchmaschinen gut auffindbar und verständlich macht: Texte, Struktur, Tempo, technische Signale.

Im Kurs: Tag 12

Eine Action ohne Dauer, etwa eine Klasse hinzufügen oder die Anzeige ändern.

Im Kurs: Tag 7

Wie viel ein Flex child abgibt, wenn der Platz nicht reicht. Bei 0 schrumpft es nie.

Im Kurs: Tag 8

Lizenz eines bezahlten Templates für genau eine Website.

Im Kurs: Tag 10

Eine Website in Webflow, mit eigenen Seiten, Einstellungen, Variablen und CMS.

Im Kurs: Tag 3

Ein bezahlter Plan für eine einzelne Website. Er schaltet etwa die eigene Domain, mehr Seiten oder das CMS auf der eigenen Domain frei.

Im Kurs: Tag 3

Einstellungen für die ganze Website in Webflow: Favicon, Schriften, Backups, Veröffentlichung und mehr.

Im Kurs: Tag 3

Datei, meist /sitemap.xml, die alle Seiten einer Website für Suchmaschinen aufzählt. Webflow erzeugt sie ab einem bezahlten Plan automatisch.

Im Kurs: Tag 12

In Relume die Liste der geplanten Seiten mit ihren Abschnitten. Jede Abschnittsbeschreibung ist ein Prompt für diesen Abschnitt.

Im Kurs: Tag 17

Link ganz oben, der beim ersten Tab erscheint und direkt zum Hauptinhalt springt.

Im Kurs: Tag 15

Baustein, der Inhalte nacheinander zeigt, mit Mask, Slides, Pfeilen und Slide nav.

Im Kurs: Tag 10

Ein Platzhalter in einer Komponente, in den du auf der Instanz andere Komponenten legst.

Im Kurs: Tag 10

Der hintere Teil einer Adresse, etwa kontakt in /kontakt. Klein, ohne Leerzeichen und Umlaute.

Im Kurs: Tag 3

Reihenfolge der Einträge in einer Collection list, nach einem oder mehreren Feldern auf- oder absteigend.

Im Kurs: Tag 14

Senkrechter Streifen eines Grids zwischen zwei Gridlinien.

Im Kurs: Tag 9

Spam-Schutz in Webflow, der den Inhalt jeder Einsendung prüft und Verdächtiges getrennt ablegt.

Im Kurs: Tag 5

Ein Element belegt mehrere Spalten oder Zeilen eines Grids.

Im Kurs: Tag 9

Wie gezielt eine CSS-Regel ein Element trifft. Eine ID zählt 100, eine Klasse 10, ein Tag 1. Gezielt schlägt allgemein.

Im Kurs: Tag 2

Link, der zu einer Stelle derselben oder einer anderen Seite springt, etwa /flickwerk#mitmachen. Das Ziel braucht eine ID.

Im Kurs: Tag 16

Verschlüsselte Verbindung, erkennbar am Schloss in der Adresszeile. Webflow stellt das Zertifikat aus und erneuert es.

Im Kurs: Tag 11

Mehrere Elemente starten dieselbe Animation nacheinander, etwa im Abstand von 0,1 Sekunden.

Im Kurs: Tag 7

Die kostenlose Adresse unter webflow.io zum Testen und Zeigen. Öffentlich erreichbar und für Suchmaschinen auffindbar.

Im Kurs: Tag 11

Die auf jeder Webflow-Website vorinstallierte Library mit 34 Layouts in neun Kategorien.

Im Kurs: Tag 10

Eine Seite, die du von Hand anlegst, im Unterschied zu Seiten, die das CMS aus Einträgen erzeugt. Der kostenlose Plan erlaubt zwei pro Site.

Im Kurs: Tag 3

Dienst, der Produkte aus Shopify mit dem Webflow-CMS abgleicht. Webflow gestaltet, der Checkout läuft bei Shopify.

Im Kurs: Tag 19

Eine Seite oder Section, auf der alle Bausteine einer Website stehen: Farben, Typografie, Buttons, Abstände.

Im Kurs: Tag 17

Das Panel in Webflow (Taste S) für das Aussehen des ausgewählten Elements: Klasse, Layout, Abstände, Schrift, Farben, Rahmen.

Im Kurs: Tag 1

Panel in Webflow (Taste G), das alle Klassen und Tags auflistet, durchsuchbar, mit Umbenennen, Fundorten und Löschen.

Im Kurs: Tag 17

Der selbst gewählte Name vor .webflow.io, unter dem die Staging-Fassung erreichbar ist.

Im Kurs: Tag 11

Die Meldung nach erfolgreichem Absenden. Sie sagt, was als Nächstes passiert.

Im Kurs: Tag 5

Ein Bildformat aus Text, das Linien und Flächen beschreibt. Es bleibt bei jeder Größe scharf und passt für Logos und Icons, nicht für Fotos.

Im Kurs: Tag 4

Small viewport height: ein Prozent der kleinsten sichtbaren Fensterhöhe am Handy, mit eingeblendeter Adressleiste. Besser als vh für Hero-Höhen.

Im Kurs: Tag 6

Übertragung aus dem Figma-Plugin an die Webflow-App, wo du ausgewählte Teile importierst und Änderungen prüfst.

Im Kurs: Tag 18

Baustein mit Reitern: Tabs Menu mit Tab Links und Tabs Content mit Tab Panes.

Im Kurs: Tag 10

Eine fertige Website eines Creators, kostenlos oder bezahlt, die als neue Website in deinem Dashboard entsteht.

Im Kurs: Tag 10

Bündel aus Schrift, Größe, Gewicht und Zeilenhöhe in Figma. Wird beim Sync zu einer Klasse in Webflow.

Im Kurs: Tag 18

Die horizontale Zeitleiste der GSAP-Interactions mit einer Spur pro Element. Länge eines Blocks ist die Dauer, Position der Start.

Im Kurs: Tag 7

Der Titel einer Seite im HTML. Er erscheint im Browsertab und als blaue Zeile im Suchtreffer. Unter 60 Zeichen, pro Seite einmalig.

Im Kurs: Tag 12

Prozentsatz, den eine Plattform auf jeden Verkauf erhebt, etwa zwei Prozent bei Webflow Ecommerce Standard.

Im Kurs: Tag 19

Ein weicher Übergang zwischen zwei Zuständen, etwa normal und Hover, eingestellt im Style panel unter Effects.

Im Kurs: Tag 7

Der Auslöser einer Interaction, etwa Click, Hover, Scroll oder Page load.

Im Kurs: Tag 7

Trigger target: worauf der Auslöser hört. Action target: welches Element die Reaktion trifft, etwa nur das auslösende statt aller passenden.

Im Kurs: Tag 7

DNS-Eintrag mit einer Textnotiz, etwa als Besitznachweis einer Domain gegenüber Webflow.

Im Kurs: Tag 11

Der Rang einer Überschrift in der Gliederung. Ein h1 pro Seite, darunter h2, h3 und so weiter ohne Sprung. Die Größe regelt CSS, nicht die Ebene.

Im Kurs: Tag 2

Was zu einem Auftrag gehört und was nicht. Wünsche außerhalb des Umfangs werden zum Änderungswunsch.

Im Kurs: Tag 16

In Client-First eine Klasse ohne Unterstrich mit einer Wirkung, die überall gleich gilt, etwa margin-large oder text-size-large.

Im Kurs: Tag 17

Ein gespeicherter Wert mit Namen, etwa farbe/akzent. Änderst du den Wert, ändern sich alle Stellen, die darauf zeigen. Typen in Webflow: Color, Size, Percentage, Number, Font Family.

Im Kurs: Tag 3

Ein benannter Wert in Figma, etwa eine Farbe oder Zahl, in einer Collection mit Modi. Wird beim Sync zur Webflow-Variable.

Im Kurs: Tag 18

Das Panel in Webflow, in dem du Variablen anlegst, gruppierst und änderst.

Im Kurs: Tag 3

Ein fertiges Aussehen einer Komponente, etwa Base und Outline bei einem Button. Base gilt für alle Varianten.

Im Kurs: Tag 10

Eine Privatperson, die einen Vertrag nicht für ihr Gewerbe oder ihren Beruf schließt. Für sie gelten die Schutzregeln im Online-Handel.

Im Kurs: Tag 19

Kinder übernehmen Textwerte wie Farbe und Schrift vom Elternelement, solange sie keinen eigenen Wert haben. Boxwerte werden nicht vererbt.

Im Kurs: Tag 2

Elemente stecken in Elementen, wie Kartons in Kartons. Was in einem Element steckt, wandert mit, wenn du es verschiebst.

Im Kurs: Tag 1

Der sichtbare Bereich des Browserfensters. 1 vw ist ein Prozent seiner Breite, 1 vh ein Prozent seiner Höhe.

Im Kurs: Tag 2

Vorschau in Webflow, die zeigt, wie eine Seite mit Farbsehschwäche oder unscharfem Blick aussieht.

Im Kurs: Tag 15

Zwischenablage eines Shops mit ausgewählten Produkten, Mengen und Zwischensumme.

Im Kurs: Tag 19

Web Content Accessibility Guidelines des W3C, seit Dezember 2024 in Version 2.2 gültig. Maßstab für barrierefreie Websites.

Im Kurs: Tag 15

Kostenloses Lernangebot von Webflow mit Kursen und Lernpfaden, etwa zu Interactions, CMS und KI.

Im Kurs: Tag 20

Online-Prüfung von Webflow selbst, beim Einstieg „Practitioner“, gegen Gebühr und mit begrenzter Gültigkeit.

Im Kurs: Tag 20

Ein modernes Bildformat mit deutlich besserer Kompression als JPG und PNG, auch mit Transparenz. Webflow kann JPG und PNG per Compress zu WebP umwandeln.

Im Kurs: Tag 4

Dauerhafte Umleitung einer alten Adresse auf eine neue. Besucher und Suchmaschinen landen auf der neuen.

Im Kurs: Tag 12

Schaltfläche „Vertrag widerrufen“, die Online-Shops laut Kursmaterial seit Juni 2026 ständig erreichbar anbieten müssen. Rechtsstand vor einem echten Verkauf prüfen.

Im Kurs: Tag 19

Recht von Verbrauchern, Online-Verträge innerhalb von 14 Tagen ohne Begründung zu widerrufen, wenn sie richtig belehrt wurden.

Im Kurs: Tag 19

Grundriss einer Seite mit Komponenten und Text, aber ohne Gestaltung.

Im Kurs: Tag 17

Der Platz im Webflow-Dashboard, in dem deine Websites liegen. Jedes Konto hat einen kostenlosen Starter Workspace mit zwei Sites. Ein Workspace-Plan gilt für alle Sites darin.

Im Kurs: Tag 3

Einstellung am Flex parent, ob Kinder, die nicht mehr passen, in eine neue Zeile umbrechen.

Im Kurs: Tag 8

Dienst, der die Bezahlung abwickelt, etwa Stripe oder PayPal. Erhält Daten der Käufer und gehört in die Datenschutzerklärung.

Im Kurs: Tag 19

Waagerechter Streifen eines Grids zwischen zwei Gridlinien.

Im Kurs: Tag 9

Das Feld, in dem sich eine Spalte und eine Zeile kreuzen.

Im Kurs: Tag 9

Ein festgelegter Zeitpunkt, an dem du zeigst, wo du stehst, solange noch Zeit zum Umsteuern ist.

Im Kurs: Tag 16