Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:snr:informatik:html-erste-schritte [2022/06/07 06:51] Olaf Schnürer [Bewertung der Projekt-Websites] |
lehrkraefte:snr:informatik:html-erste-schritte [2022/06/28 07:53] (current) Olaf Schnürer [Einführung: Webgestaltung mit HTML und CSS] |
||
---|---|---|---|
Line 2: | Line 2: | ||
====== HTML: Erste Schritte ====== | ====== HTML: Erste Schritte ====== | ||
- | ===== Einführung: | + | ===== Einführung: |
+ | |||
+ | Vorbemerkung: | ||
Tafelerklärungen: | Tafelerklärungen: | ||
Line 178: | Line 180: | ||
==== Wie man seine Website auf den Tech-Lab-Server überträgt ==== | ==== Wie man seine Website auf den Tech-Lab-Server überträgt ==== | ||
- | Werde ich mal vormachen. Ich empfehle, die Website NICHT öffentlich zugänglich zu machen - je nach Inhalt und Copyright-Verletzungen kann das sonst sehr unangenehm werden! Wer sein Passwort ändert, merke sich das neue Passwort | + | Werde ich mal vormachen. Ich empfehle, die Website NICHT öffentlich zugänglich zu machen - je nach Inhalt und Copyright-Verletzungen kann das sonst sehr unangenehm werden! Wer sein Passwort ändert, merke sich das neue Passwort |
Deine Website wird sich später befinden in einem geeigneten Unterverzeichnis von [[https:// | Deine Website wird sich später befinden in einem geeigneten Unterverzeichnis von [[https:// | ||
Line 199: | Line 201: | ||
* Du darfst das Thema deiner Website frei wählen. | * Du darfst das Thema deiner Website frei wählen. | ||
* Zweiergruppen sind ebenfalls erlaubt - die beiden vorigen Punkte gelten sinngemäss. | * Zweiergruppen sind ebenfalls erlaubt - die beiden vorigen Punkte gelten sinngemäss. | ||
+ | |||
+ | ===== Wer von zu Hause aus arbeiten möchte ===== | ||
+ | |||
+ | Du kannst einen beliebigen Editor verwenden, um die HTML- und CSS-Dateien zu erstellen. Du kannst aber auch auf deinem Privatrechner Visual Studio Code installieren. VS Code hat den Vorteil, " | ||
+ | |||
+ | Das Hochladen deiner Dateien mit FileZilla sollte von zu Hause aus funktionieren - unter den aktuellen Einstellungen ist deine Website aber nur aus dem Schulnetz anzeigbar. Man kann dies ändern, siehe [[https:// | ||
===== Bewertung der Projekt-Websites ===== | ===== Bewertung der Projekt-Websites ===== | ||
+ | |||
+ | (Nächstes Jahr anders machen: Genug Zeit am Ende. Jeder muss hochladen, es muss dort funktionieren. Manche hatten mir ge-zip-te Folder geschickt, wo Bilder/ | ||
Abgabetermin (in dem Sinne, dass die Website danach nicht mehr geändert werden soll): Mittwoch 22. Juni, 23:59 Uhr. | Abgabetermin (in dem Sinne, dass die Website danach nicht mehr geändert werden soll): Mittwoch 22. Juni, 23:59 Uhr. | ||
Line 206: | Line 216: | ||
Ich werde mir die Websites voraussichtlich am 23. Juni (ein Tag vor der Notenabgabe) anschauen, sie bewerten und die Note auf NESA veröffentlichen((Wem dies zu spät ist, teile mir früher mit, dass die Website fertig ist, damit ich sie dann hoffentlich früher benote.)). Bitte ändere deine Seiten an diesem Tag nicht - sonst bewerte ich eventuell eine nicht von dir gewünschte Version. | Ich werde mir die Websites voraussichtlich am 23. Juni (ein Tag vor der Notenabgabe) anschauen, sie bewerten und die Note auf NESA veröffentlichen((Wem dies zu spät ist, teile mir früher mit, dass die Website fertig ist, damit ich sie dann hoffentlich früher benote.)). Bitte ändere deine Seiten an diesem Tag nicht - sonst bewerte ich eventuell eine nicht von dir gewünschte Version. | ||
- | Ich suche Eure Websites | + | Ich suche Eure Websites |
+ | |||
+ | [[https:// | ||
+ | |||
+ | aus, indem ich von dort in Euer Klassenverzeichnis | ||
**Ist keine Website vorhanden, gibt es die Note 1.0.** Bei Problemen beim Hochladen: Mir per Email alle relevanten Dateien senden. | **Ist keine Website vorhanden, gibt es die Note 1.0.** Bei Problemen beim Hochladen: Mir per Email alle relevanten Dateien senden. | ||
Line 219: | Line 233: | ||
* E, 5 Punkte: Die Gestaltung funktioniert über eine (oder mehrere) CSS-Dateien. Mindestens 5 verschiedene CSS-Selektoren werden verwendet. | * E, 5 Punkte: Die Gestaltung funktioniert über eine (oder mehrere) CSS-Dateien. Mindestens 5 verschiedene CSS-Selektoren werden verwendet. | ||
* F, 6 Punkte: Die Website ist ansprechend gestaltet (was immer das genau heisst ...), was Inhalt und Form angeht. Dabei geht es um das Aussehen in einem Browser in einem maximal grossen Fenster bei " | * F, 6 Punkte: Die Website ist ansprechend gestaltet (was immer das genau heisst ...), was Inhalt und Form angeht. Dabei geht es um das Aussehen in einem Browser in einem maximal grossen Fenster bei " | ||
- | * G, 2 Punkte: Die HTML- und CSS-Dateien sind "grammatikalsich" korrekt - die Validatoren [[https:// | + | * G, 2 Punkte: Die HTML- und CSS-Dateien sind "grammatikalisch" korrekt - die Validatoren [[https:// |
- | * H, 2 Punkte: Am Ende deiner Hauptseite '' | + | * H, 2 Punkte: Am Ende deiner Hauptseite '' |
Beispiel: A5, B3, C2, D5, E0, F0, G0, H0; Gesamtpunktzahl 15 Punkte; Notenvorschlag: | Beispiel: A5, B3, C2, D5, E0, F0, G0, H0; Gesamtpunktzahl 15 Punkte; Notenvorschlag: |