Kurs:Webdesign/CSS
Schnelldurchlauf
[Bearbeiten]- Laden Sie die ZIP-Datei css-uebungen.zip herunter. Packen Sie die Dateien so aus, dass ein Ordner rezepte entsteht.
- Betrachten Sie die Webseiten, beginnend mit rezepte\index.html. Die Webseiten verwenden ein gemeinsames Stylesheet.
- Verändern Sie das Stylesheet so. Erzeugen Sie folgende Formatierungen (sie brauchen nur 4 von den 6 wirklich machen und bekommen trotzdem alle punkte) siehe selfhtml (link neu!):
- Alle Absätze im Blocksatz
- In den Listen soll statt des "fetten Punktes" ein Bild als Listenpunkt verwendet werden (gif oder jpg ist egal)
- Schriftart für die Überschriften h1 bis h3 auf Verdana stellen (geben Sie nicht nur eine Schriftart an, sondern eine Liste von Schriften. Stellen Sie diese Liste so zusammen, dass auch auf Macs und UNIX-Maschienen eine ähnliche Schrift verwendet wird)
- Die erste Zeile aller Absätze soll eingezogen (englisch: indent) sein
- Links sollten nicht unterstrichen sein
- Links sollen gelb hinterlegt werden, wenn man mit der Maus drüberfährt (:hover)
Übung zum Formatieren von Text via CSS
[Bearbeiten]
Bitte verwenden Sie die beigefügten Unterlagen!
Informationen zum Formatieren via CSS finden Sie im Wikibook [[[b:Handbuch_Webdesign:_CSS#CSS|HandbuchWebdesign]]]
Ausgangsmaterial
[Bearbeiten]der Rohtext
[Bearbeiten]Gardasee
Der Gardasee mit seinen hohen Bergen ist ein ideales Fahrrad-Revier
Man kann sich bei jeder Fahrt aussuchen, ob man auf flacher Strecke den See entlang fahren oder aber hoch in die Berge klettern möchte
Hier ein paar Eindrücke aus unserem letzten Urlaub
In San Zeno gibt es einen sehr schönen Brunnen, der dem heiligen Franz von Asisi geweiht ist
An vielen Stellen führt der Weg durch Olivenhaine mit teilweise uralten Bäumen
Fährt man etwas ins Hinterland, begegnet man kaum noch Touristen
Der Gardasee ist bequem von Deutschland und Österreich mit dem Zug zu erreichen! Es fahren stündlich Eurocity-Züge bis Verona – von dort sind es dann noch ca. 30km mit dem Fahrrad…
© Matthias Edler-Golla
Die verwendeten Bilder
[Bearbeiten]diese wurden von Megolla fotografiert…
