CSS: Projekt

Wir wollen nun unsere Startseite designen und wenden die ersten CSS-Regeln an.

Ziel(e)

• Ich kann eine Aufgabe nach Aufgabenstellung lösen.

• Ich komme selbständig zu den notwendigen Informationen.

Aufgabe

Erstelle eine leere CSS-Datei, lege sie am richtigen Ort ab und binde sie korrekt im HTML (extern) ein.

Definiere im CSS folgende HTML-Elemente:

Allgemein (über die ganze Seite)

• Schriftart Arial

Überschrift 1

• Schriftfarbe weiss

Link Allgemein

• Schriftfarbe schwarz

Navigation - Aufzählung

• Schriftgrösse: 20px

• Schriftschnitt: fett

• Alles in Grossbuchstaben

• Keine Aufzählungspunkte

• Nicht unterstrichen

Logo:

• Breite: 75 pixel

Fusszeile:

• Hintergrundfarbe: grün

• Schriftfarbe: weiss

• Links: weiss

Am Schluss sieht deine Datei aus, wie der Screenshot im Anhang mit der Bezeichnung «nach dieser Aufgabe».

Alles weitere Sichtbare (Abstände, Ausrichtungen, Hover…) etc. wird in der nächsten Aufgabe in Anwendung kommen.