Webflow – Schulung zur Erstellung responsiver Layouts und Websites

WebDesign und Website-Entwicklung für Anfänger & Einsteiger ohne Programmierkenntnisse.

Webflow – Schulung zur Erstellung responsiver Layouts und Websites

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.

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

Preise & Buchung bei

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.