~~NOTOC~~



====== Allgemeine Informationen zum Webprojekt ======

<!--
==== Abgabe der Website ====


  * 2fNP
    * Abgabe: möglichst nach der Doppellektion am 5. Juni, spätestens am Abend vor der Präsentation
    * Präsentation: 12. Juni
  * 2kW
    * Abgabe: möglichst nach der Doppellektion am 2. Juni, spätestens am Abend vor der Präsentation
    * Präsentation: 16. Juni (am 9. Juni ist Pfingstmontag)
-->
<!--  * Abgabetermin: 
    * möglichst direkt nach der Doppellektion in der ersten Juniwoche
    * spätester Abgabetermin zwei Tage vor der Präsentation um 23:59 Uhr
-->
 <!--voraussichtlich **Sonntag, 1. Juni 2025, 23:59 Uhr**-->
 <!-- * Präsentationstermin: erste Doppellektion nach erster Juniwoche-->


==== Empfehlung ====

  * Erstelle deine Website (inklusive aller zugehörigen Daten, etwa Bilder) ''in einem eigenen Verzeichnis'', dessen Inhalt du später auf den Tech-Lab-Server kopierst.
  * Sichere deine Website (Sicherheitskopie des entsprechenden Verzeichnisse), bevor du sie auf den Tech-Lab-Server kopierst (denn in Filezilla kann man leicht per Mausklick aus Versehen Dateien überschreiben).

==== Obligatorisch ====

  * Hochladen deiner Webseite auf den ofi Server: https://ofi.tech-lab.ch/2025/. Wie das geht, ist unter einem Link auf der Hauptseite erklärt.
    * Die Startseite muss ''index.html'' (genau so geschrieben) heissen.
    * Teste nach dem Hochladen, ob deine Seite wie gewünscht funktioniert. Z. B.: Werden alle Bilder gefunden und korrekt angezeigt? Funktionieren alle Links? Kannst du deine Website von einem anderen Computer (oder per Handy) anschauen, wenn du im Schulnetz bist?
  * Kurze Präsentation deiner Website in der Lektion (ca. 3 Minuten).
    * Während der Präsentation zeigst du alle Seiten deiner Website.
  <!--(Die .htaccess Datei darf beibehalten werden, die Seite muss nicht welt-öffentlich gemacht werden).
  * Eintrag in [[https://bldsg-my.sharepoint.com/:x:/g/personal/ivo_bloechliger_ksbg_ch/EaMFvvWJ6IRIlUbpSlGQTEQBCfZFBVSqbFFQeN_AVJOj2g?email=2hW%40ksbg.ch&e=ajpQk0|dieser Exceltabelle]].-->

==== Mindestanforderungen ====

  * Die Struktur der HTML- und CSS-Dateien muss stimmen (dies soll verhindern, dass Code ohne Verständnis zusammenkopiert wird). Zum Beispiel
    * Nur ein 'html'-Element, nur ein 'head'-Element, nur ein 'body'-Element. 
    * Die "Klammerung" der HTML-Elemente muss stimmen.
    * Alle längeren CSS-Abschnitte sind in einer CSS-Datei. (Nur sehr kurze CSS-Befehle sind in der HTML-Datei; diese Befehle sind am ''<style>''-Element erkennbar.)
  * mindestens 4 HTML-Dateien, die untereinander verlinkt sind.
    * eine dieser Seiten enthält Informationen zum Projekt: 
      * Quellen-Angabe:
        * Webseiten oder andere Quellen, von denen wesentlicher Code übernommen wurde;
        * Beschreibung, ob KI verwendet wurde; wenn ja, wie KI verwendet wurde;
        * welche sonstigen Hilfsmittel verwendet wurden; 
      * Bewertungsvorschlag (also eine konkrete Note).
  * mindestens 1 CSS-Datei, die von den HTML-Seiten eingebunden wird.
    * mindestens 5 Seitenelemente, die von der CSS-Datei formatiert werden.
  * mindestens 1 Link auf eine Seite einer Mitschülerin/eines Mitschülers
  * mindestens 1 Bild ist eingebunden (Vorder- oder Hintergrund, in html oder css).
  * Alle anklickbaren Elemente müssen deutlich erkennbar sein.


==== Nice to have ====

  * Anordnung der Webseiten-Elemente ist ansprechend.
  * Die Webseite ist farblich ansprechend gestaltet.
  * Der Inhalt ist interessant.
  * Andere Raffinessen bzw. Erweiterungen.
  * Verwendung von JavaScript (nicht jedes Detail des JavaScript-Codes muss verstanden sein).

==== Weiteres ====

  * Die Dateien sollten gut strukturiert und syntaktisch korrekt sein (zum Beispiel nur ein ''body''-Element; Test per HTML- und CSS-Validator). Chaotischer Code kann zu Abzüge führen (in der Regel entsteht solcher Code, wenn man ohne Verständnis Code aus dem Internet verwendet).
  * Du solltest in der Lage sein, deine HTML- und CSS-Dateien zu erklären. Empfehlung: Wenn du übernommenen Code wirklich verstehen willst: Experimentiere mit dem Code und schau dir an, wie sich Änderungen im Code auf die Seite auswirken.
  * Ehrlichkeit: Wenn wesentliche Code-Teile nicht von dir selbst geschrieben wurden, musst du die Quelle angeben. Sonst handelt es sich strenggenommen um ein Plagiat.
  * Der Inhalt deiner Website muss eines Kantischülers würdig sein.


==== Bewertung ====

  * Entscheidend für die Bewertung ist die Version deiner Website, die ich kurz nach der Abgabefrist auf dem Tech-Lab-Server vorfinde.
  * Ausserdem fliesst die Präsentation deiner Website in die Bewertung ein.
  * Wenn ich während der Projektphase berechtigte Zweifel daran habe, dass du dich ernsthaft mit dem Webprojekt beschäftigst, hat dies einen negativen Einfluss auf die Gesamt-Bewertung.
  * Wenn berechtigte Zweifel bestehen, dass der Code nicht im Wesentlichen verstanden wird (etwa wenn ich mir etwas erklären lasse), kann dies zu Abzügen führen.  
  * Die Bewertung hängt auch davon ab, welche Hilfsmittel verwendet wurden. Wenn jemand beispielsweise keine KI verwendet (wofür es sehr gute Gründe gibt, lerntechnisch und ökologisch), ist es vollkommen in Ordnung, wenn die Website nicht ganz so professionell daherkommt. 

==== Zur Verwendung von KI ====

  * Reflektierter, um Verständnis bemühter Umgang mit KI ist vermutlich empfehlenswert (abgesehen von ökologischen Aspekten (Energieverbrauch)). 
  * Dummer Einsatz von KI führt vermutlich langfristig zur Verblödung.


===== Link zur Kursseite =====

[[lehrkraefte:snr:informatik:glf25|Zur Kursseite]]