SCI-FI klub (2025. május - idegen nyelv)
Kategória: web - emelt szint
Feladat leírása
Lelkes tanárok és diákok SCI-FI-klubot indítanak az iskolában, a tudományos-fantasztikus
filmek kedvelői számára. Feladata az esemény reklámozásához szükséges plakát, logó valamint
weblap elkészítése.
A felhasználandó szövegeket a scifiklub.txt fájlban találja. A szükséges képek:
filmszalag.png, qrkod.png, robot.jpg.
A klub logójának elkészítése: (scifiklub.png)
Részfeladatok
1. Képszerkesztő alkalmazás használatával állítsa elő a scifiklub.png állományt a robot.jpg kép felhasználásával! A mintának megfelelő hatszögekbe, tetszőleges betűtípussal helyezze el a „SCIFI” szó betűit, illetve a kép jobb alsó sarkában a „klub” szöveget a minta szerint fehér, illetve fekete színnel!
2. A klub plakátjának elkészítése: (plakat dokumentum)
3. Hozza létre szövegszerkesztő program segítségével a plakat nevű állományt a program alapértelmezett formátumában a források felhasználásával!
4. Legyen a dokumentum álló tájolású és A4-es lapméretű! A bal és jobb oldali margót állítsa 1,4 cm-re, míg az alsó és felső margót 1 cm-re!
5. A szövegtörzs karakterei – ahol más előírás nincs – Times New Roman (Nimbus Roman) betűtípusúak és 22 pontos betűméretűek legyenek! A dokumentumban a sorköz legyen egyszeres, és a bekezdések között – ahol a feladat nem ír elő mást – ne legyen térköz! A szöveg tagolásához ne alkalmazzon fölösleges bekezdésjeleket és szóközöket!
6. A plakát legtetején, a lap felső széléhez illesztve helyezzen el egy RGB(200, 200, 200) kódú szürke színnel kitöltött téglalapot! Szélessége egyezzen meg a lap szélességével, magassága pedig legyen 3 cm!
7. A minta szerint középre igazítva illessze be a korábban elkészített scifiklub.png képet! Ha ezt nem készítette el, használja az eredeti, robot.jpg képet! A képet a méretarány megtartásával méretezze át úgy, hogy szélessége 17 cm legyen!
8. Helyezze el a filmszalag.png képet a minta szerint a bal felső sarokban úgy, hogy takarja a szürke téglalapot és a képet is! A képet a méretarány megtartásával méretezze át úgy, hogy szélessége 10 cm legyen!
9. A minta szerint helyezze el a „SCI-FI klub indul az iskolánkban!” szöveget egy bekezdésbe, középre igazítva, RGB(0, 32, 96) kódú kék színnel, 48 pontos méretben! A „SCI-FI klub” szövegrész betűtípusa legyen ugyanaz a betűtípus, amelyet a logó létrehozásánál használt! Használjon sortörést a szöveg minta szerinti tagolásához! A kép és a bekezdés között, illetve a bekezdés után állítson be 24 pontos térközt!
10. A minta szerint helyezze el a „Ha érdekelnek” kezdetű szöveget! A megfelelő szövegrészeket formázza félkövér stílussal a minta szerint! A bekezdés szövege sorkizárt legyen, előtte 0 pontos, utána 36 pontos térköz legyen beállítva!
11. A helyszínt, az időpontot és a moderátor nevét tartalmazó sorokat önálló bekezdésekben helyezze el! A bekezdések előtt 0 pontos, utána 9 pontos térköz jelenjen meg! Az adatokat igazítsa tabulátorok segítségével! A tabulátorok pozíciója 0,5 cm, 5 cm, illetve 11 cm legyen! Mind a kilenc tabulátor balra igazított legyen! Az első oszlopban lévő szöveget formázza fékövér stílussal!
12. Az imént kialakított három bekezdés mögött, a minta szerint helyezzen el egy téglalapot, mely az RGB(125, 220, 255) kódú, világoskék színnel legyen kitöltve. A téglalap szélessége a lap méretével egyezzen meg, magassága pedig 4,5 cm legyen!
13. „A QR-kód” kezdetű szöveget helyezze el egy új bekezdésben, dőlt stílussal, sorkizárt igazítással! A bekezdés előtt 30 pontos, utána 8 pontos térköz legyen beállítva! A bekezdés jobb oldali behúzása 4,5 cm legyen!
14. A plakát alsó széléhez illesztve helyezzen el egy RGB(200, 200, 200) kódú, szürke színnel kitöltött téglalapot! Szélessége legyen a lap szélessége, magassága pedig 1,5 cm!
15. A QR-kódot tartalmazó képet helyezze el a minta szerint a plakát jobb alsó részén úgy, hogy magassága és szélessége 4 cm legyen, és a lap aljától, illetve jobb oldalától minimum 0,3 cm távolságra legyen! Szegélyként állítsa be az RGB(200, 200, 200) kódú szürke színt! A kép ne lógjon rá sem a szövegre, sem a középső téglalapra!
16. Az iskolai weblapon elhelyezendő hirdetés elkészítése:
a) A scifi.html és scifi.css állomány módosításával hozzon létre egy honlapot, a mintán látható tartalommal és formázással! A HTML-állomány már tartalmazza a HTML5-szabvány szerinti alapstruktúrát. A stíluslap állományban található szabályokat Önnek kell kiegészítenie a feladatnak megfelelően.
17. A weblap tartalmának létrehozása (scifi.html)
Ügyeljen arra, hogy a HTML-állományban ne alkalmazzon a megjelenítésre vonatkozó stílusdefiníciókat, azokat kizárólag a meglévő CSS-állományban helyezze el18. A forrásszöveg első sorát helyezze el a weblapon egyes szintű címsorban!
19. Ugyanezt a szöveget állítsa be a weblap címeként is!
20. A címsor alatt helyezze el a korábban elkészített scifiklub.png képet! Ha ezt nem készítette el, használja az eredeti, robot.jpg képet! A képhez tartozó helyettesítő leírásnak „A SCI-FI klub logója” című szöveget gépelje be!
21. A kép alatti bekezdést alakítsa ki, és a megfelelő szövegrészeket emelje ki a mintának megfelelően!
22. A minta szerint alakítsa ki a háromelemű felsorolást!
23. A lista után helyezzen el egy bekezdést, amelybe a „További információ, jelentkezés és szavazás” szöveget gépelje be! A bekezdés megjelenítéséhez alkalmazza az info nevű osztályt!
24. Az imént begépelt szövegen helyezzen el egy hivatkozást, amely a „https://bit.ly/scifiklub” oldalra mutat!
25. A stíluslap módosítása (scifi.css)
a) Állítsa be, hogy az egyes szintű címsor középre igazítva és kék (#027AAA kódú) színnel jelenjen meg!
