Warnung Icon Sie haben in Ihrem Browser Javascript deaktiviert! Bitte aktivieren Sie Javascript umd eine korrekte Darstellung Funktionsweise von eSphere zu gewährleisten. Warnung Icon
Den Vorsprung halten –
und nutzen!
Unsere Seminarempfehlungen
Weiterbildung im eMarketing –
einfach ein Muss!
Unsere Seminarempfehlungen
Es kommt auf die Details an –
vor allem im Design!
Unsere Seminarempfehlungen
 
 
 

Responsive Design Entwicklung

Seminardauer: 2 Tage
zur unverbindlichen Anfrage

Ziele

Nach diesem Kurs kennen Sie die wesentlichen Techniken zur Erstellung von Responsive Design. 

Zielgruppe

Webadministratoren, Webentwickler, Webdesigner

Voraussetzungen

HTML Kenntnisse und CSS Kenntnisse sind vorausgesetzt

Agenda

Allgemeine Grundlagen responsiver Layouts

  • Ausgaben auf mobilen Geräten und Desktopbrowsern
  • Vergleich der Gerätetypen
  • Geräteabhängige Designaspekte
  • Adaptive & Responsive Layout

Layouts entwerfen

  • Entwurfsraster (Grids) einsetzen
  • Flexibilität mit Grid Layouts
  • Beispiele für Yaml und Bootstrap
  • Festbreiten-Layouts, flexible Layouts
  • Anforderungen und Entwurf eines flexiblen Layouts

Einsatz von Medienqueries

  • Struktur von Media Queries
  • Medientypen und Medieneigenschaften
  • Abfolge von Mediaqueries
  • Breakpoints für Geräteklassen
  • Kompatibilität für Internet Explorer

HTML für mobile Geräte

  • Viewport & Pixel
  • Touchicons
  • Conditional Comments

Layout mit CSS 

  • CSS Grundlagen des Webdesigns
  • Trennung von Seiten-Struktur und Layout
  • Little Boxes – das Layout
  • CSS-Selektoren
  • CSS-Formatierungen
  • Positionierung und Textfluss

Umgang mit Bildern und anderen Medien

  • Bilder und Grafiken unterschlicher Auflösungen
  • Anpassungsfähige Bilder und Grafiken
  • Responsive Hintergrundbilder
  • Scalable Vector Graphics (SVG)
  • Typographie für Desktop und mobile Geräte
  • Umgang mit Schriften und Schriftgrößen
  • Lesbarkeit & Schriftmaß für alle Geräte optimieren

Geräteoptimierte Content- und Navigationskonzepte

  • Content first, Mobile first
  • Graceful degration, progressive Enhancement
  • Benutzerfreundliche Navigation
  • Navigationstypen
  • Multilevel-Menüs

Performance

  • Optimierung der Ladezeit und des Ladeverhaltens
  • Inhalte gerätespezifisch ausliefern
  • Gzip Komprimierung

Frameworks

  • Adaptive Bilder (adaptive images)
  • Skalierbare Icons (awesome fonts)
  • Medienerkennung (responds.js)

Homebuttons für Apple-Touch-Geräte erstellen

FTP-Upload – Browser-Testing auf Smartphone und iPad

Schulungsunterlagen

nach Absprache
 
 

1.) Wählen Sie den Seminartyp:




2.) Wählen Sie Ort und Datum:

1.295,00€ pro Person

spacing line1.541,05€ inkl. 19% MwSt
Verpflegung zzgl.
Seminarunterlagen zzgl.

Seminar jetzt anfragen Merkzettel Icon Auf den Merkzettel
PDF IconPDF Icon
 

Usability Engineer an der Technischen Hochschule Deggendorf - hier bei eSphere buchen.

Usability Engineer Schulung

„Der Workshop Digital Marketing Factory ist ein hochkarätiges Praxistraining mit Umsetzungsgarantie! Alle Module werden sorgfältig erklärt und sofort am Beispiel, life in die Praxis umgesetzt.

Man sieht sofort Ergebnisse. Ich kann diesen Workshop jedem empfehlen für den Kundengewinnung im Netz relevant ist.“  Andreas Dolle, Geschäftsführer, ADM Institut

Das Seminar “Online Marketing“ bei Herrn Dr. Theobald hat meine Erwartungen übertroffen. Gelungene Verbindung von Informationsarchitektur, kreativem Content-Marketing und profunder Webanalyse. „HTML, SEO, Usability & Social-Media-Storytelling  – Onlinemarketing auf den Punkt gebracht!“  Björn Hacker, Marketing Bildungszentren, Handwerkskammer für Mittelfranken

 

Diese Seite weiterempfehlen:

Merkzettel Icon
0
Merkzettel öffnen
0
Besuchsverlauf ansehen
eSphere Control Panel

Zuletzt angesehen