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
  • Schreib- und Gestaltungsregeln für Webseiten
• responsives Webdesign
  • neu: bestehende Webseiten responsiv umbauen
• Webprojekte planen und realisieren
• Trennung von Inhalt, Präsentation und Verhalten
• HTML & CSS mit dem Seiteninspektor untersuchen

Farben

• Farbkonzept
• Licht und Schatten

Formulare

• Einstieg in Formulare
  • Was ist ein Webformular?
  • browsereigene Validierung mit HTML5
  • Buttons und Schalter
  • Suchformulare

Grafik

• Bilder im Internet
• hochauflösende Bilder responsiv darstellen
• Lightbox-Galerie einbinden
• Hero-Image-Webseite
• Performance-Optimierung
• Favicon - Bild in Adresszeile und Reiter

Inhalte einbinden:

• Dateien mit include() nachladen
• Google-Fonts einbinden
• Google-Fonts selbst hosten
• einen Kartenausschnitt mit Geolocation einbinden
• HTML-Code in HTML darstellen
• Quelltext verstecken

Layoutkonzepte

• Layoutkonzepte im Wandel
• Responsive Webdesign
• responsive E-Mail-Newsletter
• Single-Page Webseite
• interactive Storytelling

Links und Verweise

• Links richtig gestalten
• Webseitenvorschau in Messenger Apps

Listen und Menüs

• Listen mit hybrider Nummerierung formatieren
• Navigation
  • Konzepte
  • Dropdown-Menüs mit CSS gestalten
• Alternativen zu Tabellen

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