Webseite Gymnasium Münchestein
Die Webseite des Gymnasiums ist in Code geschrieben. Die Sprache heisst HTML und CSS. Dieser Auftrag gibt einen kleinen Einblick in die Welt des Programmieren / Coden
Hier ist eine konkrete Aufgabe, die auf die Webseite https://gymmuenchenstein.ch zugeschnitten ist.
Diese Aufgabe führt Sie durch grundlegende Techniken der Webanalyse und gibt Ihnen erste praktische Erfahrungen im Umgang mit HTML und CSS.
Aufgabe 1
Besuchen Sie die Webseite https://gymmuenchenstein.ch.
Frage: Welche Farbwerte (Rot, Gelb, Blau) finden Sie auf der Startseite?
💡 Tipp: Verwenden Sie das Entwicklerwerkzeug Ihres Browsers (Rechtsklick → „Untersuchen“), um Hex-Farbcodes wie #ff0000 zu finden.
Aufgabe 2
Finden Sie die URL des Hauptbildes auf der Startseite.
💡 Tipp: Rechtsklicken Sie auf das Bild → „Untersuchen“. Die URL steht im src-Attribut des <img>-Tags.
Aufgabe 3
Ändern Sie die Hintergrundfarbe der Webseite auf Pink (#ff69b4).
💡 Tipp: Wählen Sie im Entwicklerwerkzeug das <body>-Tag und ändern Sie background-color auf #ff69b4.
Aufgabe 4
Untersuchen Sie eine Hauptüberschrift (z. B. <h1>).
Frage: Welche Schriftart (font-family) und Schriftgrösse (font-size) wird verwendet?
Aufgabe 5
Finden Sie die URL für den Menüplan der aktuellen Kalenderwoche
💡 Tipp: Suchen Sie den Menüplan-Bereich auf der Webseite und untersuchen Sie den Link (href-Attribut). Oder noch einfach den Mauszeiger auf dem Link platzieren, dann wird die URL angezeigt
Zusatzaufgabe 1
Wie viele Links enthält das Hauptnavigationsmenü?
Frage: Notieren Sie die Textinhalte dieser Links.
💡 Tipp: Untersuchen Sie das <nav>- oder <ul>-Element im HTML-Baum.
Zusatzaufgabe 2
Finden Sie die URL des Logos (evtl. versteckt).