Vorschau - Arbeitsblätter - interaktive HTML-Seite Rezept: Einführung HTML, CSS und JS - Deckblatt
Vorschau - Arbeitsblätter - interaktive HTML-Seite Rezept: Einführung HTML, CSS und JS - Seite 1
Vorschau - Arbeitsblätter - interaktive HTML-Seite Rezept: Einführung HTML, CSS und JS - Seite 2
Vorschau - Arbeitsblätter - interaktive HTML-Seite Rezept: Einführung HTML, CSS und JS - Seite 3
Arbeitsblätter - interaktive HTML-Seite Rezept: Einführung HTML, CSS und JS - mathetoolbar - Deckblatt
arrow-rightarrow-right

Beschreibung

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.

interaktive HTML-Seite Rezept: Einführung HTML, CSS und JS

1,99 €
Produktdetails
  • Klassenstufe:
    10. Klasse
  • Umfang:
    10 Seiten
  • Materialtyp:
    Arbeitsblätter
  • Format:
    PDF, DOCX, PNG

Bewertungen und Kommentare

Dieses Material wurde noch nicht bewertet.
Bitte melde dich an, um einen Kommentar zu hinterlassen.
Bitte beachte auch unsere Datenschutzbestimmungen.
figure 1figure 2
...
Autor*in seit 2021
41 Materialien
4835 Follower
35 Following