Projekt Landingpage: Eine Seite planen, bauen und veröffentlichen

Eine eigene Seite, die in ein paar Abschnitten sagt, was du anbietest, und Besuchern zeigt, wie sie dich erreichen: Das ist das naheliegendste erste Projekt, wenn du mit einem KI-Assistenten Software bauen willst. Du siehst nach jeder Etappe ein Ergebnis.

Dieses Arbeitsbuch führt dich in acht Etappen vom Inhaltsplan über die Texte, das HTML-Gerüst, die Gestaltung mit CSS und die mobile Ansicht bis zur Prüfung, zum lokalen Test und zur Veröffentlichung. Für jeden Schritt gibt es einen fertigen Prompt mit Beschreibung des Ergebnisses und einem Warnzeichen, an dem du schwache Antworten erkennst. Das durchgehende Beispiel, eine erfundene Fahrradwerkstatt, ist vollständig abgedruckt: HTML, CSS und ein kleines Prüfskript in Python, das fehlende Alternativtexte, kaputte Sprunglinks und nicht geschlossene Elemente findet. Alles wurde tatsächlich gebaut, geprüft und lokal ausgeliefert.

Sechs Übungen zum Anpassen von Farben, Abständen und mobiler Ansicht, eine Fehlerhilfe für zwölf typische Stolperstellen, eine Abschluss-Checkliste mit 20 Punkten und drei Erweiterungsaufgaben runden das Arbeitsbuch ab.

Für wen? Für Einsteiger und Selbstständige, die ihre erste Seite selbst bauen wollen und dafür einen KI-Assistenten nutzen. Vorkenntnisse in HTML sind nicht nötig. Du brauchst einen Texteditor, einen Browser und für die Prüf- und Testschritte Python.

Wichtig: Das Arbeitsbuch ist werkzeugneutral und nennt keine Hosting-Anbieter und keine Preise. Impressum, Datenschutz, Cookies und Barrierefreiheit erscheinen nur als Fragen an Fachleute, nicht als Rechtsauskunft. Gib keine Zugangsdaten oder Kundendaten in einen KI-Chat ein und prüfe jedes Ergebnis selbst. Besucherzahlen oder Anfragen werden nicht versprochen. Stand: Oktober 2026. Werkzeuge und Browser ändern sich – prüfe die Dokumentation der Werkzeuge, die du einsetzt. Mit KI-Unterstützung erstellt.