HTML5 /CSS3  Schulung

Seminarziel des Inhouse Trainings

In diesem Training, werden die Grundlegenden Elemente und der Aufbau von HTML5 und CSS3 erklärt. Ziel des Training, ist es , das jeder Teilnehmer eine eigene Website erstellen und pflegen kann. Sie werden eingewiesen, wie eine Webseite aussieht, wie diese getestet und gemäß dem W3C validiert wird. Html – Tags deren Attribute, wie zum Beispiel DIV Container , H1-H6 Übeschriften , Bilder mit dem IMG-Tag und vieles mehr werden sie in diesem Seminar erfahren.

Kenntnisse

Für den Einführungsteil benötigen die Teilnehmer keine Grundkenntnisse. Es werden somit keine Vorraussetzungen benötigt.

Inhalte von HTML5 und CSS

HTML5 Struktur aufbau

Hier wird zunächst auf den Syntax eingegangen. Es wird beschrieben, wie eine HTML5 Seite grundsätzlich aufgebaut ist

  • Was ist ein TAG
    • Wie werden HTML5 Tags geöffnet und warum muss man diese wieder schließen
  • Wie sieht ein HTML-Grundgerüst aus.
    • body, head, title, html, Doctype sind das Grundgerüst unter HTML und werden schrittweise erklärt
  • Unser erstes „Hallo Welt“ Beispiel
    • Wie in jedem Grundlagen Seminar, wird zunächst einmal ein Hallo Welt beispiel präsentert, welches sofort auf dem Browser zu sehen ist.
  • Richtige Ordnerstrukturen anlegen
    • Hier wird Ihnen erklärt, wie man am besten mit Orderstrukturen arbeitet. Viele Projekte beginnen und sind dann in Ihrer Struktur kaum noch erkennbar. Wir zeigen Ihnen in diesem Training, wie man es geich richtig macht.

Elemente von HTML5

HTML5 besteht ja aus mehren Elementen, wie z.b. Bilder, Tabellen, Übeschriften, Hyperlinks. In diesem Teilabschnitt wir auf die Grundlegenden Elemente/ Tags von HTM5 eingegangen und Beschrieben.

  • Wie kann ich Bilder unter HTML5 einsetzen . Was muss ich beim der Auswahl der Bilder beachten? Welche Dateigröße sollen Bilder in einer Website haben, damit diese so Benutzerfreundlich wie möglich ist.
  • Unterschiedliche Überschriften mit HTML5
    • Überschriften sind ein wichtiges Instrument. Hier werden Ihnen die Möglichkeiten und der Einsatz von H1-H6 Überschriften vermittelt.
  • Hyperlinks und deren Einsatzmöglichkeiten
    • Um auf unterschiedlichen Content zu kommen, sollte man jede Webseite in mehrere Seiten aufbauen. Dieses dient nicht nur zu besseren Strukturierung des Inhaltes, sondern dient auch bei den Suchmaschinen besser gefunden zu werden.
    • Externe Verlinkung werden dann eingesetzt, wenn wir unter HTML auf eine Externe Seite zugreifen möchten. D.h. auf einen andere Domäne.
    • Interne Verlinkung setzt man dann ein, wenn man auf der eigenen Website den Besuchern unterschiedliche Seiten präsentieren möchte.
    • Email Client auslösen über einen Hyperlink. Ebenso, dienen Hyperlinks auch als Kontaktmechanismus. Mit einem einzelnen Klick auf den Link, und schon öffnet sich der Standardmäßige Email Client.
  • Listen unter HTML5
    • Sehr viel , wird auf modernen Webiste in Listen dargestellt. Nicht nur normale Auflistungen von Artikeln, sonder auch Navigationselemente oder andere Strukturen
    • Sortiertierte und unsortierte Listen. li,ul,ol,dd,dt
  • Tabellen anlegen
    • Wann setzte ich Tabellen ein? Um Daten besser präsentieren zu können, werden Tabellen verwendet. Hier spielt ebenso die Barrierefeiheit eine große Rolle
    • <th><td><tr><tbody>Spaltenüberschriften , Zeilen , Spalten und deren Einsatz, werden hier vermittelt.
  • Absätze, Zeilenumbrüche, Linien, Formularelemente unter HTML5
  • Semantische Elemente unter HTML5
    • Neu unter HTML5 sind die Semantischen Elemente, die es dem Entwicker ermöglichen die HTML-Seite noch besser zu strukturieren.Section, Header, Footer,  Article...
  • Formularelemente
    • Textfield,DropDown,Email,Range,Date und vieles mehr.

CSS Einführung

Css ist die Formatierungssprache damit Ihre Webseite einen gewissen Look bekommt. CSS ist also das Salz in der Suppe.

  • Wie kann ich über die Selectoren von CSS auf die HTML Elemente zugreifen
    • Um also die richtigen HTML Elemete ansprechen zu könne, verwendet CSS die Selectoren.
    • Zugriff über eine ID,Class,Attribute und Elemente werden ausführlich erklärt damit Ihre Webseite gut aussehen kann.
    • Formatierungen wie z.B. Textformatierung,Linien,Schatten,Rundungen.
    • Vererbung unter CSS. Bereits erstellen CSS Code wird vererbt, damit wir auf bereits erstellten Code zugreifen können. Das macht das CSS schlank und die Webeite schneller.

Warum Inhousetraining ?

Wir möchten den Teilnehmer ein gewohntes Umfeld geben. Oftmals ist es in den Inhous Training so, das die Teilnehmer spezielle wünsche oder ggf. Aufgabenstellungen haben an das Seminar haben. In unseren Training/Seminar gehen wir gerne auf die Wüsche der Teilnehmer ein und werden so paxisnah wie möglich das Seminar gestalten. Unsere Trainer verfügen über jahrelange Erfahung im Bereich von HTML5 und CSS mit Inhoustrainings / Inhouse-Schulungen.

Wir freuen uns auf Ihre Anfrage.

Ihr Trainer-Team

* Hinweis: Zu unseren Preisen, kommen je nach Anreise und Hotelübernachtung für den Trainer weitere Kosten hinzu.

Dauer : 3 Tage
Termin: Nach Absprache
Da Ihr Inhouse-Training zu dem Zeitpunkt durchgeführt werden soll, wenn sie Zeit haben. vereinbaren wir immer einen persölichen Termin.

Weiter Informationen zu HTML verwante Seminare erhalten sie hier

1 Kommentar

  1. A.Wilke (Beitrags-Autor)

    Hallo Herr Pullwitt,
    danke für das gelungene Seminar. Wie immer alles spitze.
    Vielen dank für die Unterstützung und Umsetzung in unserem Hause.
    A. Wilke

    Antworten

Schreiben Sie einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *


*