Fényképalbum

Feladat

Egyre több fényképünk van digitális formában. Ezek rendezéséhez és webes megjelenítéséhez webalbumokat készíthetünk. A következőkben egy webes albumot kell elkészítenie!

• Készíts weblapot a minta és a leírás alapján index.html néven! A forrásállományok és a szerkezethez kialakításához szükséges fájlok elhelyezéséhez készítsd el a weboldal fájlszerkezetét!
• Az oldal háttérszíne fehér, a szöveg színe bordó (#990000 kódú szín legyen!
• Az oldal címe legyen „Magyarországi képek”. A cím legyen egyes szintű címsor és középre igazított!
• A cím alá készíts egy 60% széles, középre igazított vonalat!
• Az album szerkezetét CSS Flexbox Layout elrendezéssel alakítsd ki!
• A fényképek négy oszlopban a minta szerint egyforma szélességű oszlopokban helyezkedjenek el!
• Az album szélessége az oldal szélességének 60%-a legyen!
• CSS kód segítségével érd el, hogy a képek fölé húzva az egeret, azok 150%-os nagyítással tűnjenek ki!
• Írj JavaScript függvényt, amit felhasználva a képekre kattintva azok további 150%-os nagyítással jelenjenek meg!
• Készíts egy másik JavaScript függvényt, amit felhasználva a képekre duplán kattintva visszaáll a kép eredeti mérete!
• Érd el, hogy maximum 1200px szélességű kijelző esetén kettő, maximum 800px szélesség esetén egy oszlopban jelenjenek meg a képek!
• Kódolásod helyességét ellenőrizd a w3.org validator and tools oldalának segítségével!

Minta