HTML5 | Webentwicklung
Responsive Webdesign mit HTML5

Seminar-Beschreibung

Responsive Oberflächengestaltung ist für HTML5-basierte Dokumente heute ein unverzichtbarer Bestandteil in der Entwicklung. Auf die große Vielfalt unterschiedlichster Ausgabegeräte und damit verbundener Anforderungen einzugehen, erfordert ein gutes Verständnis von der Handhabung flexibler, anpassbarer Layouts. Das dafür relevante Wissen erhalten Sie anhand vieler praktischer Beispiele und Übungen in diesem Seminar.

Schulungsziel

Sie lernen, mit HTML, CSS und Javascript reaktionsfähige Webseiten- und
Webapplikationslayouts zu erstellen und umzusetzen.

Schulungsformen

Online-Schulung

3 Tage

1 – 25 Teilnehmer

Online

Preis nach Angebot

Firmen-Schulung

3 Tage (anpassbar)

1 – 15 Teilnehmer

Biplus ACADEMY, Bonn

Preis nach Angebot

Inhouse-Schulung

3 Tage (anpassbar)

1 – 30 Teilnehmer

In Ihrem Hause/Büro

Preis nach Angebot

Seminar-Details

Wer teilnehmen sollte

  • Webdesigner

  • Entwickler für Webfrontends

Ihre Schulung

Präsenz-Schulung
Online-Schulung

Präsenz-Schulung

Lernmethode
Vermittlung der Theorie in Kombination mit der Bearbeitung von praxisnahen Beispielen.

Unterlagen
Seminarunterlagen oder Fachbuch zum Seminar inklusive, das man nach Rücksprache mit dem Trainer individuell auswählen kann.

Arbeitsplatz:
PC/VMs für jeden Teilnehmer
Hochwertige und performante Hardware
Große, höhenverstellbare Bildschirme

Lernumgebung
Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Arbeitsmaterialien
Din A4 Block, Kugelschreiber

Teilnahmebescheinigung
Wird am Ende des Seminars ausgehändigt, inkl. Inhaltsverzeichnis

Schulungszeiten
5 Tage, 09:00 - 16:00 Uhr

Ort der Schulung:
Biplus ACADEMY
Godesberger Allee 125–127
53175 Bonn
oder bei Ihnen als Inhouse-Schulung

Räumlichkeiten
Helle und modern ausgestattete Räume mit perfekter Infrastruktur.

Online-Schulung

Lernmethode
Jeder Teilnehmer erhält seine eigene Lernumgebung, dadurch kann der Trainer die Übungen in einer Mischung aus Theorie und Praxis wie in einem Präsenzseminar durchführen.
Die Kommunikation zwischen Trainer und Teilnehmer erfolgt via zoom aber auch Teams, Webex oder eine andere bevorzugte Lösung.

Unterlagen
Seminarunterlagen oder Fachbuch zum Seminar inklusive, kann nach Rücksprache mit dem Trainer individuell ausgewählt werden. Alle benötigten Unterlagen bekommen Sie rechtzeitig vor Beginn der Schulung per Post zugeschickt.

Arbeitsplatz
Virtual Classroom mit eigenem Schulungs-PC für jeden Teilnehmer.
Hochwertige und performante Hardware.
Die Virtual Classroom Lösung lässt sich im Browser betreiben.
Keine Installation am eigenen PC notwendig.
Zugang zu Ihrem Firmennetz erlaubt.
Auf Wunsch können Monitor, Webcam etc. günstig zur Verfügung gestellt werden.

Lernumgebung
Neu aufgesetzte Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter.

Arbeitsmaterialien
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its

Teilnahmebescheinigung
Das Teilnahmezertifikat, inkl. Gliederung der behandelten Themen wird Ihnen per Post zugesandt.

Schulungszeiten
5 Tage, 09:00 - 16:00 Uhr

Ort der Schulung
Online im Virtual Classroom

Buchen ohne Risiko

Rechnungsstellung
Erst nach dem erfolgreichen Seminar. Keine Vorkasse.

Stornierung
Kostenfrei bis zum Vortag des Seminars

Vormerken statt buchen
Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung – auch wenn Sie selbst nicht berechtigt sind zu buchen.

Bildungsgutschein
Bildungsscheck NRW, Bildungsprämie

Seminar-Inhalte

Allgemeine Grundlagen responsiver Layouts

  • Ausgaben auf mobilen Geräten und Desktopbrowsern
  • Vergleich der Gerätetypen
  • Geräteabhängige Designaspekte
  • Responsive, Fluid, Adaptive?

Layouts entwerfen

  • Entwurfsraster (Grids) einsetzen
  • Grids schreiben, Gridframeworks
  • Beispiele für Yaml und Bootstrap
  • Festbreiten-Layouts, flexible Layouts
  • Anforderungen und Entwurf eines flexiblen Layouts

Einsatz von Medienqueries

  • Medientypen und Attribute abfragen
  • Breakpoints zur Unterscheidung verschiedener Geräteklassen
  • Gerätespezifische Anpassungen des Entwurfsrasters
  • Browserkompatibilität für Internet Explorer 8 und kleiner

HTML für mobile Geräte

  • Viewport
  • Touchicons
  • Conditional Comments

Umgang mit Bildern und anderen Medien

  • Responsive Medieninhalte
  • srcset, <picture> und andere Konzepte
  • Anpassen von Bildern, Video

Typographie für Desktop und mobile Geräte

  • Umgang mit Schriften und Schriftgrößen
  • Lesbarkeit: das optimale Layout für jedes Gerät

Geräteoptimierte Content- und Navigationskonzepte

  • Content first, Mobile first
  • Graceful degration, progressive Enhancement
  • Über die Bedienbarkeit Mauszeiger vs. Touchscreen
  • Gerätetypische Schaltflächen, Navigationslisten, Eingabeelemente

Performance

  • Optimierung der Ladezeit und des Ladeverhaltens
  • Geräteangepasste Inhalte ausliefern

Frameworks

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

Google Ranking-Faktoren für Mobile Webseiten

  • Content
  • Ladezeiten
  • Backlinks
  • Social Signals 

Diese Seminare könnten Sie auch interresieren

Modernes Webdesign mit HTML5 und CSS3

Im Anschluss an dieses Seminar können Sie komplexe Layouts entwerfen und in HTML5 und CSS3 umsetzen. Sie wissen die Perspektiven der Realisierung und erhalten ein zuverlässiges Grundwissen für die Arbeit im Webdesign, Interface-Design oder UX-Design.

jetzt ansehen

Moderne Webseiten HTML und CSS

In diesem Seminar lernen Sie die Webdesign-Möglichkeiten beherrschen, die aus dem Zusammenspiel von HTML und CSS entstehen. Sie beherrschen nachfolgend die Design-Elemente wie Tabellen, Frames und Grafiken und haben die erforderliche Erfahrung, um automatisch professionelle Designentwürfe zu gewähren.

jetzt ansehen