Demo

< JavaScript példatár

Elrejt »

20. Feladat

Készítsen reszponzív lepkealbumot a mellékelt "img" mappában található képek felhasználásával, a minta alapján!

  1. A reszponzív weboldal (RWD: Responsive Web Design) egy olyan megközelítéssel tervezett weboldal, amely optimális megjelenítést biztosít különböző méretű kijelzőkön.
  2. Az RWD tartalom kezelését a Viewport és a CSS utasítások teszik lehetővé.
  3. A képleíró adatokat a "lepkek" tömb tartalmazza a következő sorrendben: képfájl neve, megnevezés, forrás linkje, fénykép készítője, helyszíne, dátuma.
  4. Hogyan lehetne megoldani, hogy az album hivatkozásai új oldalon jelenítsék meg a linkeket?
  5. Bővítse az albumot további lepkékkel úgy, hogy a név szerinti rendezettség továbbra is megmaradjon!