Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
gf_informatik:web_sca:website_projects [2023-01-09 13:44] – [Optional: JavaScript] 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 | * Thema von LP absegnen lassen | ||
* auf //Papier//: Skizze von Website erstellen, welche Inhalte, wie angeordnet (Desktop- und Mobile-View) | * 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: | + | * Wähle für deine Seite ein **Thema**, welches für deine Mitschüler: |
* Erstelle Website komplett **' | * Erstelle Website komplett **' | ||
* Verwende ein **Grid-Layout**. Die Inhalte sollen für Desktop- und Mobile-View jeweils passend angeordnet werden | * 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! | * 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:** | * **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: `< | ||
* Erstelle richtig benannten Ordner, der alle benötigten Dateien beinhaltet (siehe " | * Erstelle richtig benannten Ordner, der alle benötigten Dateien beinhaltet (siehe " | ||
* ... und gebe es über Abgabe in Teams ab. | * ... und gebe es über Abgabe in Teams ab. | ||
Zeile 47: | Zeile 48: | ||
{{ : | {{ : | ||
- | Beispiel für JS: Rezept, bei dem man Anzahl Personen eingeben kann. Mithilfe von JavaScript werden Mengenangaben berechnet und angezeigt. | + | **Beispiel für JS:** Rezept, bei dem man Anzahl Personen eingeben kann. Mithilfe von JavaScript werden Mengenangaben berechnet und angezeigt. |
+ | **Links:** | ||
+ | |||
+ | * https:// |