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
• Einstieg in HTML (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
• 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 mittels include() einbinden
• 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
• 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

• interactive Storytelling