ChatGPT
Fuer Ideen, Struktur, Textentwuerfe, inhaltliche Schaerfung und Iteration ueber Themen, Seitenaufbau und Lernfluss.
Wichtiger Hinweis
Diese Website wurde genau auf diesem Weg erstellt: mit KI-Unterstuetzung durch ChatGPT und Codex, waehrend die Dateien in Visual Studio Code aufgebaut, erweitert, geprueft und ueberarbeitet wurden.
Werkzeuge
Was dabei genutzt wurde
Codex
Fuer das konkrete Arbeiten an Dateien, das Erstellen und Umbauen der HTML-, CSS- und JavaScript-Dateien, das Testen und das systematische Weiterentwickeln der Website.
Visual Studio Code
Als Arbeitsumgebung fuer das Projekt, also zum Bearbeiten, Strukturieren, Kontrollieren und direkten Ueberblick ueber die Website-Dateien.
Lokale Tests
Die Seiten wurden waehrend der Erstellung lokal geladen und geprueft, damit Inhalte, Links, Navigation und Codeboxen nicht nur geschrieben, sondern auch wirklich getestet wurden.
Ablauf
So kann man mit ChatGPT, Codex und VS Code eine Website bauen
Der sinnvollste Weg ist nicht, auf einen einzelnen Prompt zu hoffen, sondern die Website schrittweise mit echter Ueberarbeitung aufzubauen.
1. Thema und Ziel klar machen
Am Anfang steht nicht Design, sondern Inhalt: Zielgruppe, Themen, Seitenstruktur, Lernziele und welche Inhalte spaeter wirklich nuetzlich sein sollen.
2. Grundstruktur erzeugen
Mit ChatGPT oder Codex zuerst die grobe Informationsarchitektur erarbeiten: Startseite, Unterseiten, Artikel, Navigation und wiederkehrende Seitentypen.
3. In VS Code konkret bauen
Danach werden die echten Dateien in Visual Studio Code erstellt: HTML fuer Inhalte, CSS fuer das Design und kleine JavaScript-Bausteine fuer Suche oder Copy-Buttons.
4. Inhalte iterativ vertiefen
Statt alles auf einmal zu erzeugen, wird jede Seite verbessert: mehr Tiefe, bessere Beispiele, klarere Struktur, neue Unterseiten und sauberere Verknuepfungen.
5. Testen statt nur erzeugen
Jede groessere Aenderung sollte direkt geprueft werden: rendern die Seiten, stimmen die Links, funktionieren die Codeboxen und passt der Seitenfluss noch?
6. Nachschleifen und vereinheitlichen
Zum Schluss werden Sprache, Gestaltung, Footer, Navigation, Rechtliches und Querlinks vereinheitlicht. Erst dadurch fuehlt sich das Ganze wie eine echte Website an.
Praktisches Beispiel
Wie so ein Arbeitsauftrag aussehen kann
Erstelle eine moderne, informative Website zu Softwarepaketierung.
Lege echte Unterseiten an fuer Installer, Detection, PSADT, Logging,
MEM / SCCM und Troubleshooting. Verwende klare Struktur, praxisnahe
Artikel, Codeboxen mit Copy-Button und teste die Seiten lokal bis zum Ende.Worauf es ankommt
Was gute Zusammenarbeit mit KI dabei ausmacht
Klare Richtung
Je genauer Zielgruppe, Ton, Struktur und Nutzwert benannt werden, desto brauchbarer wird das Ergebnis.
Schrittweises Arbeiten
Gute Websites entstehen in Iterationen. Erst die Struktur, dann Inhalte, dann Details, dann Tests und saubere Verlinkungen.
Konkretes Feedback
Hinweise wie "das ist zu oberflaechlich", "das wirkt unstrukturiert" oder "hier fehlt echter Nutzwert" sind viel wertvoller als nur "mach es besser".
Echte Kontrolle behalten
KI ist hier ein Werkzeug, kein Ersatz fuer fachliche Entscheidungen. Die besten Ergebnisse entstehen, wenn Inhalte aktiv geprueft, korrigiert und nachgeschaerft werden.
Diese Website als Beispiel
commandline.info zeigt genau diesen Arbeitsstil: von der Grundidee ueber Unterseiten, Artikel, Suche, Codeboxen, Beispiele, Detection-Recipes, Rechtstexte und Layout-Verbesserungen bis zu den spaeteren Feinheiten.
Wichtige Aussage
Ja: Diese Website wurde genau mit ChatGPT, Codex und Visual Studio Code erstellt.