OSTRELLE · LERNEN · MIT ÜBUNGEN
3. Eigene Inhalte und Navigation einsetzen
Du ersetzt die Vorlage durch verständliche Inhalte und prüfst Bilder und Menüpunkte. Mit konkreten Schritten, eigener Übung, Musterlösung und Erfolgskontrolle.
Deine erste Website · Lektion 3 von 4 · Quellstand 3. November 2026
Das lernst du
Du ersetzt die Vorlage durch verständliche Inhalte und prüfst Bilder und Menüpunkte.
Nach der Einrichtung sind Beispieltexte immer noch Beispiele. Angaben für Team, Preise, Bilder und Recht müssen gesondert geprüft werden. Automatisch übernommene Profilwerte ersparen diese Arbeit nicht. Jede veröffentlichte Behauptung braucht eine tatsächliche Grundlage.
Die Websiteansicht verwendet das echte Theme. Struktur und Auswahlwerkzeuge gehören zur Verwaltung. Du bearbeitest den Inhaltsbaum, nicht beliebigen Jinjaquelltext. Header, Footer und Templates werden durch diese Inhaltsbearbeitung nicht automatisch frei gestaltbar.
Schritt für Schritt
- Öffne unter Seiten die Startseite. Ersetze Überschrift und Einleitung durch den vorbereiteten Text. Verwende Absätze für Fließtext und echte Überschriften für Abschnitte.
- Ersetze Speisen, Preise und Teamangaben mit gültigem eigenem Testmaterial. Suche gezielt nach eckigen Klammern und lies trotzdem die ganze Seite: Nicht jeder problematische Beispielwert ist markiert.
- Lade ein freigegebenes Rasterbild in der Mediathek hoch. Ergänze einen sinnvollen Alternativtext, wähle es im Bildblock und prüfe den Bildausschnitt.
- Kontrolliere Titel und Beschreibung für Suchmaschinen. Eine Beschreibung fasst den konkreten Seiteninhalt zusammen; wiederhole nicht auf allen Seiten dieselbe Zeile.
- Prüfe im Menü die Ziele für Start, Speisekarte und Kontakt. Interne Links sollen den richtigen Eintrag ansprechen. Öffne jeden Link in der tatsächlichen Websiteausgabe.
- Kontrolliere Handy- und Desktopansicht. Speichere bewusst: Beim manuellen Speichern einer bereits veröffentlichten Seite verändert sich die öffentliche Ausgabe unmittelbar.
Deine Übung
Ersetze auf der Startseite einen Beispieltext und ein Bild. Entferne einen überflüssigen Menüpunkt und führe einen vollständigen Klickweg von Start über Speisekarte zu Kontakt aus.
Musterlösung und Erklärung
Eine geeignete Einleitung lautet etwa „Frühstück, Kaffee und Kuchen im Café Morgen. Hier findest du unser aktuelles Angebot und die Öffnungszeiten.“ Sie nennt weder unbelegte Auszeichnungen noch erfundene Herkunftsversprechen.
Ein Bild mit sichtbarem Frühstück könnte den Alternativtext „Frühstück mit Brot, Obst und Kaffee auf einem Tisch“ tragen. Ein dekoratives Bild erhält keinen werblichen Alternativtext. Nach dem Speichern wird die Ausgabe erneut geladen; alle drei Menüziele führen ohne Umweg zur passenden Seite.
So prüfst du dein Ergebnis
- Keine unabsichtlichen Beispielnamen, Preise oder fremden Logos sind sichtbar.
- Bilder werden tatsächlich geladen und besitzen passende Textalternativen.
- Jeder sichtbare Menülink wurde auf Desktop und schmalem Bildschirm geöffnet.