Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:web_sca:website_projects [2023-01-09 13:42] – [Details Abgabe] sca
+++ gf_informatik:web_sca:website_projects [2023-01-18 12:27] (aktuell) – [Im Detail] sca
@@ Zeile 11: / Zeile 11: @@
     * Thema von LP absegnen lassen
     * auf //Papier//: Skizze von Website erstellen, welche Inhalte, wie angeordnet (Desktop- und Mobile-View)
-   * Wähle für deine Seite ein **Thema**, welches für deine Mitschüler:innen interessant ist. Z.B. Familienrezept(e), Blog zu einer spannenden Reise, Infoseite zu Thema, über das du viel weisst ...
+   * Wähle für deine Seite ein **Thema**, welches für deine Mitschüler:innen interessant ist. Z.B. Familienrezept(e), Blog zu einer spannenden Reise, Infoseite zu Thema, über das du viel weisst, einfaches Game mit JS ...
    * Erstelle Website komplett **'from scratch'** in VSCode und ohne Verwendung irgendwelcher Hilfssoftware.
    * Verwende ein **Grid-Layout**. Die Inhalte sollen für Desktop- und Mobile-View jeweils passend angeordnet werden
    * Style die Website mit einem **CSS-File**. Die Seite soll ordentlich (und einigermassen zeitgemäss) aussehen. Investiere aber nicht zu viel Zeit ins stylen, der Inhalt ist wichtiger!
    * **Abgabe:**
-    * Bis **Mi 23.01.2023 @23.59**
+    * Bis **Fr 20.01.2023 @23.59**
+    * Stelle sicher, dass deine Website einen **vernünftigen Titel** hat: `<title>...</title>`
     * Erstelle richtig benannten Ordner, der alle benötigten Dateien beinhaltet (siehe "Details Abgabe" unten). Mache aus diesem Ordner ein Zip-File ...
     * ... und gebe es über Abgabe in Teams ab.
@@ Zeile 35: / Zeile 36: @@
      * angrydog.jpg
+=== HTML & CSS ===
+[[gf_informatik:web_sca:websites|]]
 === Optional: JavaScript ===
@@ Zeile 40: / Zeile 45: @@
 JavaScript ist DIE Sprache im Web und die aktuell am weitesten verbreite Programmiersprache überhaupt. Falls du möchtest, kannst du in deiner Website auch JavaScript integrieren.
+Hier ein Template mit einem einfachen Beispiel:
+{{ :gf_informatik:web_sca:html_mit_js_template.zip |}}
+**Beispiel für JS:** Rezept, bei dem man Anzahl Personen eingeben kann. Mithilfe von JavaScript werden Mengenangaben berechnet und angezeigt.
+**Links:**
+   * https://www.w3schools.com/js/