Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m287:learningunits:lu06:aufgaben:bootstrap [2025/05/16 07:27] – angelegt kdemirci
+++ modul:m287:learningunits:lu06:aufgaben:bootstrap [2025/05/16 08:55] (aktuell) – kdemirci
@@ Zeile 1: / Zeile 1: @@
-====== LU13.A01 - Bootstrap ======
+====== LU06.A01 - W3Schools Bootstrap ======
-<WRAP center round todo 60%>
+Absolvieren Sie den Kurs unter [[https://www.w3schools.com/bootstrap5/|W3Schools]].
-Ergänzen Sie den HTML-Code um die benötigen Bootstrap-Klassen.
-Das Aussehen und Verhalten soll identisch zur Musterlösung unter [[https://templates-html.github.io/m293-lu13-a01-bootstrap/]] sein.
-</WRAP>
-Sie erhalten ein Projekt mit 3 vollständigen HTML-Dateien:
+===== Rahmenbedingungen =====
-  * index.html
-  * marks.html
-  * form.html
-===== Vorgehen =====
+^ Was ^ Beschreibung ^
-  - Öffnen Sie die Home-Seite (''index.html'') der [[https://templates-html.github.io/m293-lu13-a01-bootstrap/|Musterlösung]] in einem Webbrowser.
+| **Produkt:** | Tutorial |
-  - Beachten Sie die Darstellung (Farben, Schriften, ...) der verschiedenen Elemente.
+| **Zeit:** | 45 Min. |
-  - Probieren Sie unterschiedliche Fensterbreiten aus und beobachten Sie das Layout der Elemente.
+| **Sozialform:** | Einzelarbeit |
-  - Ergänzen Sie in Ihrem Repository die benötigten Bootstrap-Klassen, um das identische Verhalten zu erreichen.
+| **Arbeitsmittel:** | Browser |
-<WRAP center round tip 60%>
-  * Kümmern Sie sich um ein Element nach dem anderen. Zum Beispiel könnten Sie zuerst die Navigation anpassen, danach die Artikel, ...
-  * **Weniger ist mehr**: Vermeiden Sie unnötig viele Klassen, die unter Umständen gar keinen Einfluss haben. Versuchen Sie das gewünschte Verhalten mit so wenig Klassen wie möglich zu erreichen.
-</WRAP>
-----
-<details>
-<summary>//=> GitHub Repo für externe Besucher//</summary>
-GitHub Repository https://github.com/templates-html/m293-lu13-a01-bootstrap
-//Lernende am BZZ müssen den Link zum GitHub Classroom Assignment verwenden//
-</details>
-{{tag>m293-LU13}}
-[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kevin Maurizi, Marcel Suter