🎄Willkommen zum 7. Türchen 🎄

– Eine Navigation bauen –

Hallo Moritz!
Heute machen wir deine Webseite richtig „erwachsen“ 😎 – denn wir bauen eine Navigation.
Eine Navigation ist ein Menü mit links, mit denen man zwischen verschiedenen Seiten wechseln kann. So wie bei großen Webseiten!

📝 Deine Aufgabe heute:

Du erstellst eine zweite Webseite für Neujahr und baust oben auf deiner Seite ein kleines Menü ein.

Schritt-für-Schritt-Anleitung

Schritt 1 – Neue Seite für Neujahr erstellen

Erstellen der css Datei

1. Öffne deinen Projektordner
   moritz-weihnachtsseite
2. Erstelle eine neue Datei und nenne sie
   neujahr.html
3. Öffne diese neue Datei und schreibe diesen Text hinein:

<h1>Frohes neues Jahr!</h1> <p>Ich wünsche euch ein glückliches, gesundes neues Jahr! 🍀🎆</p>

4. Speichere die Datei.

Schritt 2 – Navigation in die Weihnachtsseite einbauen

1. Öffne deine Datei
   index.html
2. Suche die Stelle unter deiner Überschrift.
3. Schreibe dort diesen Text hinein:

<nav> <a href="index.html">Weihnachten</a> | <a href="neujahr.html">Neujahr</a> </nav>

4. Speichere die Datei.

Schritt 3 – Navigation auch in die Neujahrsseite einbauen

1. Öffne deine Datei
   neujahr.html
2. Suche die Stelle unter deiner Überschrift.
3. Schreibe dort diesen Text hinein:

<nav> <a href="index.html">Weihnachten</a> | <a href="neujahr.html">Neujahr</a> </nav>

🎉 Jetzt testen wir die Änderung!

Wenn du deine Webseite neu im Browser öffnest, dann:

• Klicke auf den Link „Neujahr“
• Du solltest jetzt auf deiner neuen Seite „Neujahr“ landen
• Der Link „Weihnachten“ bringt dich wieder zurück

Wow! Du hast gerade zwei Webseiten miteinander verbunden – das ist echtes Internet-Wissen! 🚀

🎯 Tagesziel erreicht

• Du hast eine zweite Webseite gebaut
• Du hast Seiten miteinander verlinkt
• Deine Webseite hat jetzt ein richtiges Menü

🎁 Morgen geht es weiter:

Dann verbessern wir das Menü mit Farben und Abstand – damit es richtig schick aussieht!