Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:snr:informatik:glf25 [2026/03/24 19:19] – [4. Webprojekt: Webseiten erstellen mit HTML und CSS] Olaf Schnürer
+++ lehrkraefte:snr:informatik:glf25 [2026/03/25 06:53] (current) – [3. Webprojekt: Webseiten erstellen mit HTML und CSS] Olaf Schnürer
@@ Line 35: / Line 35: @@
 ====== Informatik 2. Klassen, Schuljahr 2025/26, 2cNP, 2gNP ======
+====== 3. Webprojekt: Webseiten erstellen mit HTML und CSS ======
+<!--
+''https://ofi.tech-lab.ch/2025''
+-->
+  * Abgabetermin und Anforderungen: erscheinen bald (Struktur der Dateien muss stimmen, damit nicht blind von der KI-generiertes reinkopiert wird)
+<!--  * [[lehrkraefte:snr:informatik:glf24:abgabe-webprojekt|Abgabe des Webprojekts inklusive Abgabetermin und Anforderungen]]
+-->
+Das Ziel ist, dass du eine Website (= mehrere, thematisch zusammengehörende Webseiten) erstellst, die dann lokal im Schulnetz für alle zugänglich ist. Am Ende der Projektphase stellst du deine Website in der Klasse in einer kurzen Präsentation vor.((Code aus dem Internet und KI dürfen verwendet werden (bei grösseren Codefragmenten mit Quellenangabe), jedoch musst du in der Lage sein, mir deinen Code zu erklären (im Zweifelsfall Zeile für Zeile).))
+<!--
+  * 3.0: [[lehrkraefte:snr:informatik:glf23:webseiten-allgemein|Allgemeines zu Webseiten]]
+-->
+  * 3.1 (1 Doppellektion): [[lehrkraefte:snr:informatik:glf23:html|Einführung in HTML]]
+  * 3.2 (1 Doppellektion): [[lehrkraefte:snr:informatik:glf23:css|Einführung in CSS]]
+  * 3.3 [[lehrkraefte:snr:informatik:glf23:html-css:filezilla|Hochladen der Website auf den Tech-Lab-Server]]
+    * Nach dem erfolgreichen Hochladen findest du deine Website via ''https://ofi.tech-lab.ch/2026''. (Wenn Veränderungen nicht sofort sichtbar werden: ''Ctrl+Shift+r'' für "hard refresh".)
+  * 3.4 [[lehrkraefte:snr:informatik:glf22:html-css:projekt-anregungen|Anregungen für die Projektphase]]
+<!--
+Bemerkungen für nächstes Mal (auskommentiert):
+Bootstrap anschauen?
+Mal ganzes Beispiel von W3schools durchschauen.
+In 2dNP: Erkläre, wie man Dateien auf Tech-Lab-Server spielt.
+in anderen beiden Klassen: bisschen weiter machen mit HTML.
+Vor CSS: Erkläre, dass auf W3-schools und im Internet oft alles per "style" (und "script" für Javascript) im html-File. (Teste, ob JavaScript wirklich nur per Live-Server geht.) Beispiel vormachen, wie man das in drei Dateien aufdröselt. Erstmal mit 2 Dateien, zum Beispiel css grid!
+z.B. Sidebar from w3-schools!
+VSCode: Click auf Explorer-Icon to hide/show left bar
+Grundgerüst per Hot-Key
+alle HTML-Elemente per Auswahl!
+Nur ein Body pro Datei, nur ein head: Validator! (Browser sind grosszügig)
+  * [[lehrkraefte:snr:informatik:glf23:html-css:projekt|Projektphase]], {{:lehrkraefte:snr:informatik:glf22:html-css:ansagen-beginn-webprojekt.png?linkonly|Hinweise zu Projektbeginn}}
+  * [[lehrkraefte:snr:informatik:glf23:html-css:projekt-anregungen|Anregungen für die Projektphase]]
+-->
 ===== 2. Bits and Bytes =====
@@ Line 153: / Line 202: @@
 -->
-====== 4. Webprojekt: Webseiten erstellen mit HTML und CSS ======
-''https://ofi.tech-lab.ch/2025''
-  * Abgabetermin und Anforderungen: erscheinen bald
-<!--  * [[lehrkraefte:snr:informatik:glf24:abgabe-webprojekt|Abgabe des Webprojekts inklusive Abgabetermin und Anforderungen]]
--->
-Das Ziel ist, dass du eine Website (= mehrere, thematisch zusammengehörende Webseiten) erstellst, die dann lokal im Schulnetz für alle zugänglich ist. Am Ende der Projektphase stellst du deine Website in der Klasse in einer kurzen Präsentation vor.((Code aus dem Internet und KI dürfen verwendet werden (bei grösseren Codefragmenten mit Quellenangabe), jedoch musst du in der Lage sein, mir deinen Code zu erklären (im Zweifelsfall Zeile für Zeile).))
-  * 4.0: [[lehrkraefte:snr:informatik:glf23:webseiten-allgemein|Allgemeines zu Webseiten]]
-  * 4.1 (1 Doppellektion): [[lehrkraefte:snr:informatik:glf23:html|Einführung in HTML]]
-  * 4.2 (1 Doppellektion): [[lehrkraefte:snr:informatik:glf23:css|Einführung in CSS]]
-  * 4.3 [[lehrkraefte:snr:informatik:glf23:html-css:filezilla|Hochladen der Website auf den Tech-Lab-Server]]
-    * Nach dem erfolgreichen Hochladen findest du deine Website via ''https://ofi.tech-lab.ch/2026''. (Wenn Veränderungen nicht sofort sichtbar werden: ''Ctrl+Shift+r'' für "hard refresh".)
-  * 4.4 [[lehrkraefte:snr:informatik:glf22:html-css:projekt-anregungen|Anregungen für die Projektphase]]
-<!--
-Bemerkungen für nächstes Mal (auskommentiert):
-Bootstrap anschauen?
-Mal ganzes Beispiel von W3schools durchschauen.
-In 2dNP: Erkläre, wie man Dateien auf Tech-Lab-Server spielt.
-in anderen beiden Klassen: bisschen weiter machen mit HTML.
-Vor CSS: Erkläre, dass auf W3-schools und im Internet oft alles per "style" (und "script" für Javascript) im html-File. (Teste, ob JavaScript wirklich nur per Live-Server geht.) Beispiel vormachen, wie man das in drei Dateien aufdröselt. Erstmal mit 2 Dateien, zum Beispiel css grid!
-z.B. Sidebar from w3-schools!
-VSCode: Click auf Explorer-Icon to hide/show left bar
-Grundgerüst per Hot-Key
-alle HTML-Elemente per Auswahl!
-Nur ein Body pro Datei, nur ein head: Validator! (Browser sind grosszügig)
-  * [[lehrkraefte:snr:informatik:glf23:html-css:projekt|Projektphase]], {{:lehrkraefte:snr:informatik:glf22:html-css:ansagen-beginn-webprojekt.png?linkonly|Hinweise zu Projektbeginn}}
-  * [[lehrkraefte:snr:informatik:glf23:html-css:projekt-anregungen|Anregungen für die Projektphase]]
--->