Webflow-Grundkurs – Responsive Websites ohne Programmierung erstellen Ideal für Anfänger und Einsteiger
Im Webflow-Grundkurs lernen Sie, wie Sie responsive Websites ohne HTML-, CSS- oder Programmierkenntnisse erstellen – praxisnah, professionell und direkt umsetzbar.
Webflow-Grundkurs – Websites professionell per Drag-&-Drop erstellen
Webflow ermöglicht Ihnen, eigene Internetseiten ohne Programmierkenntnisse zu gestalten. Entwickeln Sie responsive Webseiten, die auf allen Geräten optimal dargestellt werden – sowohl auf dem PC als auch auf Tablet-Computern und Smartphones.
Mit Webflow können Sie ohne fremde Hilfe Ihre eigene Website erstellen und interaktive Elemente (Diashows, Akkordeon-Menüs, Videos etc.) einfach per Drag-&-Drop zu Ihrer Internetseite hinzufügen. Die Integration sozialer Medien, wie Facebook oder Twitter, ist ebenfalls problemlos möglich.
Vorgefertigte Layout-Komponenten häufig benutzter Bausteine erleichtern zudem den Einstieg. Sämtliche Einstellungen können über die intuitive, grafische Benutzeroberfläche von Webflow vorgenommen werden. Anders als bei vielen anderen Web-Editoren ist der von Webflow produzierte Code sauber und semantisch korrekt.
WordPress wurde bereits oft herausgefordert – und konnte sich bisher immer behaupten. Webflow etabliert sich zunehmend als ernstzunehmende Alternative zum CMS-Marktführer. Denn noch nie war es einfacher, dynamische, datenbankgestützte Webseiten ohne Programmierkenntnisse zu erstellen!
Für wen ist der Webflow-Grundkurs geeignet?
Der Webflow-Grundkurs richtet sich an Grafiker/innen, Mediengestalter/innen, Marketing-Mitarbeitende und Selbstständige, die moderne, responsive Websites ohne Programmierung erstellen möchten.
Kursziel: Webflow-Grundlagen für professionelle Websites
In diesem Grundkurs erlernen Sie die einzelnen Schritte zur Website-Entwicklung: beginnend mit der Konzeption einer passenden Seitenstruktur, gefolgt von der Layout-Erstellung der einzelnen Internetseiten, bis hin zur Umsetzung einer responsiven Website.
Des Weiteren fügen Sie interaktive Elemente (Kontaktformulare, Bilder-Slideshows usw.) zu Ihrer Seite hinzu, erzeugen Inhalte dynamisch aus einer Datenbank und veröffentlichen Ihre fertige Website im Internet.
Nach dem Kurs können Sie …
- eine sinnvolle Seitenstruktur für Ihre Website konzipieren und Inhalte nutzerfreundlich aufbauen.
- Layouts in Webflow mit dem visuellen Designer umsetzen – inklusive Box Model, Flexbox und sauberer Klassen-Struktur für effiziente Workflows.
- eine responsive Website erstellen und für verschiedene Geräte optimieren, z. B. mit Breakpoints, Abständen, Typografie und Bildskalierung.
- dynamische, datenbankgestützte Inhalte mit dem CMS in Webflow anlegen und ausgeben, z. B. für Blog, Referenzen oder Teamseiten.
- Ihre Website professionell veröffentlichen und grundlegende Einstellungen für Performance und SEO/Suchmaschinenoptimierung setzen (z. B. Seitentitel, Meta-Beschreibung, saubere Überschriftenstruktur).
Der Kurs eignet sich ideal als Ergänzung zu unserer UX-Design Grundlagen-Schulung.
Kursinhalte: Webflow Grundkurs – visuelles Webdesign, CMS & responsive Layouts
- Einführung
- Überblick über die Benutzeroberfläche
- Wichtige Begriffsdefinitionen
- Web-Struktur
- Box-Model
- Element-Hierarchien
- Navigator-Bedienfeld
- Elemente
- Elemente-Bedienfeld
- Seiten mit Sektionen, Containern und Spalten strukturieren
- Web-Typographie
- Überschriften
- Absätze
- Zitate
- Listen
- Typographische Maßeinheiten
- Webfonts einbinden
- Textschatten
- Buttons & Links
- Buttons einfügen, formatieren und verlinken
- Link-Blöcke
- Textlinks
- Medien
- Assets Bedienfeld
- Bildformate
- Bildauflösung
- Alternativtexte hinzufügen
- Videos
- Elemente-Formatierung
- Style-Bedienfeld
- HTML Tags und CSS-Klassen
- Combo-Klassen
- Textformatierung und Vererbung
- Statuszustände
- Farbwähler und Farbfelder
- Weblayouts
- Display-Einstellungen
- Padding & Margin
- Elemente nebeneinander anordnen
- Elemente mit Flexbox-Einstellungen zentrieren
- Elemente mit gleicher Höhe & Breite erstellen
- Relative Positionierungen
- Absolute Positionierungen
- Fixierte Positionierungen
- Overflow-Einstellungen
- Responsive Webdesign
- Breakpoints definieren
- Layoutänderungen für bestimmte Displaygrößen einstellen
- Elemente bei bestimmten Bildschirmgrößen ein- bzw. ausblenden
- Hintergrund & Rand-Einstellungen
- Hintergrundbilder & -verläufe
- Ränder einstellen
- abgerundete Ecken
- Schlagschatten-Effekte
- Komponenten
- Navigationsleisten einfügen und formatieren
- Formulare einfügen und formatieren
- Bildslider & Lightboxen
- Dropdown-Menüs
- Elemente mit Symbolen mehrfach verwenden
- CMS & Dynamische Inhalte
- Einführung in das Webflow CMS
- Datensammlungen
- dynamische Seiten
- dynamische Text & Bildfelder
- dynamische Link-Felder
- Datensammlungen filtern
- bedingte Sichtbarkeitseinstellungen
- Websites veröffentlichen
- Titel und Metadaten angeben
- Veröffentlichungs-Einstellungen festlegen
- Websites veröffentlichen
- Seiten online ändern und aktualisieren
Die Schulungsinhalte können bei Einzel- und Firmenschulungen individuell auf Ihre Wünsche und Anforderungen angepasst werden. Nutzen Sie hierzu bitte den Kurskonfigurator meiner Partnerfirma WildKolleg.
Termine & Preise: Webflow-Grundkurs
Alle offenen Kurstermine für den Webflow-Grundkurs als Live-Webinar finden Sie auf der Internetseite meiner Partnerfirma WildKolleg.
Individuelle Kurstermine sind nach Absprache jederzeit möglich. Termin vereinbaren
Ablauf, Kursdauer & Voraussetzungen
Live-Webinar (online)
Die Schulung wird in der Regel online als Live-Webinar durchgeführt. Die Teilnahme ist bequem vom Arbeitsplatz oder aus dem Homeoffice möglich. Eine Präsenzschulung bei Ihnen vor Ort bieten wir nach individueller Absprache an.
Kleine Kursgrößen
Unsere Webinare werden in Kleinstgruppen durchgeführt. So bestimmen Sie das Lerntempo, und unsere Trainerinnen und Trainer können all Ihre Fragen individuell beantworten.
Kursdauer & Ablauf
2 Tage à 8 Unterrichtsstunden (jeweils von 8:30 Uhr bis 15:45 Uhr). Eine Unterrichtsstunde entspricht 45 Minuten.
Voraussetzungen
Sicheres Arbeiten unter Windows oder macOS, Englisch-Grundkenntnisse (da die Benutzeroberfläche noch nicht vollständig auf Deutsch verfügbar ist). Kenntnisse in HTML, CSS oder JavaScript sind nicht erforderlich.
Zielgruppe
UX-Designer/innen, Grafiker/innen, Mediengestalter/innen, Kommunikationsdesigner/innen, Selbstständige, Webdesigner/innen, Freelancer/innen, Anfänger/innen im Webdesign
Ihr Trainer: Micha Beißer
Als ehemaliger Art Director bei einer großen Internet-Agentur verfüge ich über langjährige Praxiserfahrung in den Bereichen Webdesign, Usability und UX.
In dieser Schulung zeige ich Ihnen, wie Sie voll funktionsfähige Internetseiten ohne Programmierkenntnisse umsetzen können. Von der Erstellung der Seitennavigation, über das Einfügen interaktiver Elemente, bis hin zum Anpassen des Seitenlayouts für unterschiedliche Bildschirmgrößen, lernen Sie den kompletten Workflow zur Erstellung Ihrer eigenen Internetseite kennen.
WildKolleg Schule für Kommunikation und Medientechnologie
Meine Partnerfirma WildKolleg ist die erste Adresse für Einsteiger/innen, Fortgeschrittene und Profis, die strategisches Wissen und Programmfertigkeiten erlernen, festigen oder erweitern möchten. Offene Schulungen, Einzel- und Firmenkurse sowie Inhouse-Trainings bei Ihnen vor Ort.
Häufige Fragen zum „Webflow-Grundkurs“
Hier finden Sie Antworten zu Ablauf, Inhalten, Voraussetzungen und Buchung – kompakt erklärt zur Vorbereitung auf Ihr Live-Webinar.
Das Live-Webinar richtet sich an Grafiker/innen, Mediengestalter/innen, Marketing-Mitarbeitende, UX-/Webdesigner/innen und Selbstständige, die responsive Websites ohne Programmierung erstellen möchten.
Vorausgesetzt werden sicheres Arbeiten unter Windows oder macOS sowie Englisch-Grundkenntnisse (die Webflow-Benutzeroberfläche ist nicht auf Deutsch verfügbar). Kenntnisse in HTML, CSS oder JavaScript sind nicht erforderlich.
Sie lernen, responsive Websites in Webflow per Drag-&-Drop zu erstellen: Seitenstruktur und Layouts, Klassen und saubere Strukturierung, Flexbox und Breakpoints, Einbindung von Medien und interaktiven Komponenten sowie das Webflow-CMS für dynamische Inhalte. Außerdem setzen Sie grundlegende SEO-Einstellungen wie Seitentitel, Meta-Description und Überschriftenstruktur.
Ja. Sie arbeiten mit dem Webflow-CMS, legen Datenbanken an und geben Inhalte dynamisch aus – z. B. für Blogs, Referenzen oder Teamseiten. Programmierkenntnisse sind dafür nicht notwendig.
In der Regel findet die Schulung als Live-Webinar (Online-Schulung) statt. Eine Präsenzschulung bei Ihnen vor Ort ist nach individueller Absprache möglich.
Die Schulung dauert 2 Tage mit jeweils 8 Unterrichtsstunden. Der Unterricht findet an den Schulungstagen jeweils von 8:30 Uhr bis 15:45 Uhr statt (1 Unterrichtsstunde = 45 Minuten). Pausen sind jeweils von 9:30 bis 9:45 Uhr, 12:00 bis 12:45 Uhr und 14:30 bis 14:45 Uhr.
Die Webinare werden in Kleinstgruppen durchgeführt. Dadurch können Fragen individuell beantwortet und das Lerntempo an die Teilnehmenden angepasst werden.
Offene Kurstermine finden Sie über die Terminseite der Partnerfirma WildKolleg. Individuelle Kurstermine sind nach Absprache jederzeit möglich.
Preise und Buchung erfolgen über die Partnerfirma WildKolleg.
Trainer ist Micha Beißer. Er zeigt Ihnen, wie Sie Websites in Webflow strukturiert aufbauen, responsive Layouts umsetzen und Inhalte sauber pflegen – praxisnah und direkt anwendbar.
Verwandte Schulungen
- Design mit KI: Photoshop, InDesign & Illustrator
- Adobe Firefly – Bild-, Video- und Sound-Generierung mit KI
- Adobe Creative Cloud Basis-Paketkurs
- Adobe Creative Cloud Aufbau-Paketkurs
- Adobe Creative Cloud Update-Paketkurs
- Adobe Acrobat Pro Grundkurs
- Automatisierung im Grafikdesign
- Barrierefreie PDFs mit InDesign und Acrobat Pro
- Barrierefreie PDFs mit Word und Acrobat Pro
- Barrierefreie PDFs mit Word und axesWord
- Barrierefreie PDFs mit InDesign und MadeToTag
- Webflow Grundkurs
- UX-Design Grundlagen
- E-Books erstellen
- Adobe Illustrator Grundkurs
- Adobe Illustrator Aufbaukurs
- Adobe InDesign Grundkurs
- Adobe InDesign Aufbaukurs
- Adobe Photoshop Grundkurs
- Adobe Photoshop Aufbaukurs
- Responsive Webdesign
- Adobe Animate Grundkurs
- Adobe Animate Aufbaukurs
- Adobe XD Grundkurs
- macOS Schulung