Webflow – Schulung zur Erstellung responsiver Layouts und Websites
WebDesign und Website-Entwicklung für Anfänger & Einsteiger ohne Programmierkenntnisse.

Webflow ist ein webbasiertes Drag & Drop-Tool zum Erstellen ansprechender Websites. Es ermöglicht Ihnen eigene Internetseiten ohne Programmier-Kenntnisse zu gestalten. Entwickeln Sie responsive Webseiten, die auf allen Geräten optimal dargestellt werden – sowohl auf dem PC, einem Tablet-Computer und auf dem Smartphone.
Mit Webflow können Sie Ihre eigene Website erstellen und interaktive Elemente (Diashows, Akkordeon-Menüs, Videos o.ä.) einfach per 'drag & drop' Ihrer Webseite hinzufügen. Die Integration sozialer Medien, wie z.B. 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 schickt sich an, dem CMS-Marktführer echte Konkurrenz zu machen. Denn noch nie war es einfacher dynamische, datenbankgestützte Webseiten ohne Programmierkenntnisse zu erstellen!
Geplante Schulungstermine:
- Mo. bis Di.
- Mo. bis Di.
- Mi. bis Do.
- Individuelle Kurstermine sind nach Absprache jederzeit möglich.
Ziel der Schulung:
Sie erlernen die einzelnen Schritte zur Website-Erstellung: Beginnend mir der Konzeption einer passenden Seitenstruktur, gefolgt von der Layout-Erstellung Ihrer Seiten, bis hin zur Umsetzung einer responsiven Website.
Sie lernen selbst interaktive Elemente zu erstellen (Kontaktformulare, Bilder-Slideshows, …), Ihre Inhalte dynamisch aus einer Datenbank zu erzeugen und Ihre fertige Webpräsenz im Internet zu veröffentlichen.
Zielgruppe:
Grafiker, Adobe Muse Umsteiger, Einsteiger, allgemeine Anwender und Freelancer
Empfohlene Voraussetzungen:
sicheres Arbeiten unter Windows 10 oder macOS, Englisch-Grundkenntnisse, da die Benutzeroberfläche noch nicht lokalisiert vorliegt; keine Vorkenntnisse in HTML, CSS oder Javascript erforderlich
Dauer:
à 8 Unterrichtsstunden (jeweils von bis ). Eine Unterrichtsstunde entspricht .
Schulungsinhalte:
Schulungstag 1:
- Einführung
- Überblick über die Benutzeroberfläche
- Wichtige Begriffsdefinitionen
- Web-Struktur
- Box-Model
- Element-Hierarchien
- Navigator Bedienfeld
- Elemente
- Elemente Bedienfeld
- Seiten mit Sektionen, Container und Spalten strukturieren
- Buttons & Links
- Buttons einfügen, formatieren und verlinken
- Link-Blöcke
- Textlinks
- Web-Typographie
- Überschriften
- Absätze
- Zitate
- Listen
- Typographische Maßeinheiten
- Webfonts einbinden
- Textschatten
- Medien
- Assets Bedienfeld
- Bildformate
- Bildauflösung
- Video
- Elemente-Formatierung
- Style Bedienfeld
- HTML Tags und CSS Klassen
- Combo Klassen
- Textformatierung und Vererbung
- Statuszustände
- Farbwähler und Farbfelder
Schulungstag 2:
- 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
- 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
- Symbole
- Responsive Webdesign
- Breakpoints definieren
- Layoutänderungen für bestimmte Geräteklassen einstellen
- CMS & Dynamische Inhalte
- Einführung in das Webflow CMS
- Datensammlungen
- Dynamische Seiten
- Intro to the Editor
- Dynamische Text & Bildfelder
- Dynamische Link-Felder
- Datensammlungen filtern
- Bedingte Sichtbarkeitseinstellungen
- Hilfreiche Tipps & Tricks
WildKolleg, die Schule für Kommunikation und Medientechnologie, ist die erste Adresse für Einsteiger, Anfänger und Fortgeschrittene, die strategisches Wissen und Programm-Fertigkeiten erlernen, festigen oder erweitern möchten. Offene Schulungen, Einzel- und Firmenkurs in Nürnberg und Inhouse bei Ihnen vor Ort.
- Aktuelle Übersicht aktueller Kurse, Termine und Preise
- |
- Kundenmeinungen
- |
- Unverbindliche Schulungsanfrage
Ähnliche Schulungen wie diese:

Adobe XD
Erstellen und testen Sie Prototypen und Screendesigns mit Adobe XD – der Komplettlösung für UX/UI-Design und Prototyping.

Responsive Webdesign, Usability und UX für Grafiker & Einsteiger
Lernen Sie die Grundlagen, Konzeption und Design-Möglichkeiten moderner Weblayouts kennen und erstellen Sie einen exemplarischen, interaktiven Prototypen.

WordPress für Einsteiger
Erstellen Sie Ihre eigene Webseite oder einen Blog mit dem weltweit führenden CMS-System.