Webseiten erstellen mit HTML und CSS [KSR Wiki]

Diese Seite ist nicht editierbar. Du kannst den Quelltext sehen, jedoch nicht verändern. Kontaktiere den Administrator, wenn du glaubst, dass hier ein Fehler vorliegt.

===== 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. 

++++ 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, Inline-Elment, Attribut erklären und korrekt verwenden.
   * 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, Attribut, Wert erklären und korrekt verwenden.
   * Ich kann in CSS nebst Elementen auch Klassen oder IDs auswählen und gestalten. 
++++

=== HTML ===
  * [[gf_informatik:web:html|Theorie]]
  * [[gf_informatik:web:uebungen#auftrag1|Auftrag 1]]
  * [[gf_informatik:web:uebungen#auftrag2|Auftrag 2]]

=== CSS ===

  * [[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]]

=== Advanced ===
  * [[gf_informatik:web:gridlayout]]
  * [[gf_informatik:web:js]]
  * [[gf_informatik:web:advanced]]