Erstelle deine erste Website
mit Mini App AI

Heute lernst du, wie echte Websites gebaut werden 🚀

Was ist eine Website?

Ein Ort im Internet. Eine Sammlung von Seiten. Eine Möglichkeit, Informationen zu teilen.

Schul-Website

Business-Seite

Portfolio

Was ist Mini App AI?

Ein KI-Tool, das Ihnen hilft, Websites mit einfachen Texteingaben zu erstellen.

Du beschreibst sie (Der Prompt)

KI verarbeitet es (Der Ersteller)

Website erscheint (Das Ergebnis)

Wie Websites erstellt werden

Jede moderne Website besteht aus übereinander gestapelten Abschnitten.

KOPFZEILE (Navigation)

HERO (Haupteinführung)

CARD

INHALT (Informationsblöcke)

CARD

FUSSZEILE (Kontakt & Links)

Ihr erstes Projekt

Wir werden eine einfache, moderne Schulwebsite erstellen.

Navigationsleiste
Hero-Bereich
Schaltflächen & klares Layout

SCHOOL LOGO

Join Us Today

Wie man einen guten Prompt schreibt

Je besser Ihre Anweisungen, desto besser die Website.

❌ Schlechter Prompt

"Website erstellen"

Result: AI doesn't know what you want. It will guess, and you might not like it.

✅ Guter Prompt

"Erstelle eine moderne Schulwebsite mit einer Navigationsleiste, einem Hero-Bereich, einer Über-uns-Seite, Glassmorphism-Design und einem Blau/Cyan-Farbthema."

Result: AI understands exactly what to build and gives you a professional result.

Die Aufschlüsselung des Prompts

Ein starker Prompt hat 5 Hauptzutaten:

1. Typ (z. B. Schulwebsite)

2. Stil (z. B. Modern, Minimalistisch)

3. Abschnitte (z. B. Hero, Fußzeile)

4. Funktionen (z. B. Karten, Schaltflächen)

5. Farben (z. B. Blau & Cyan)

KI-Generierungsprozess

Ihre Idee wird direkt vor Ihren Augen zu einer echten Website.

AI Termial Output Warten auf Prompt...

WEBSITE LOGO

Welcome to the Future

Die Website verstehen

Klicken Sie auf einen beliebigen Bereich, um zu sehen, wie er funktioniert und warum er wichtig ist.

Header

Hero Section

Content

Footer

👈 Klicken Sie auf einen Abschnitt links, um mehr darüber zu erfahren!

So verbesserst du deine Website

Design bedeutet Klarheit. Vergleiche diese beiden Layouts.

❌ Bad

Navbar link 1 link2

WELCOME TO MY SITE!

too much text here too much text here

different style block

❌ Unordentliches Design Schlechte Farben, schlechter Abstand, unleserlich.

✅ Good

Logo

HomeAbout

Welcome to My Site

Clean, readable, and easy on the eyes.

✅ Sauberes Design Guter Kontrast, gleichmäßiger Abstand, klarer Text.

Korrigiere diesen Prompt!

Dieser Prompt ist zu vage. Klicke auf die fehlenden Teile, um ihn zu korrigieren.

"Erstelle eine Website"

Klassenzimmer-Herausforderung 🏆

Jetzt bist du an der Reihe, ein Creator zu werden.

1. Schreibe deinen eigenen Prompt.
2. Generiere eine Website.
3. Verbessere dein Design.

Web Creator Abzeichen gesperrt

Du hast gerade deine erste Website erstellt 🎉

Creator nutzen das Internet nicht nur — sie bauen es.

Erstelle deine erste Website mit Mini App AI