[09] 2017-06-19

In der heutigen Veranstaltung widmen wir uns dem Thema HTML-Tabellen.

Ziele

• INF1: Sie können Tabellen in HTML notieren.
• INF1: Sie können Tabellen mit CSS formatieren.
• INF2: Sie können Tabellen dynamisch mit Python erzeugen.

Geplante Inhalte und Ablauf

INF1

Sie erarbeiten sich die Grundlagen von HTML-Tabellen und kennen die notwendigen und fakultativen Elemente. Recherchieren Sie mit dem Lernmaterial, das Ihnen bekannt ist und setzen Sie eins der folgenden Beispiele in einem neuen HTML-Projekt um:

• Bestandsliste Tierheim
• Ergebnistabelle Sport
• Stammdatenliste fiktiver Personen
• Besetzungsliste eines Lieblingsfilms
• eigene Projektidee

Wie verhalten sich HTML-Tabellen in reaktionsfähigen Websites?

INF2

Sie erarbeiten sich die dynamische Generierung von HTML-Fragementen auf der Basis des Materials Tabellen und Bildergalerien in diesem Skript.

Setzen Sie eins der folgenden Beispiele so einfach und sparsam wie möglich um:

• Bildergalerie
• Einkaufsliste
• Blog
• Kalender

Auftrag

Setzen Sie die Arbeit an den Aufträgen eigenständig außerhalb der Veranstaltung fort. Stellen Sie das Ergebnis auf GitLab bereit.