Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:web_gra:websites [2025-02-03 20:49] – gra
+++ gf_informatik:web_gra:websites [2025-03-17 20:32] (aktuell) – [Webseiten erstellen mit HTML und CSS] gra
@@ Zeile 2: / Zeile 2: @@
 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.
-<nodisp 2>
+++++ Lernziele:|
+   * Ich kann eine einfache Webseite mit HTML erstellen – mit korrekter Grundstruktur aus head und body.
-++++ Lernziele AKTUALISIEREN|
+   * 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, Inline-Elment, Attribut erklären und korrekt verwenden.
-Du kannst...
+   * Ich kann HTML-Elemente mit Klassen oder IDs versehen.
-   * ...eine einfache Webseite mit HTML erstellen.
+   * Ich kann eine einfache Webseite mit CSS gestalten.
-   * ...eine einfache Webseite mit CSS gestalten.
+   * Ich kann die wichtigsten CSS-Eigenschaften zu Text-Gestalt und Text-Farbe und Hintergrundfarbe korrekt verwenden.
-   * ...HTML & CSS Code korrigieren.
+   * Ich kann die wichtigsten CSS-Eigenschaften zu Abständen und Rändern (padding, border, margin) korrekt verwenden.
-   * ...HTML-Begriffe wie Tag, Blockelement, Inline-Elment, Attribut erklären;
+   * Ich kann fehlerhaften HTML- & CSS-Code korrigieren.
-   * ...CSS-Begriffe wie Selektor, Formatierungsregel, Attribut, Wert erklären.
+   * Ich kann CSS-Begriffe wie Selektor, Formatierungsregel, Attribut, Wert erklären und korrekt verwenden.
+   * Ich kann in CSS nebst Elementen auch Klassen oder IDs auswählen und gestalten.
 ++++
-</nodisp>
 === HTML ===
@@ Zeile 25: / Zeile 24: @@
   * [[gf_informatik:web:css|Theorie]]
   * [[gf_informatik:web:uebungen#auftrag3|Auftrag 3]]
+  * [[gf_informatik:web:uebungen#auftrag_4_neo_am_scheideweg|Auftrag 4]]
+=== Projekt ===
   * [[gf_informatik:web:cv_project]]