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
- Internetseiten veröffentlichen
- Titel und Metadaten angeben
- Veröffentlichungs-Einstellungen festlegen
- Webseiten publizieren
- 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 als Live-Webinar online durchgeführt. Die Teilnahme ist bequem vom Arbeitsplatz oder aus dem Home-Office 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
Ihr Trainer: Micha Beißer
Als ehemaliger Art Director bei einer großen Internet-Agentur, verfüge ich über eine langjährige Praxiserfahrung bei allen Fragen rund um das Thema 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.
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 Grafik-Design
- 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
- eBooks 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