HTML5 | Webentwicklung
Responsives Webdesign mit HTML5, CSS3 und Bootstrap 4

Seminar-Beschreibung

In diesem Seminar erhalten Mitglieder mit wenig oder keinen HTML-Kenntnissen das Handwerkszeug, um Layouts zügig in Bootstrap umsetzen zu können. Mit Bootstrap 4 ist es möglich, ohne tiefergehende CSS-Kenntnisse, gängige Designs zu anlegen.
Durch das Verwenden allgemeiner und kombinierbarer CSS-Klassen, lassen sich aus den einzelnen „Bausteinen“ des Bootstrap-Baukastens schnell solide, flexible und moderne Layouts erstellen.

Schulungsziel

Sie sind in der Lage mit Hilfe von Bootstrap moderne und vor allem anpassbare Layouts zu erstellen.

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

Teilnehmende, die Layouts für Webseiten und WWW Anwendungen umsetzen möchten.

Für dieses Seminar sind – außer grundlegenden Kenntnissen im Umgang mit einem Rechner – keine spezifischen Vorkenntnisse notwendig.

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

Grundlagen des Webdesign

  • Zusammenspiel von HTML, CSS und JavaScript
  • Bedeutung von Semantik und Gestaltung
  • Einführung in einen HTML-Editor

HTML und CSS Grundlagen

  • Grundgerüst einer Webseite
  • Begriffserklärungen für Element, Tag, Attribut, Kommentar, Style
  • Zeichenkodierung und Internationalisierung
  • Vorbereitungen für mobile Endgeräte
  • CSS mit HTML verknüpfen
  • CSS Box-Modell

Einstieg in Bootstrap 4

  • Ressourcen und Download
  • Quellen für Themes
  • Browser-Kompatibilität
  • Layout mit CSS Klassen

Bildschirm Aufteilung

  • Gestaltungsprinzipien und 12er-Raster
  • Zwischeräume
  • Automatisches Layout
  • Responsive Klassen
  • Ausrichtung und Sortierung
  • Verschachteltes Layout
  • Flexbox horizontal und vertikal
  • Suchmaschinen optimierter HTML-Code

Typografie

  • Größen einstellen
  • Abstände
  • Textausrichtung
  • Sichtbarkeit und Textersetzung
  • Schatten und Rahmen
  • Farben

Typischen Content verwenden

  • Texte und Überschriften 
  • Bilder und Medien-Elemente
  • Formulare und Tabellen
  • Icon Sets verwenden

Navigationen erstellen

  • Horizontale Navigationen mit Navbars 
  • Farbschemata
  • Dropdown
  • Tabbed Navigation

Einfache Komponenten

  • Alerts, Badges und Buttons
  • Listen
  • Cards und Jumbotron

Interaktive Komponenten

  • Pagination
  • Progress
  • Scroll Spy
  • Modal Boxen, Popup-Fenster
  • Karussell, Slider
  • Akkordeon
  • Tool-Tipps

Besondere Ausgabe-Medien

  • Wie barrierefrei ist Bootstrap?
  • Klassen für Screenreader
  • Printausgabe

Theming

  • Eigenes Bootstrap-CSS erstellen mit Online-Tools
  • Bootstrap-Klassen überschreiben

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