HTML5 | Webentwicklung
Modernes Webdesign mit HTML5 und CSS3

Seminar-Beschreibung

Dieses Seminar vermittelt die Kenntnisse, die im Bereich Webdesign obligatorisch sind, um komplexe Layouts für Internetseiten und Web-Anwendungen umzusetzen. Es behandelt die Optionen der semantischen Ausgestaltung von Inhalten. So können Inhalte SEO-optimiert gezeigt werden. Mit den Kenntnissen in CSS können innovative Webdesign-Trends umgesetzt werden, komplexe Benutzerführungen und ein einladendes Interface-Design. Das Seminar vermittelt die Grundlagen in den Gestaltungsmöglichkeiten mit CSS. Als Zielbrowser wird der Internet Explorer 11 angenommen. So können viele Features von CSS3 auf diese Weise oder in dieser Art angewendet werden.

Schulungsziel

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.

Schulungsformen

Online-Schulung

5 Tage

1 – 25 Teilnehmer

Online

Preis nach Angebot

Firmen-Schulung

5 Tage (anpassbar)

1 – 15 Teilnehmer

Biplus ACADEMY, Bonn

Preis nach Angebot

Inhouse-Schulung

5 Tage (anpassbar)

1 – 30 Teilnehmer

In Ihrem Hause/Büro

Preis nach Angebot

Seminar-Details

Wer teilnehmen sollte

Teilnehmende sind angehende Webdesigner und UX-Designer, die Web-Seiten oder World Wide Internet Anwendungen gestalten wie ebenfalls EDV-Verantwortliche, die Gestaltungsaufträge erteilen. Es bereitet Sie gleichermaßen auf die Konzeption von Webapplikationen und hybriden Applikationen vor.

Für dieses Seminar sind, außer grundlegenden Kenntnissen im Umgang mit einem Rechner, keine eigenen Vorkenntnisse vonnöten.

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

1.-2. Tag:
auch seperat buchbar als Erstellung von Websiten mit HTML und CSS

Grundlagen des Webdesign

  • Zusammenspiel von Server und Browser
  • Bedeutung von Semantik und Gestaltung
  • Übersicht über die aktuelle Browser-Landschaft
  • Einführung in einen HTML-Editor

HTML Grundlagen

  • Grundgerüst einer Webseite
  • Begriffserklärungen für Element, Tag, Attribut, Kommentar, Style
  • Zeichenkodierung und Internationalisierung
  • Vorbereitungen für mobile Endgeräte

CSS-Grundlagen

  • Verknüpfen von CSS mit HTML
  • Gängige Selektoren im Überblick
  • CSS-Box Modell verstehen
  • Unterschiede zwischenden Browsern abfangen

Layout erstellen

  • Überschrifte, Absätze und Listen erstellen und formatieren
  • Links, Bilder und Tabellen einsetzen und ausgestalten
  • Positionierungs-Möglichkeiten von Inhalten
  • Einfache Formulare erstellen und dem Layout anpassen
  • Erstellen und positionieren von Navigationselementen
  • Verknüpfungen zwischen HTML-Seiten und zwischen Inhalten
4.-5. Tag:
auch seperat buchbar als Responsive und browserunabhängige Websiten mit HTML5 und CSS3

Cross Browser Layouts und Debugging

  • Cross Browser Design
  • Browser Feature Test
  • Elemente untersuchen mit Browser Developer Tools
  • Browser und Endgeräte simulieren

CSS-Vertiefung

  • CSS3 Selektoren kennen und anwenden
  • Pseudoklassen und Pseudoelemente
  • CSS3 Color Module, intuitive Farben und Transparenz
  • Gradienten
  • Typografie im Detail
  • Hintergrundbilder und abgerundete Rahmen
  • Schattenwurf für Content Boxen und Text
  • Vertikale und horizontale Anordnungen
  • Floats und Clearfix
  • Inlineformatierung
  • CSS-Tabellenmodell
  • Positionierung und Stapelung

Webdesign Anwendungsfälle

  • Komplexe Formulare
  • Layouts für mobile Endgeräte
  • Individuelle Schriftarten verwenden
  • Bilder für hochauflösende Bildschirme
  • Horizontale, vertikale und verschachtelte Navigationen
  • Mehrspaltenlayouts
  • Gleich hohe Spalten
  • Flexible Box Layout
  • Sticky Footer
  • Parallax Scrolling
  • Videohintergründe

Ausgaben für Medien anpassen

  • Print Ausgabe formatieren
  • Media Queries einsetzen

Ausblick

  • Einsatz von JavaScript für das Design
  • Anwendungsfälle für jQuery und jQuery UI
  • Möglichkeiten von CSS-Frameworks

Diese Seminare könnten Sie auch interresieren

Webentwicklung mit Python und Django Framework

Sie können das Django-Framework nutzen, um sich auf die Entwicklung ihrer Webanwendung zu konzentrieren. Mit dem erworbenen Wissen, sind Sie in der Lage, datenbankgesteuerte Web-Backends inklusive Benutzerauthentifizierung, Inhalts- und Formularverwaltung bereitzustellen.

jetzt ansehen