Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| en:modul:m291:learningunits:lu05:aufgaben:04 [2025/01/23 10:10] – vdemir | en:modul:m291:learningunits:lu05:aufgaben:04 [2025/03/28 09:47] (aktuell) – [Assignment] vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== LU05.A04 - v-bind css-class ====== | + | ====== LU05.A04 - v-bind |
| ===== Prerequisites | ===== Prerequisites | ||
| Zeile 18: | Zeile 18: | ||
| You will find at the W3School webseite a small script in which some photographs are being displayed. In this script we would like to make some changes as follows: | You will find at the W3School webseite a small script in which some photographs are being displayed. In this script we would like to make some changes as follows: | ||
| - | - Create | + | - If not already done, create |
| - | - Adjust the code to display this three photos. | + | - 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. | - 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). | - 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). | - Save your result either on your pc or in the W3Schools workspace (requires a W3Schoo profile). | ||