Übung 03 “Wintersport”

image_pdfimage_print

Übung 03 ist die erste Übung mit sinnvollem Inhalt, zum Thema Wintersport, und mit Fotos. Die Fotos und der Text können hier heruntergeladen werden: Materialien

  • Den lokalen Site-Ordner \uebung03 anlegen, ebenso den Foto-Ordner \fotos
  • Den Materialien_Ordner anlegen (uebung03_materialien) und die Materialien dowloaden und im Materialien-Ordner entpacken
  • Die Seite index.html erstellen
  • Die Seite alpin.html erstellen
  • Die Seite nordisch.thml erstellen
  • Bei allen drei Seiten passende Titel eintragen
  • Die Inhalte aus der Textdatei text_inhalt in die drei Seiten kopieren und die Formate zuweisen (sind in Klammern angegeben)
  • Unterhalb des Textes jeweils die Namen für die Links eintragen:
    Wintersport | Alpin | Nordisch
  • Die Verlinkung durchführen, Ziel ist jeweils _self

Die Fotos vorbereiten und einfügen

  • Die Fotos alpin.jpg, home.jpg und nordisch.jpg in Photoshop öffnen und ihre Größe reduzieren:
    Breite: 900 px
  • Die drei bearbeiteten Fotos im Ordner \fotos speichern
  • Zu DW wechseln und die index.html auswählen
  • Mauszeiger an den Anfang des ersten Absatzes stellen
  • Über Einfügen / Foto home.jpg einfügen, bei Alternativtext Wintersport eintragen
  • Speichern
  • Zu alpin.html wechseln und das Foto alpin.jpg einfügen
  • Zu nordisch.html wechseln und nordisch.jpg einfügen

Formatierungen

  • h1, h2 und p formatieren (nach eigenen Vorstellungen Schriftart, Größe und Farbe festlegen)
  • Die Hyperlinks formatieren:
    a
    a:visited
    a:hover

Schreibe einen Kommentar