Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:loesungen:04 [2025/01/23 10:10] – vdemir
+++ en:modul:m291:learningunits:lu05:loesungen:04 [2025/03/28 09:47] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU05.S04 - v-bind css-class ======
+====== LU05.S04 - v-bind with css-class ======
-{{ :en:modul:m291:learningunits:lu05:loesungen:03_vbind.zip | ZipFile with the HtML code-solution}}
+{{ :en:modul:m291:learningunits:lu05:loesungen:lu05.s04.zip | Codesolution}}
 ===== Hints ====
@@ Zeile 9: / Zeile 8: @@
   * The result will be presented in the right hand side of the window.
-{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s04.png?800| Solution of the assigment}}
+===== Assignment ======
+  - If not already done, create a new directory //media// and save at least three photos of your choice in it.
+  - Adjust the code to display this three photos. That means you need some new image-tags for this photos.
+  - Create withing the style area a second CSS class //#app2// with new values of your choice for the photo frame.
+  - Activate the css amendments by adjusting the template-code (div-element).
+  - Execute your script and check the correctness.
+  - Save your result either on your pc or in the W3Schools workspace (requires a W3Schoo profile).
+{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s04.png?1200|Solution of the assigment}}
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir