HTML/Tutorials

Die Artikel rund um HTML und CSS gehen auf ausgewählte Themen zur Seitenstrukturierung und zum Webdesign ein.

• HTML5-Grundgerüst als Ausgangslage für zukunftsfähige Projekte
• HTML-Einsteigerseminar (Webseitengestaltung am Beispiel einer Schreinerei)
• Neu: bestehende Webseiten responsiv umbauen
• HTML & CSS mit dem Seiteninspektor untersuchen

Grundsätzliches

• Webprojekte planen und realisieren
• Trennung von Inhalt, Präsentation und Verhalten
• Semantik

Farben

• Farbkonzept
• Licht und Schatten

Formulare

• Formulare erstellen und gestalten mit Basics für Anfänger
• Formulareingaben mit HTML5 validieren
• HTML/Tutorials/Buttons und Schalter
• HTML/Tutorials/Suchformulare

Grafik

• Webseiten mit Grafiken gestalten
• hochauflösende Bilder responsiv darstellen
• Lightbox-Galerie einbinden
• Hero-Image-Webseite
• Performance-Optimierung

Inhalte einbinden:

• Dateien mittels include() einbinden
• Google Web Fonts einbinden
• einen Kartenausschnitt mit Geolocation einbinden
• HTML-Code in HTML darstellen
• Quelltext verstecken

Layoutkonzepte

• Layoutkonzepte im Wandel
• Responsive Webdesign
• Single-Page Webseite

Links und Verweise

• Links richtig gestalten

Listen und Menüs

• Listen mit hybrider Nummerierung formatieren
• Navigation richtig erstellen
• Dropdown-Menüs mit CSS gestalten
• Grundlagen/Navigationstechniken
• Alternativen zu Tabellen

Seitenstrukturierung:

• HTML5-Seitenstrukturierung mit den neuen HTML5-Elementen
• Schreib- und Gestaltungsregeln für Webseiten
• Single-Page Webseite
• responsive E-Mail-Newsletter

Barrierefreiheit und Benutzerfreundlichkeit

• Benutzerfreundlichkeit
  • Content Usability (Benutzbarkeit des Inhalts)
• Barrierefreiheit
  • Farben und Kontraste
  • Webseiten zugänglich gestalten
  • Benutzereingaben zugänglich gestalten
  • Grafiken und Multimedia zugänglich gestalten
  • zugängliche Emoticons
  • Zusammenfassung für längere Artikel

• interactive Storytelling