Responsive Webdesign

Responsive Webdesign erfordert völlig neue Design-Workflows. In diesem Seminar lernen Sie wie Sie Websites mit HTML, CSS und JavaScript für alle Geräte und Auflösungen optimal aufbereiten, damit sind Sie am Puls der Zeit und erfahren, wie Sie Responsive Webdesign richtig einsetzen.

Sie lernen die neuen Design-Workflows von Grund auf kennen, erstellen Prototypen und entwickeln so Ihre Websites von Anfang an richtig. Auf Grund zahlreicher Praxisbeispielen lernen Sie worauf Sie bei der Gestaltung für mobile Endgeräte achten sollten, und entwickeln flexible Designkonzepte, mit denen Sie die Besucher Ihrer Website begeistern – egal ob auf dem Tablet, Smartphone oder einem PC.

Kursinhalte

  • Responsive Webdesign im Überblick
  • Konzepte für die Website-Architektur
    • Statische Layouts flexibilisieren
    • Layouts berechnen mit calc()
    • Proportional skalierende Kachel-Layouts
    • Sticky Footer
    • Viewport-Einheiten
  • Neue Arbeitsabläufe im Responsive Webdesign
    • Frameworks, Mustergalerien und Prototypen
    • Design-Module nutzen
    • Das Responsive Design testen
  • Gestaltungsraster verwenden
    • Gestaltungsraster und CSS-Grids
    • Responsives Raster planen
    • Responsives Gestaltungsraster ausarbeiten
    • box-sizing: border-box
    • Raster verschachteln
  • Die visuelle Hierarchie
    • Content Choreography
    • Inhalte austauschen mit display: table-caption
    • Flexbox-Eigenschaften display und flex
    • Flexbox-Eigenschaften justify-content und align-items
    • Flexbox-Eigenschaft order
  • Rapid Prototyping in der Praxis
    • Codevorlagen und Standards
    • Fließende Rasterlayout
    • Prototyp entwerfen mit Webflow
    • Einen Prototyp entwerfen mit Reflow
  • Flexible Grafikelemente
    • HTML-Grafik oder CSS-Grafik
    • Flexible Hintergrundgrafiken
    • Attribute srcset und sizes
    • Art Direction und das Element picture
    • Skripte und Polyfills
  • Flexible Inhaltselemente
    • Videos skalieren
    • Tabellen optimieren
    • Image Maps optimieren
    • Einen Slider integrieren
    • Formulare und Kontaktmöglichkeiten optimieren
    • Funktionen an das Betriebssystem auslagern
  • Design für hochauflösende Bildschirme
    • technischen Hintergründe
    • SVG-Icons einsetzen
  • Die Ladezeiten optimieren
    • HTTP-Requests minimieren
    • CSS-Sprites und SVG-Sprites einsetzen
    • SVG-Sprite-Code im Dokument einbetten
    • Grafiken optimieren
  • Hilfreiche Skripte

            Was habe ich davon?

            Kreativität & Programmierlogik

            Aus der Praxis kommend wissen wir:

            Programmieren lernt man am besten mit kreativen Übungen. Auch wenn es vielleicht ungewohnt ist: Programmier- und Programmlogik haben viel mit kreativer Problemlösungskompetenz gemein.

            Aus diesem Grund üben unsere AbsolventInnen die Theorie anhand von Beispielen aus der Praxis und Szenarien aus dem "echten Leben".

            Erfolg und Erfahrung

            Voraussetzungen

            Neben der Fähigkeit zum selbstbestimmten Lernen werden Anfängerkenntnisse in der Datenverarbeitung und Grundlagen des Betriebssystems vorausgesetzt. Ausserdem sollten Sie Spass am kreativen Arbeiten an praxisorientieren Anforderungen besitzen. Ausserdem sollten Sie schon ausreichende Grundkenntnisse in den Bereichen: HTML5, CSS3 und Javascript haben.

            Kursstart

            Durch die große Nachfrage unserer Trainings können wir einen wöchentlich laufenden Einstieg, bei freien Kursplätzen garantieren.

            Dauer

            60 Unterrichtseinheiten (UE)

            Zertifizierung / Kursabschluss

            Sie erhalten nach einer erfolgreich bestandenen Zertifizierungsprüfung ein Abschlusszeugnis - inklusive der Kursbesuchsbestätigung mit ausführlicher Aufstellung des Kursinhaltes und Ihres Engagements.

            Unsere nächsten Kurse

            23.10.2017Responsive Webdesign1060 Wien / Stumpergasse 65Angebot auf Anfrage
            30.10.2017Responsive Webdesign1060 Wien / Stumpergasse 65Angebot auf Anfrage
            06.11.2017Responsive Webdesign1060 Wien / Stumpergasse 65Angebot auf Anfrage
            13.11.2017Responsive Webdesign1060 Wien / Stumpergasse 65Angebot auf Anfrage
            20.11.2017Responsive Webdesign1060 Wien / Stumpergasse 65Angebot auf Anfrage
            weitere Kurse...

            Kursanfrage

            Mit * markierte Felder sind Pflichtfelder

            Vielen Dank für Ihre Nachricht. Wir werden uns in Kürze bei Ihnen melden.
            Entschuldigung! Es ist ein Fehler in der Datenübertragung passiert. Bitte senden Sie uns Ihr Nachricht zu einem späteren Zeitpunkt erneut.