Dein erstes großes Projekt wartet auf dich – du hast den Auftrag bekommen die Homepage der SchulBar zu erstellen.
Das Projekt wurde bereits vor einiger Zeit von der Redaktionsgruppe begonnen. Die Aufgabe der Redaktion war es die Texte zu erstellen, Fotos anzufertigen und die Struktur der Seite festzulegen.
Diese Ergebnisse werden nun an dich, der Designabteilung, weitergeben. Deine Aufgabe ist es nun, der Seite den nötigen „Style“ zu geben. Dazu hast du bereits einige Werkzeuge in diesem Kapitel kennen gelernt.
Mache dich zuerst einmal mit dem Arbeitsergebnis der Redaktion vertraut.
Das Arbeitsergebnis findest du in der folgenden zip-Datei.
Wichtig! Erstelle dir in deinem html_Verzeichnis dein Arbeitsverzeichnis für dieses Projekt, z.B. MeineSchulbar.
Entpackt die Datei in deinem Arbeitsverzeichnis MeineSchulbar.
Mit Rechtsklick auf die Datei wählst du „Hier entpacken“.
Wichtig!
Mache dich mit dem Inhalt und der Struktur der Seite vertraut.
Welche Überschriften gibt es, welche Schriftart wird verwendet, welche Unterseiten gibt es, usw.
Wenn du dich gut in dem Code zurecht findest, ist es an der Zeit der Bar nun mehr Style zu geben.
Einige Überlegungen solltest du zuvor machen.
- welche Hintergrundfarbe
- welche Schriftart, -größe und -farbe
- welche Überschriften, unterstrichen, wie groß
Achja, man munkelt, dass der Projektmanager ein zweites Designteam beauftragt hat. Streng dich also an, damit du deinen Job behälst 🙂
Und nun gehts los. Nenne deine Styledatei bar.css und speichere sie im gleichen Verzeichnis wie bar.html.
Viel Erfolg!
Beachte: wenn die drei Dateien auf einer css-Datei aufbauen und alles aus einem harmonisch aussieht, kannst du den Ordner packen und über iserv abgeben ( Aufgabe Projekt bar).
Für die Fortführung des Projektes bitte beim Lehrer melden!
TIPP! Wenn es um Farbe geht
Farbpalette von Canva oder Adobe Farbrad
Schreibe einen Kommentar