Webflow – Schulung zur Erstellung responsiver Layouts und Websites
Online-Schulungen, offene Trainings in Nürnberg und Inhouse-Seminare & Kurse auch in München und Fürth.
Webflow ist ein webbasiertes Drag & Drop-Tool zum Erstellen ansprechender Websites. Es ermöglicht Ihnen eigene Internetseiten ohne Programmier-Kenntnisse (HTML, CSS, JS) 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!
Schulungsziel
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
- Einsteiger
- Adobe Muse Umsteiger
- allg. Anwender und Freelancer
Empfohlene Vorkenntnisse
- sicheres Arbeiten unter Windows oder Apple macOS
- Englisch-Grundkenntnisse, da die Benutzeroberfläche noch nicht lokalisiert vorliegt
- keine Vorkenntnisse in HTML, CSS oder Javascript erforderlich!
Schulungsinhalte – Tag 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
- 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
Schulungsinhalte – Tag 2
- 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
Verfügbare Plattformen
Microsoft Windows und Apple macOS
Dauer
(8:30 Uhr bis ca. 15:45 Uhr)
