HTML/Tutorials

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

• Einstieg in HTML
  (Webseitengestaltung am Beispiel einer Schreinerei)
• HTML5
  • Grundgerüst als Ausgangslage für zukunftsfähige Projekte
  • Seitenstrukturierung mit den neuen HTML5-Elementen
  • Textstrukturierung
• responsive Webdesign
  • bestehende Webseiten responsiv umbauen
  • neu: neuere HTML- und CSS-Features

• Single-Page Webseite
  • One-Pager
  • Scroll Snap
  • interactive Storytelling

Einstieg in …

• Formulare
  • Was ist ein Webformular?
  • browsereigene Validierung
  • Radio-Buttons und Checkboxen
  • Suchformulare
• Links
  • Referenzieren in HTML
  • Links -Gestaltung mit CSS
• Listen
  • Gestaltung mit CSS
  • Hybride Nummerierung
  • Fußnoten mit CSS
• Navigation
  • Dropdown-Menüs
  • Skip-Links
• Tabellen

Inhalte einbinden:

• Dateien mit include() nachladen
• Google-Fonts einbinden
• Google-Fonts selbst hosten
• einen Kartenausschnitt mit Geolocation einbinden

Grafik + Multimedia

• Farbkonzept
  • Beispiele für Paletten
  • Farben und Kontraste
  • Licht und Schatten
• Bilder im Internet
  • Formate und Größen
  • responsive Bilder
• Favicon - Bild in Tab / Favoriten
• Lightbox-Galerie einbinden
• Multimedia
  • audio
  • video
  • Playlisten zusammenstellen

• Adventskalender
• Aktive Inhalte einbinden (SVG, PDF …)
• Code in HTML darstellen
• details - aufklappbare UI-Elemente
• dialog
• Quelltext verstecken
• responsive E-Mail-Newsletter

• Tooltips mit CSS
• Webseitenvorschau in Messenger Apps

Layoutkonzepte

• Trennung von Inhalt, Präsentation und Verhalten
• Barrierefreiheit
  • Farben und Kontraste
  • Webseiten zugänglich gestalten
  • Benutzereingaben zugänglich gestalten
  • Grafiken und Multimedia zugänglich gestalten
  • zugängliche Emoticons
• Benutzerfreundlichkeit
  • Content Usability (Benutzbarkeit des Inhalts)
• responsive Webdesign
  • Layoutkonzepte
  • bestehende Webseiten umbauen
• Performance-Optimierung