Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:web_sca:websites [2025-03-18 08:31] – [Auftrag im Detail] sca
+++ gf_informatik:web_sca:websites [2025-04-28 11:44] (aktuell) – [Kriterien] sca
@@ Zeile 1: / Zeile 1: @@
 ====== - Websites ======
+<nodisp 2>
+++++Änderungen für 2026/27|
+   * HTML / CSS etwas ausbauen vor dem Website Projekt
+     * id/class offiziell einbauen
+     * Flexbox
+++++
+</nodisp>
 ++++Lernziele|
@@ Zeile 12: / Zeile 22: @@
    * Wissen, wofür **CSS** steht und wozu man es benötigt.
    * Die Fachbegriffe von CSS kennen.
-   * Mithilfe der wichtigsten CSS-Befehle eine Website stylen können.
+   * Mithilfe der wichtigsten CSS-Befehle eine Website stylen können:
-   * Mithilfe von `id` und `class` einzelne resp. ausgewählte Elemente stylen.
+     * Hintergrundfarbe
+     * Schriftfarbe
+     * Schriftart und Schriftgrösse
+     * Ränder
+     * Abstände
+     * Grösse von Bild
+   * Mithilfe von `id` oder `class` einzelne resp. ausgewählte Elemente stylen.
 ++++
@@ Zeile 360: / Zeile 376: @@
    * Startseite muss `index.html` heissen.
    * Alle Dateien der Website befinden sich im gleichen Ordner. Keine Unterordner!
-   * Darf keine absoluten Pfade enthalten. Korrekt: `<img src="my_image.png">` (relativer Pfad), Falsch: `<img src="C:\Benutzer\Fritz\Schule\Informatik\Web\Rezept\my_image.png">` (absoluter Pfad).
+   * Darf **keine absoluten Pfade** enthalten. Korrekt: `<img src="my_image.png">` (relativer Pfad), Falsch: `<img src="C:\Benutzer\Fritz\Schule\Informatik\Web\Rezept\my_image.png">` (absoluter Pfad).
+   * **Keine Umlaute und Leerschläge in Filenamen:** Achte darauf, dass in Filenamen z.B. von Bildern ja *keine* Leerschläge und Umlaute wie ä,ö,ü vorkommen! Benenne deshalb das Bild `Der König.jpg` um in `der_koenig.jpg`.
 === Bewertung ===
@@ Zeile 439: / Zeile 456: @@
 if (x > 0) {
     console.log("Zahl positiv");
-} else if (x == 0) {
+} else if (x === 0) {
     console.log("Zahl Null");
 } else {
@@ Zeile 519: / Zeile 536: @@
    * Erstelle im JavaScript-Code eine Variable, z.B. `counter`, die zählt, wie oft man bereits geklickt hat.
    * Erstelle im HTML einen Button.
-   * Über den Even `onclick` (ganz ähnlich wie `onchange` beim SBS) wird beim Klicken auf den Button ...
+   * Über den Event `onclick` (ganz ähnlich wie `onchange` beim SBS) wird beim Klicken auf den Button ...
    * ... eine Funktion im JavaScript-Code aufgerufen, die die Variable `counter` um $1$ erhöht.
    * Vergesse auch nicht, den `counter` anzuzeigen.