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
• HTML & CSS mit dem Seiteninspektor untersuchen

Einstieg in …

• Formulare
  • Was ist ein Webformular?
  • browsereigene Validierung
  • Buttons und Schalter
  • Suchformulare
• Links
  • Referenzieren in HTML
  • Links -Gestaltung mit CSS
• Navigation
  • Dropdown-Menüs
  • Skip-Links
• Tabellen

Grafik + Bilder

• Farbkonzept
  • Beispiele für Paletten
  • Farben und Kontraste
  • Licht und Schatten
• Bilder im Internet
  • Formate und Größen
  • responsive Bilder
• Lightbox-Galerie einbinden
• Favicon - Bild in Adresszeile und Reiter

Inhalte einbinden:

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

Listen und Menüs

• Listen mit hybrider Nummerierung formatieren
• Adventskalender

• HTML-Code in HTML darstellen
• Quelltext verstecken
• responsive E-Mail-Newsletter
• Hero-Image-Webseite
• interactive Storytelling
• Single-Page Webseite
• 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