• Eingangsseite
• Drei Unterseiten: z.B. Vorspeise, Hauptspeise, Dessert
• Die Seiten sind untereinander verlinkt
• Die Seiten beinhalten ein Hintergrundbild
• CSS Dateien und Bilder in eigenen Unterordnern
• Bei Funpic hochgeladen
• Mindestens ein Bild ist ein Link
• Was braucht jede Seite???

—-

• E-Mail Link
• Schaltfläche → Hallo
• zweite CSS Datei

Achtung: Ihr dürft nur Bilder verwenden, die frei verfügbar sind und bei denen es ausdrücklich erlaubt ist, dass sie von euch veröffentlicht werden dürfen!!!

• Hussein A.: http://minelikeagenius.funpic.de/
• Maximilian D.: http://maxideri.funpic.de/
• Etienne D.: http://etienned.funpic.de/
• David E.: http://rc-modellbau.funpic.de
• Christoph G.: http://funny28.funpic.de/
• Johannes K. : http://johakard.funpic.de/Startseite/START.html
• Samuel K.: http://samuklar.funpic.de/
• Lars L.:http://lambertlars.funpic.de/
• Seli N.:
• Nils O.:http://nilsoschee.funpic.de
• Efdal Ö.: http://minelikeageniius.funpic.de/
• Lukas R.: http://lukasrammefanger.funpic.de/
• Noah S.:
• William S.: http://ichwarsnicht38.de/
• Michelle T.: http://michelletheuring.funpic.de/
• William T.: http://willtran.funpic.de/
• Pascal V.: http://modellflugzeuge.funpic.de/
• Florian U.:
• Sebastian W. : http://sebastianwerling.funpic.de/
• Simon Z.: http://simon99za.funpic.de/

• Erstelle einen Ornder uebung_datum
• Erstelle eine Seite, die deinen Namen trägt: z.B. sab.html
• Erstelle zwei css Dateien, die deinen Namen tragen: sab_1.css und sab_2.css
• Gib in beiden css Dateien eine andere Hintergrundfarbe für den body an.
• Verlinke beide miteinander und zwar so, dass der Nutzer das Stylsheet aussuchen kann
• Erstelle eine Speisekarte incl. Bilder und formatiere sie mit Hilfe der Stylesheets auf 2 unterschiedliche Arten.
• Die Speisekarte muss vier verschiedene Gerichte enthalten. Jedes Gericht enthält einen kurzen beschreibenden Text.

Entwickle Block 1 weiter, versuche so nah wie möglich an folgende Speisekarte heranzukommen.
Die Formatierung erfolgt nur über CSS.



Kleines Filmchen

Schreibe folgende Formatierungen in dein Heft und sieh dir die Beispiele bei http://www.css4you.de an:
In den Lösungen taucht stellenweise die Maßeinheit em auf. Diese Einheit bezieht sich auf die Schriftgröße des Buchstabens M. Genaueres spielt für uns keine Rolle. Es besagt nur, ändert der User beim Betrachten die Schriftgröße, ändern sich mit em angegebene Werte mit. Somit bleibt das Schriftbild erhalten.

Schriftgröße: Lösung

Schriftstil (kursiv, normal): Lösung

Schriftgewicht (normal, fett, fetter, …): Lösung

Zeichenabstand: Lösung

Zeilenhöhe: Lösung

Horizontale Ausrichtung: Lösung

Textdekoration: Lösung

Texteinrückung: Lösung

es reicht, wenn du es für einen kompletten Rahmen notierst und weißt, dass oben, rechts, unten und links separat angesprochen werden können. Lösung

alles Lösung

alles Lösung

alles Lösung

Farbe
Bild incl. repeat: Lösung

Startseite > Programmieren > CSS > Aufgaben Cit