Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Nächste Überarbeitung | Vorherige Überarbeitung | ||
| gf_informatik:web_gra:websites [2025-01-31 19:48] – angelegt gra | gf_informatik:web_gra:websites [2025-03-17 20:32] (aktuell) – [Webseiten erstellen mit HTML und CSS] gra | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| ===== Webseiten erstellen mit HTML und CSS ===== | ===== Webseiten erstellen mit HTML und CSS ===== | ||
| Auf folgenden Seiten lernst du die Sprachen HTML und CSS kennen. Damit erstellst du kleine Webseiten: Mit HTML kannst du die Inhalte einer Webseite strukturieren. Mit CSS kannst du das Aussehen einer Webseite gestalten. | Auf folgenden Seiten lernst du die Sprachen HTML und CSS kennen. Damit erstellst du kleine Webseiten: Mit HTML kannst du die Inhalte einer Webseite strukturieren. Mit CSS kannst du das Aussehen einer Webseite gestalten. | ||
| - | ++++Lernziele: | ||
| - | |||
| - | * tbd | ||
| - | * ... | ||
| + | ++++ Lernziele:| | ||
| + | * Ich kann eine einfache Webseite mit HTML erstellen – mit korrekter Grundstruktur aus head und body. | ||
| + | * Ich kann die wichtigsten html-Elemente (h1 bis h6, p, ul, ol, li, a, img, em, strong) korrekt verwenden. | ||
| + | * Ich kann HTML-Begriffe wie Start-Tag, End-Tag, Blockelement, | ||
| + | * Ich kann HTML-Elemente mit Klassen oder IDs versehen. | ||
| + | * Ich kann eine einfache Webseite mit CSS gestalten. | ||
| + | * Ich kann die wichtigsten CSS-Eigenschaften zu Text-Gestalt und Text-Farbe und Hintergrundfarbe korrekt verwenden. | ||
| + | * Ich kann die wichtigsten CSS-Eigenschaften zu Abständen und Rändern (padding, border, margin) korrekt verwenden. | ||
| + | * Ich kann fehlerhaften HTML- & CSS-Code korrigieren. | ||
| + | * Ich kann CSS-Begriffe wie Selektor, Formatierungsregel, | ||
| + | * Ich kann in CSS nebst Elementen auch Klassen oder IDs auswählen und gestalten. | ||
| ++++ | ++++ | ||
| + | |||
| === HTML === | === HTML === | ||
| * [[gf_informatik: | * [[gf_informatik: | ||
| Zeile 16: | Zeile 24: | ||
| * [[gf_informatik: | * [[gf_informatik: | ||
| * [[gf_informatik: | * [[gf_informatik: | ||
| + | * [[gf_informatik: | ||
| + | |||
| + | === Projekt === | ||
| * [[gf_informatik: | * [[gf_informatik: | ||