Einführung in HTML, CSS und JavaScript Einführung in HTML, CSS und JavaScript

Ziel:

• Erstelle eine einfache Webseite mit HTML über ein Rezept.
• Gestalte die Webseite ansprechend mit CSS.
• Füge interaktiven Code ein, der die Rezeptzutaten je nach Anzahl der Personen anpasst.

Ablauf:

1-2 Stunden (Einführung HTML):

• Kennenlernen der grundlegenden HTML-Befehle für Überschriften, Absätze, Listen, Bilder und Links.
• Erstellung einer Webseite zu einem Rezept (Kartoffelpuffer).

1-2 Stunden (Formatierung mit CSS):

• Kennenlernen einiger CSS-Befehle.
• Gestaltung der Seite mit Farben, Schriftgrößen und -arten sowie Abständen.

1-2 Stunden (Eingabefelder und Programmierung):

• Einfügen und Formatieren eines Eingabefeldes.
• Benennung der passenden Textfelder (Mengeneingaben des Rezepts).
• Einfügen des Codes.
• Test der interaktiven Elemente.

Wichtige Lernziele:

• Verständnis der grundlegenden HTML-Struktur und -Befehle.
• Fähigkeit, CSS zur Gestaltung von Webseiten zu nutzen.
• Kompetenz in der Anwendung von JavaScript zur Interaktivität.
• Erstellung einer funktionalen Webseite, die auf Benutzereingaben reagiert.

Materialien:

Das Material enthält Schritt-für-Schritt-Anleitungen und alle für das Verständnis nötigen Informationen.