A HONALPSZERKESZTÉS ALAPJAI 50 feladat a Debreceni Egyetem Informatikai Karának Informatikus Könyvtáros szakos hallgatói számára Készítette: Jávorszky Ferenc Debrecen 2010. 1
1. Készítsen honlapot, amelynek címe: Probahonlap. A honlapon adja meg saját nevét szerzőként, kódolásként tetszőleges karakterkódolást. Állítson be kék színt háttérszínnek. Az oldalon helyezzen el középre igazítva egy 640X480-as méretű képet. 2. Készítsen html oldalt, amelyen a honlap címe, amely megjelenik a böngésző címsorában legyen: az aktuális dátum és a Lópici Gáspár név! 3. Állítson be egy új lapon tetszőleges, de olvasható szöveget biztosító esztétikus háttérképet! 4. Állítson be tetszőleges színt háttérként! 5. Állítson be egy képet háttérképként, amely az oldal közepén helyezkedik el, fix pozíciót foglal el, s nem ismétlődik. A kép mögé helyezzen ez szolid háttérszínt! 6. Állítson be egy képet háttérképként, amely az oldal bal felén helyezkedik el, s ahogyan görgetjük a szöveget, ismétlődik! 7. Állítson be egy képet háttérképként, amely vízszintesen többször látható, kitölti a képernyő szélességét, s nem mozog a szöveggel! 8. Formázza meg a szöveget az alábbi minta szerint! A szövegben szereplő (kötelező szóra történő kattintás) hivatkozás mutasson egy 2.html nevű oldalra, ahol a nyers és a megformázott szöveg egymás alatt található! 2
9. Készítse el az alábbi háttérképes lehetőségeket tartalmazó oldalakat! 10. Formázza meg a mellékelt szöveget az alábbi minta szerint! A szövegben szereplő (termékek szóra történő kattintás) hivatkozás mutasson egy 1.html nevű oldalra, ahol a nyers és a megformázott szöveg egymás alatt található! 11. Készítsen weblapot, amelyen az oldalon található két bekezdésnyi szöveg közül az elsőben a szavak egymástól 1 centiméternyire legyenek találhatók, a másodikban a betűk legyenek egymástól 0,5 centiméterre! 12. Az életrajzát tartalmazó bemutatkozó honlapon az eddigi iskolai végzettségeit bemutató részben az iskolái nevét húzza alá és fölé. 3
13. Ugyanebben a dokumentumban az eddigi munkahelyeit tartalmazó sorokat keretezze be, az utolsó munkahelyét pedig dupla kerettel lássa el! 14. Egy bekeretezett bekezdésnél a szöveg és a keret közé állítson be 1 cm-es távolságot! 15. A bérigényét tartalmazó elképzeléseit helyezze el egy olyan bekezdésben, amely jobbról balról 1-1 cm-es behúzást tartalmaz, s így van bekeretezve! 16. A megpályázott állásról szóló elképzeléseit tartalmazó bekezdésben növelje meg a sorközt a duplájára! 17. Készítsen iniciálét egy bekezdéshez az alábbiak szerint: Az iniciálé legyen 3 sornyi szöveg előtt, 36 pontos betűmérettel, Times New Roman betűtípussal, kék színnel formázva. 18. Készítsen mozaikot. Szúrjon be úgy felváltva képeket egymás mellé és alá, hogy a képek között ne legyen távolság. Minden képet azonos méretben illesszen be. Mentse mozaik.htm néven 19. Az év első 6 hónapját különböző címsorokkal és színnel jelenítse meg egy oldalon! 20. Készítsen kémiai képletet tartalmazó oldalt! Használjon felső és alsó indexet munkája során! 21. Készítsen szöveges oldalt, ahol minden második szót kiemel különböző háttérrel, a nem kiemelt szavakat különböző színnel formázza meg! 22. Helyezzen el az oldal kódjában egy, a néző számára nem látható megjegyzést, mely arra utal, hogy a feladatgyűjtemény példái nem nehezek! 4
23. Készítse el az alábbi szöveget! 1.óra: 8 00-8 45 ig 24. Készítse el az alábbi többszintű felsorolást: Első ZH o első javító ZH Második ZH o második javító ZH Harmadik ZH 25. Készítsen el egy felsorolásokat használó oldalon a könyvtári főosztályokat és a legjellemzőbb alosztályokat bemutató tájékoztatót! Ne felejtkezzen el a Magyarország történelmével foglalkozó könyvek osztályozásához szükséges számokról sem. 26. Készítsen felsorolás segítségével html oldalt, amelyen egy könyvtár munkatársainak listája található meg. A különböző részlegeken dolgozó kollégák különböző hátérszínnel jelenjenek meg. 27. Készítsen számozott listát tartalmazó html oldalt, a számozás ne eggyel kezdődjön. 28. Készítse el az alábbi felsorolást tartalmazó html oldalt! 5
29. Készítsen definíciós listát, amelyben egy vetélkedőhöz készített ajánló bibliográfiát jelenít meg, amelyben a különböző definíciókkal különböző dokumentumtípusokhoz tartozó irodalmat jelöl. (pl. folyóirat, könyv, CD-ROM, internetes források) 30. Készítse el az alábbi definíciós listát! 31. Készítsen olyan definíciós listát, ahol a magyarázat helyett képeket használ! 32. Készítsen egy menüt az oldal elején, melynek segítségével különböző pontokhoz ugrunk a lapon belül! A célpontoknál készítse el a visszajutáshoz szükséges hivatkozásokat is! 33. Készítsen oldalon belüli hivatkozást, amely az oldal aljára vezet, s onnan egy ide visszamutató linket! 34. Készítsen hivatkozásokkal ellátott oldalt, amelyek közül az elsőre kattintva megnyílik a www.unideb.hu oldal, a másodikra kattintva új böngészőablakban a http://lib.unideb.hu oldal. 35. Készítsen egy űrlapot, mely segítségével el tudom küldeni érdemjegyét saját e-mail címére! 36. Készítsen űrlapot, ahol a személyi adatokat lehet megadni. Az adatok: név, cím, telefonszám, lakcím, nem, megjegyzés. Készítsen törlő és küldő gombot az oldal aljára! Mentse adatok néven 6
37. Készítsen hivatkozást, ahol a hivatkozás fölé érkező egér hatására megjelenik az alábbi képnek megfelelő szövegbuborék! 38. Készítsen keretek segítségével négy egyenlő részre felosztott képernyőelemet tartalmazó oldalt. Ügyeljen arra, hogy minden felbontásban ugyanaz az elrendezés valósuljon meg! Nevezze el a négy részt: bal_felso, bal_also, jobb_felso, jobb_also! 39. A bal_also keretben jelenjen meg a vizsgamenu.html oldal, melyben egy menü szerepel a lenti formázási utasításokkal nem összeférhetetlen háttérszínnel, amelyre kattintva el tudom érni a vizsgán elkészített összes oldalt a feladatokban leírtaknak megfelelően. A hivatkozások színe: piros, a látogatott hivatkozásoké zöld. 40. A KÉPCSERE linkre kattintva jelenjen meg egy oldal a jobb_felso keretben, ahol beszúr egy képet, s ha az egérrel a kép felé ér, az változzon át a kép Ön által elkészített negatív változatára, melynek mérete 30%-al legyen nagyobb az eredetinél! A képre kattintva egy hivatkozás nyisson meg a jobb_also keretben egy az eredeti képet, a forrást és a letöltés dátumát tartalmazó eredeti.html nevű oldalt! Mindkét elkészített oldal tartalmazzon szolid háttérképet! 41. A HIVATKOZÁSOK linkre kattintva jelenjen meg egy oldal a bal_felso keretben, melyen az alábbi hivatkozások szerepelnek! A hivatkozásokat úgy készítse el, hogy az oldal egy jellemző képére kattintva legyenek elérhetőek (logo). a. www.hirkereso.hu jobb_felso keretben b. www.felvi.hu jobb_also keretben c. www.kapu.hu új ablakban nyíljon meg d. egy hivatkozás, melyben levelet tud küldeni egy e-mail címre. Itt egy tetszőleges elektronikus levélküldést szimbolizáló képet használjon! 7
42. A TÁBLÁZAT linkre kattintva jelenjen meg a jobb_also keretben egy táblázat, mely 2 sort és 4 oszlopot tartalmaz, szolid háttérképpel, mely előtt olvasóható a szöveg, melyet a táblázatba ír! Az első sor második cellájában szerepeljen neve vertikálisan középre igazítva, jobbra zártan. A második sor harmadik cellájában egy kép középre zártan, amely egy portrét ábrázol. 43. Az ŰRLAP linkre kattintva a jobb_felso keretben megnyíló oldalon legyen található egy választási lehetőséget jelölő űrlapelem, melynek értékei A javítás sikerült ill. A javítás nem sikerült. Az elemek színe legyen piros ill. fekete. A művelet, melyet el tudunk végezni az űrlap segítségével POST legyen, s a saját címére irányuljon. 44. Készítsen képtérképet az alábbiak szerint: A bal felső sarokban legyen egy 50X30 pontos téglalap, amelyre kattintva új ablakban megnyílik a www.dbvk.hu oldal. Az oldal közepén legyen egy 20 pont átmérőjű kör, amelyre kattintva megnyílik a www.lib.unideb.hu oldal. A képen bárhol helyezzen el egy sokszöget, amelyre kattintva az Országos Széchenyi Könyvtár oldala nyílik meg. A kép felett jelenjen meg piros, középre igazított szöveg. 45. A probamap.gif fájl felhasználásával készítsen olyan térképet, ahol a piros téglalap az index.hu, a kék terület a dbvk.hu-t és a sárga kör az origo.hu-t nyitja meg. A kép méretei: 100 pont széles és 50 pont magas. A piros téglalap a kép negyedét foglalja el, a sárga körnek 25 pont a sugara. Mentse probamap.htm néven. 46. Készítsen egy egyszerű táblázatot, amely csak table, tr és td elemeket tartalmaz! 8
47. Készítsen táblázatot, ahol egy címet, egy fejlécet és egy láblécet találunk az előző feladatban található elemeken kívül! 48. Készítsen a táblázathoz egy CSS fájlt. Állítsa be a CSS-ben a keretek, a kitöltés, a cellák stílusát a táblázathoz úgy, hogy a HTML jelölést nem változtatja meg. Adjon meg a háttérszínt is, és állítsa be a betűk stílusát! 49. Készítse el a feladatgyűjtemény html verzióját, amely tartalmazza a megoldásokat is! 50. Készítsen honlapot, amelyen tanulmányairól ír, alkalmazza a fenti 49 feladatban szereplő műveleteken kívül azokat is, amelyek használhatóbb, átláthatóbb honlap készítéséhez segítik Önt! 9