Ebben a feladatban a számítógépes játékok történetéhez kapcsolódóan kell négy weblapot létrehoznia. A feladatban a weboldalakon kívül az azokon szereplő képeket is elő kell készítenie. Az oldalakhoz használja fel a megadott mintát, illetve forrásként az UTF-8 kódolású szoveg.txt , a c64.png , a gameboy.png , a pong.png , a pongdoboz.png és a spacewar.png állományokat! A képek és a hivatkozások csak relatív útvonalmegadás esetén fogadhatók el. ForrásokFeladatok- A weboldalak tetején menüként a mintán is látható képek szolgálnak. A gameboy.png, a pong.png és a spacewar.png állományokat méretezze át úgy, hogy azok mindegyike – az oldalarányok megtartása mellett – pontosan 200 képpont magasságú legyen! Az így
létrehozott képeket mentse rendre kicsigame.png, kicsipong.png és kicsispace.png néven! (Amennyiben nem tudja elkészíteni a képeket, a későbbi feladatokban használja azok helyett a gb.png, a po.png, illetve az sw.png állományokat!) - Hozzon létre négy weblapot index.html, spacewar.html, pong.html és gameboy.html néven! Mindegyik weboldalt – azonos módon – az alábbiak szerint hozza létre:
a. Az oldal háttérszíne legyen halványsárga: Wheat (#F5DEB3 = RGB(245, 222, 179) kódú szín), és a szövegszín sötétbarna: SaddleBrown(#8B4513 = RGB(139, 69, 19) kódú szín)!
b. Mindegyik lap az oldal címét tartalmazza középre igazított, egyes szintű címsorban az alábbi táblázatnak megfelelően! (A szoveg.txt állomány az alábbi címeket is tartalmazza.)
Állomány | Szöveg | index.html | Számítógépes játékok története | spacewar.html | Spacewar! | pong.html | PONG | gameboy.html | Game Boy |
c. A böngésző címsorában mindegyik oldalon az előző pontban megadott cím szerepeljen!
d. A cím után helyezze el a mintának megfelelően a c64.png, a kicsispace.png, a kicsipong.png és a kicsigame.png képeket! Mind a négy oldalon állítsa be, hogy a négy kép közül háromra kattintva – önmagát kihagyva – sorban az index.html, a spacewar.html, a pong.html és a gameboy.html oldalakra ugorhassunk!
e. A képek után minden oldalra helyezze el a szoveg.txt állományból a megfelelő szöveget a mintának megfelelő bekezdésekre tagolással! - Az index.html állományban a játékok csoportosításához állítson be sorszámozott felsorolást!
- A spacewar.html állományban a felsorolt három objektumot sorszámozás nélküli felsorolássá alakítsa!
- A pong.html oldalra a szöveg után szúrja be vízszintesen középre helyezve a pongdoboz.png képet!
- A gameboy.html oldalon a játékkínálatot sorszámozás nélküli felsorolásként jelenítse meg!
- A gameboy.html oldalon a játékok neve utáni zárójelen belüli részek dőlt betűsek legyenek!
Minta |
|