Seite auswählen

Offene Schulungen in Nürnberg und Inhouse-Trainings & Kurse auch in München und Heilbronn.

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 (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: 

Responsive WebDesignSie 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.

WebflowSie 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 Voraussetzungen:

  • sicheres Arbeiten unter Windows oder MacOS/X
  • Englisch-Grundkenntnisse, da die Benutzeroberfläche noch nicht lokalisiert vorliegt
  • keine Vorkenntnisse in HTML, CSS oder Javascript erforderlich!

Inklusiv-Leistungen:

  • indiv. eingerichteter PC/MAC für jeden Teilnehmer
  • Verpflegung (Frühstück-Snacks, warme und kalte Pausengetränke, sowie das Mittagessen)
  • Teilnahme-Zertifikat
  • Kursunterlagen (PDF) & Übungen

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/X  

Dauer:

2 Tage á 8 Unterrichtsstunden.(1) 
(9:30 Uhr bis ca. 16:30 Uhr)
 

Weiter zu den Details…