Skip to content

Latest commit

 

History

History
68 lines (45 loc) · 3.16 KB

uebung_06.md

File metadata and controls

68 lines (45 loc) · 3.16 KB
Raw

Übung 6

Erstelle eine kleine Website über Alben einer Band

Anweisung

  • Wähle eine Band mit mindestens vier veröffentlichten Alben und mindestens zwei Mitgliedern aus.
  • Sammle dazu ein wenig Information, wie die Namen der Bandmitglieder und etwas Hintergrund. Dafür kannst du die Bandhomepage, Wikipedia oder zB. Seiten von Amazon nutzen. Notiere allerdings zu jeder Information die Quelle.
  • Finde von mindestens vier (freiwillig: mehr!) ihrer Alben den Titel, die Tracklist und das Cover.
  • Sammle und organisiere den Fliesstext.
  • Erstelle einen neuen Ordner uebung_6 und lege darin die HTML-Dateien index.html und diskografie.html an. (Alternativ kannst du auch für jedes Album eine eigene Unterseite anlegen.)
  • Erstelle darin das HTML-Grundgerüst mit Doctype, UTF-8 Charset und richtig verschachtelten <html>, <head> und <body> Tags.

Die Indexseite soll beinhalten:

  • Bandname
  • Hintergrundinformation
  • Liste der Bandmitglieder (<ul>)
  • Dreispaltige Tabelle mit Albumcover, Titel und Erscheinungsjahr
  • Quellenangaben

Die Diskografieseite soll für jedes Album beinhalten:

  • <div> Element als Container für die folgenden Informationen:
  • Albumtitel
  • Albumcover
  • Geordnete Liste der Tracks/Stücke (<ol>, optional statt der Liste eine Tabelle mit mehr Information)
  • Link zur Indexseite
  • Validiere dein Dokument und korrigiere Fehler unter validator.w3.org. Verwende am besten "Direct Input" als Eingabemethode und füge deinen Code per Copy & Paste ein.
  • Prüfe deine Seite im Browser deiner Wahl.

Hinweise zu Bildern:

Lade dir für dieses Projekt einige Bilder aus dem Web herunter. Gute Anlaufpunkte zB. für Albencover sind Wikipedia und Amazon, sowie die Google-Bildersuche (siehe Referenzen).

Speichere deine Bilder in einen Unterordner images und denke daran, keine Großschreibung, Umlaute oder Sonderzeichen bei der Benennung der Dateien zu verwenden; sie sollten so aussehen: album_name.jpg

Lege im Grafikprogramm deiner Wahl (siehe Referenzen) alle Bilder in der gleichen Größe an, zB. 500×500 Pixel. Erzeuge auch Vorschaubilder (=thumbnails) in der Größe 100×100 Pixel.

Benutze in Photoshop stets „Für Web speichern“ (=save for web and devices) und sichere als JPG in einer Qualität zwischen 50 und 90.

Vergiss nicht, deinen <img> Tags Attribute für Höhe und Breite zuzuweisen (width und height)

Dauer und Abgabe

Die veranschlagte Bearbeitungszeit für diese Aufgabe beträgt 7 Tage, bis zur nächsten Kursstunde.
Die Abgabe dieser Aufgabe ist nicht vorgesehen und dient lediglich deiner eigenen Übung.

Referenzen und weiterführende Links

Elemente

Bild- und Infosuche

Programme