HTML Trainingsprogramm (4 Tage)

Ausbildungsziele:

• Die Rolle von HTML verstehen die Erstellung von Websites.

• Erstellen Sie einfache Webseiten mit Titeln, Texten, Listen, Links, Bildern und Formularen.

• Mit fortschrittlichen HTML-Tools ein Dokument zu strukturieren und Medien zu integrieren.

• HTML-Code optimieren für SEO und Performance.

• Entwicklung der Autonomie durch tägliche praktische Übungen.

INTERPRETATION

- Anwesend in unseren Räumlichkeiten oder bei Ihnen

Distanciel Online

Finden Sie uns auf:

Straßburg, Lille, Lyon, Reims, Genf, Brüssel, Luxemburg, Frankfurt, Karlsruhe, Berlin, Metz

Preis: 2622 € H.T.
Daten, Orte und Registrierung
INTRA

(Rufen Sie uns an, um ein Angebot zu erhalten)

Tag 1: Einführung in HTML und grundlegende Strukturen

Ziele des Tages:

  • Verstehen Sie, was HTML ist und seine Rolle bei der Erstellung von Webseiten.
  • Beherrschen Sie die grundlegenden Tags, Strukturierungselemente und Hierarchie von HTML-Dokumenten.

Inhalt:

 •  Einführung in HTML

  • Was ist HTML?
  • Die Bedeutung von HTML in der Web-Entwicklung.
  • Struktur eines HTML-Dokuments (Deklaration) html, Markierung , , und .

 •  Struktur Tags

  • Das Etikett Grundstruktur des Dokuments.
  • Das Etikett Metadaten, Titel, Links zu CSS.
  • Das Etikett : sichtbarer Inhalt der Seite.
  • Verwendung von bis für Wertpapiere.
  • Absatz-Tags , der Liste , , und Smart List .

 •  Praxis: Erstellen einer einfachen HTML-Seite

  • Grundlegende Struktur einer Webseite.
  • Hinzufügen von Text, Titeln und Listen zu einer HTML-Seite.

 •  Praktische Übung :

  • Erstellen Sie eine einfache Präsentationsseite mit Titeln, Absätzen und einer Liste von Artikeln.

Tag 2: Links, Bilder und Medien

Ziele des Tages:

  • Lernen Sie, Links, Bilder und Medien zu einer Webseite hinzuzufügen.
  • Tag-Attribute verwalten, um die Elemente anzupassen.

Inhalt:

 •  Hypertext-Links

  • Tag Erstellung von internen und externen Links.
  • Verwenden von href, target und title Attributen.
  • Links zu Webadressen und internen Ankern.

 •  Einfügen von Bildern

  • Tag : Bilder zu einer Webseite hinzufügen.
  • Attribute src, alt, width, height.
  • Empfohlene Bildformate (JPG, PNG, SVG, etc.).

 •  Medien hinzufügen (Audio und Video)

  • Verwendung von Tags et .
  • Hinzufügen von Steuerungen, mehreren Quellen und Untertiteln.

 •  Praktische Übung :

  • Klickbare Links hinzufügen, Bild und Video zu einer Webseite einfügen.

Tag 3: Tabellen und Formulare

Ziele des Tages:

  • Erfahren Sie, wie Sie Daten mit Tabellen strukturieren.
  • Formulare erstellen, um Benutzerinformationen zu sammeln.

Inhalt:

 •  HTML-Tabellen

  • Tags , , , , .
  • Strukturierte Daten in Tabellen.
  • Kopfzeilen und Datenzeilen hinzufügen.

 •  HTML Formulare

  • Tag und ihre Rolle.
  • Textfelder: , .
  • Eingabetasten und Zurücksetzen.
  • Andere Arten von Feldern: , , , .

 •  Formvalidierung und Zugänglichkeit

  • Attribute zur Validierung von Formularfeldern (z. B. erforderlich, Muster).
  • Einführung in bewährte Barrierefreiheitspraktiken in Formen.

 •  Praktische Übung :

  • Erstellen Sie eine Seite mit einer Datentabelle und einem einfachen Formular (Name, E-Mail, Nachricht).

Tag 4: Fortgeschrittene Praxis und Codeoptimierung

Ziele des Tages:

  • Stärkung von Wissen und Praktiken.
  • Erfahren Sie, wie Sie HTML-Code für besseres Rendering und Leistung strukturieren und optimieren.

Inhalt:

 •  Fortgeschrittene Struktur

  • Verwendung von Tags , , , und .
  • Einführung in semantische Leuchtfeuer und deren Bedeutung für SEO.
  • Strukturierung einer kompletten Webseite mit separaten Abschnitten.

 •  Optimierung des HTML-Codes

  • Wie Sie Tags für Performance optimieren.
  • Gute Praktiken bei der Strukturierung von HTML-Code (Indentation, Kommentare).
  • Einführung in HTML Validierungstools und Fehlerkorrektur.

 •  Einführung in SEO und Responsive Design

  • HTML Optimierung für SEO.
  • Überblick über Responsive Design mit grundlegenden Tags wie für mobile Ansichten.

 •  Praktische Übung :

  • Erstellen Sie eine komplette Webseite mit semantischen Tags und optimieren Sie ihren HTML-Code.

Methodik

  • Interaktive Bildung : Alternative zwischen Theorie und Praxis mit Übungen, die während jeder Sitzung durchgeführt werden.
  • Schulungsmaterial : Zugriff auf einen PDF-Guide, der jedes Thema erläutert.
  • Überwachung und Bewertung : Tägliche Auswertungen zur Messung der Fortschritte mit personalisierter Rückmeldung.