Micha Beißer, Dipl.-Designer (FH) / Design mit Biss Nürnberg / Webdesign, Publishing, 3D-Grafik

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!

Zielgruppe:
Grafiker, Adobe Muse Umsteiger, Einsteiger, allgemeine Anwender und Freelancer

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.

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:
2 Tage à 8 Unterrichtsstunden (jeweils von 9:30 Uhr bis ca. 16:30 Uhr). Eine Unterrichtsstunde entspricht 45 Minuten.

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