ÜbungsAufgabe Python & Flask

Anwendung von Flask

Aufgabenstellung

Erstellen einer einfachen Web-Seite mit Flask

Erstellen Sie eine einfache HTML-Seite mit Flask und gestalten Sie diese anschließend mit CSS. Die Seite soll einen Titel, eine Überschrift, Text und ein Bild enthalten.

Recherchieren Sie hierfür vorher zu Flask sowie den Möglichkeiten, die Frameworks wie Flask, oder Django bieten.

Anforderungen:

  1. Erstellen Sie ein neues Flask-Projekt und richten Sie die grundlegende Ordnerstruktur ein.
    • Hierfür ist Flask in Python zu installieren
  2. Erstellen Sie eine HTML-Datei mit dem Namen „index.html“, die die folgenden Elemente enthält:
    • Einen Titel, der den Namen der Seite zeigt.
    • Eine Überschrift (z.B., „Willkommen auf meiner Webseite“).
    • Etwas Text (z.B., eine kurze Beschreibung oder einen Absatz über ein beliebiges Thema).
    • Ein Bild (Sie können ein beliebiges Bild verwenden oder ein Platzhalterbild aus dem Internet einbinden).
  3. Richten Sie Flask so ein, dass die HTML-Datei gerendert und auf dem lokalen Entwicklungsserver angezeigt wird.
  4. Verwenden Sie CSS, um das Aussehen der Seite anzupassen. Mindestens die folgenden CSS-Stile sollten angewendet werden:
    • Hintergrundfarbe für den gesamten Seitenkörper.
    • Schriftgröße und -farbe für den Text.
    • Rand um das Bild.
    • Einen Rahmen um die Überschrift.

Zeitrahmen:

2-3 Unterrichtseinheiten

Benotungskriterien: Die Projekte werden anhand der folgenden Kriterien bewertet:

  • Erfüllung der Anforderungen.
  • Kreativität bei der Gestaltung der Seite.
  • Die Verwendung von Flask, HTML und CSS-Grundlagen.