Zum Inhalt springen
← Alle Aufgaben

Was muss eine KI wissen, um eine Webseite zu bauen?

Eine KI baut eine Webseite so, wie du sie beschreibst, und rät den Rest. Vier Angaben nehmen ihr das Raten ab: welche Seiten oder Abläufe es gibt, welche Daten vorkommen, ob es eine Anmeldung braucht und wie die Seite aussehen soll. Eine Technik nennst du nur, wenn du eine Vorgabe hast.

Von Aktualisiert am

Was muss die KI von dir wissen?

  1. Welche Seiten oder Abläufe gibt es?

    Start, Angebot, Kontakt, oder der Weg, den ein Besucher geht. Was nicht genannt ist, erfindet die KI oder lässt sie weg.

  2. Welche Daten kommen vor?

    Feste Texte und Bilder sind einfach. Sobald etwas gespeichert oder geändert wird, etwa Anfragen oder Termine, ändert sich der ganze Aufbau.

  3. Braucht es eine Anmeldung?

    Ohne Konten ist eine Seite viel kleiner. Mit Konten braucht es Anmeldung, Rollen und Schutz der Daten, und die KI muss das wissen, bevor sie die Struktur wählt.

  4. Wie soll sie aussehen?

    Farben, Stimmung, Handy oder Desktop zuerst. Ohne Angabe bekommst du den Durchschnitt aller Webseiten.

  5. Gibt es eine Vorgabe zur Technik?

    Nur wenn du eine hast, zum Beispiel nur HTML und CSS. Sonst lass die KI die einfachste Lösung wählen und nenne das im Prompt.

Wie sieht das als fertiger Prompt aus?

Beispiel

So könnte das Gespräch laufen. Das Beispiel ist von Hand nach den Regeln geschrieben, nach denen Finn fragt, und stammt nicht aus einem echten Gespräch.

Die Idee
Ich brauche eine Webseite für meine kleine Imkerei.
Die Rückfrage
Welche Seiten sollen es sein, zum Beispiel Start, Honigsorten und Kontakt? Bleiben die Texte und Preise fest, oder soll sich etwas speichern lassen? Braucht es eine Anmeldung? Wie soll die Seite aussehen?
Die Antwort
Start, Honigsorten, Über uns und Kontakt. Texte und Preise fest, keine Anmeldung. Warm und natürlich, zuerst fürs Handy.

Der fertige Prompt

Du bist eine erfahrene Webentwicklerin. Baue eine Webseite für eine kleine Imkerei.

Seiten: Start, Honigsorten, Über uns, Kontakt.
Inhalt: Texte und Preise stehen fest in der Seite. Es gibt keine Datenbank und keine Anmeldung. Die Seite Kontakt enthält ein Formular mit Name, E-Mail-Adresse und Nachricht; es muss nur gebaut sein, es muss noch nichts verschicken.
Aussehen: warm und natürlich, erdige Farben, viel Weissraum. Entwirf zuerst für das Handy, dann für den Desktop.
Technik: reines HTML und CSS, möglichst wenig JavaScript.
Platzhalter: Verwende [Name der Imkerei], [Honigsorte 1], [Honigsorte 2] und [Preis] statt erfundener Angaben.
Ausgabe: Beschreibe zuerst in je einem Satz den Aufbau der vier Seiten, liefere dann alle Dateien vollständig mit ihrem Dateinamen.

Wann brauchst du das nicht?

Für eine einzelne Seite mit Kontaktdaten aus Standardbausteinen lohnt der Umweg selten. Ein Baukasten mit Vorlagen ist dann schneller als jeder Prompt.

Hast du schon ein Design oder eine Skizze, beschreibe sie direkt: Die Fragen nach dem Aussehen sind dann beantwortet, und es bleibt, was die Skizze nicht zeigt.

AusprobierenPreise ansehen