HTML + KI: Der neue Werkzeugkasten
Ein Wiki im Look von 1998, das über künstliche Intelligenz schreibt? Unbedingt. Denn KI-Assistenten wie ChatGPT und Claude haben die Art verändert, wie viele Leute Webseiten bauen: Man beschreibt was man will, bekommt Code zurück und arbeitet damit weiter. Das ist ein mächtiges Werkzeug und wie jedes Werkzeug kann man es gut oder schlecht benutzn.
Unsere Haltung in diesem Bereich ist unaufgeregt: KI-Assistenten sind hervorragende Beschleuniger und geduldige Erklärer, aber sie machen Fehler, erfinden gelegentlich Dinge und ersetzen kein Grundverständnis. Wer HTML versteht, holt aus KI zehnmal mehr heraus als jemand der blind kopiert. Genau deshalb gehört dieser Bereich in ein HTML-Wiki.
Die Seiten im Überblick
Loslegen
- HTML mit ChatGPT erstellen: der komplette Ablauf mit Beispiel-Prompts.
- HTML mit Claude erstellen: dasselbe für Claude, mit den Eigenheiten dieses Assistenten.
- Gute Prompts für Webseiten: die Kunst, präzise zu beschreiben was man will.
Mit bestehendem Code arbeiten
- Bestehenden Code verbessern: aufräumen, modernisieren, semantisch machen.
- Fehler finden: KI als zweites Paar Augen bei der Fehlersuche.
- CSS mit KI erstellen und Responsive Design mit KI: Gestaltung und Mobiltauglichkeit.
Spezialaufgaben
- Barrierefreiheit mit KI prüfen: was KI dabei kann und was nur echte Tests zeigen.
- Schema.org mit KI und Meta-Tags mit KI: Strukturdaten und Suchmaschinen-Basics generieren lassen.
Der wichtigste Teil: Kontrolle
- KI-Code richtig prüfen: die Checkliste bevor irgendwas online geht.
- Typische KI-Fehler: die Muster, die in generiertem HTML immer wieder auftauchn.
Ein Hinweis zur Haltbarkeit: KI-Produkte ändern sich schnell, Bedienoberflächen und Funktionsumfang können morgen anders aussehen als hier beschrieben. Wir konzentrieren uns deshalb auf die Arbeitsweisen die stabil bleiben: gut beschreiben, Ergebnis verstehen, gründlich prüfen. Das funktioniert mit jedem Assistenten, heute und übermorgen.
Fundament fehlt noch? Erst HTML lernen, dann liest sich KI-Code wie ein offenes Buch.