Számítógépes játékok

Feladat

Ebben a feladatban a számítógépes játékok történetéhez kapcsolódóan kell négy weblapot létrehoznod. Az oldalakhoz használd fel a megadott mintát, illetve forrásként az UTF-8 kódolású szoveg.txt, a betolt.txt, a c64.png, a gameboy.png, a pong.png, a pongdoboz.png és a spacewar.png állományokat!

• Hozz létre weblapot index.html néven! Az oldal elrendezését a következő CSS layout elemekkel alakítsd ki: header, section, nav, article és footer!
• Az oldal háttérszíne legyen RGB(245, 222, 179) kódú szín, és a szövegszín RGB(139, 69, 19) kódú szín!
• A header elemben jelenjen meg a "Számítógépes játékok története" szöveg, ez legyen az oldal címe is!
• Az article elemben helyezd el a mintának megfelelően a c64.png, a spacewar.png, a pong.png és a gameboy.png képeket! Csak az oldalhoz tartozó kép jelenjen meg élesen, a többi a mintának megfelelően 50% átlátszósággal!
• A képek után helyezd el a szoveg.txt állományból a megfelelő szöveget a mintának megfelelő bekezdésekre tagolással!
• A nav elemben helyezd el a mintának megjelelően a hivatkozásokat! Az egyes hivatkozásokra kattintva a megfelelő tartalom jelenjen meg az article elemben! A megoldáshoz használd fel a betolt.txt állományban található javascript kódot! Az egyes menü elemek listajele ne jelenjen meg, és az egeret a menüpont fölé állítva annak háttérszíne az oldal hátterével megegyező legyen!
• Az egyes oldalakhoz tartozó kódot külön állományokban tárold el, és a mintáknak megfelelően alakítsd ki!
• A footer elemben található képre kattintva az eredeti oldal töltődjön be! Az ikonról neked kell gondoskodnod a szerzői jogok tiszteletben tartásának figyelembevételével!
• Kódolásod helyességét ellenőrizd a w3.org validator and tools oldalának segítségével!

Minta