1. Limes Készítsen a magyarországi római limessel kapcsolatos weblapot! A weblapon látható szöveget a 1imes. txt állományban találja, a megoldáshoz szükséges képek pedig a pannoni a. jpg, ulcisia.jpg, lugio.jpg állományok. 1. Hozzon létre egy weboldalt limes.html néven! Az oldal címe Római limes Magyarországon legyen, a lap háttérszínét állítsa világosbarna színűre (#CC9933) a hivatkozások színét pedig fehérre (#FFFFFF). 2. Készítsen egy 6 sorból és 1 oszlopból álló, az oldal közepére igazított, szegély nélküli, 650 képpont széles táblázatot! A táblázat háttérszíne sötétebb barna (#CC9966) legyen! 3. A táblázat első sorába a Római limes Magyarországon szöveget másolja, formázza címsori stílussal középre zártan. 4. A második sorban kezdődő bekezdést állítsa sorkizártra, alatta pedig középre igazítottan jelenítse meg a pannonia. jpg képet 2 pont vastag szegéllyel! 5. A harmadik sor formailag egyezzen meg az elsővel, tartalma a Limes települések kifejezés legyen. 6. A következő sort ossza két cellára és helyezze el bennük a települések neveit dőlt karakterekkel formázva! Igazítsa a cellák tartalmát vízszintesen középre! 7. Az 5. sor formailag egyezzen meg az 1. és 3. sorokkal, tartalma a Hivatkozások szó legyen! 8. A következő sort megint két cellára ossza fel, az első cellába helyezze el az ulcisia.jpg képet és alatta az ULCISIA-CASTRA Szentendre feliratot. A cella tartalma legyen vízszintesen és függőlegesen is középre igazítva! Készítsen hivatkozást a képhez, amelyre kattintva a www.ulcisiacastra.hu lap jelenik meg! A másik cellát az előzővel egyezően alakítsa ki! Ehhez használja a lugio. jpg képet, a LUGIO-Dunaszekcső szöveget és a www.lugio.hu webcímet!
Minta:
2. Mozart Készítsen Wolfgang Amadeus Mozart zeneszerző életét és műveit bemutató weblapot! A weblapon látható szövegeket a mozart.txt és a muvek.txt állományokban találja, a megoldáshoz szükséges kép a mozart.jpg állomány. A szöveg és a kép forrása: http://kincsestar.radio.hu/paholy/mozart.html 1. Hozzon létre egy weboldalt mozart .html néven! Az oldal címe Wolfgang Amadeus Mozart legyen, a lap háttérszínét állítsa világoskékre (#0080FF) az írás színe maradjon fekete! 2. Készítsen egy 3 sorból és 1 oszlopból álló, az oldal közepére igazított szegély nélküli, a képernyő szélességének 50%-át kitöltő táblázatot! A táblázat háttérszíne világosabb kék (#00A0FF) legyen! A táblázat 3. sorát két oszlopra ossza fel! A táblázat minden cellájának tartalma legyen vízszintesen középre igazított! 3. A táblázat első sorába a Wolfgang Amadeus Mozart szöveg kerüljön, címsori stílussal, alá pedig a (1756 Salzburg-1791 Bécs) felirat címsor2 stílussal. 4. A második sorban szereplő mozart.jpg kép 2 pont vastag szegéllyel 250 képpont magasan jelenjen meg. 5. A harmadik sor első cellájába az Élete szó kerüljön az alapértelmezettnél nagyobb betűmérettel. A szöveghez rendeljen hivatkozást a később létrehozandó eletrajz.html oldalhoz. A második cella tartalma a Művei szó legyen, formailag egyezzen meg az elsővel, a hivatkozás a muvek.html oldalra mutasson! 6. Hozzon létre új weboldalt eletrajz.html néven az előző oldallal megegyező háttérszínnel! Az oldal tartalma a mozart.txt állományban lévő szöveg legyen! Az oldal címe: Mozart élete. A forrásszövegben lévő bekezdéstagolás maradjon meg a weblapon is. A szöveg végén, középen jelenjen meg a Vissza szó, melyhez a mozart html oldalra mutató hivatkozást rendelje! 7. Hozzon létre új weboldalt muvek.html néven az előzővel megegyező háttérszínnel! Az oldal tartalma a muvek.txt állományban lévő szöveg legyen! Az oldal címe: Mozart művei. A forrásszöveg felsorolásként jelenjen meg az oldalon!
Minta:
3. Sakk Készítsen a magyar sakktörténelemmel kapcsolatos weblapot! A weblapon látható szöveget a sakk. txt állományban találja, a megoldáshoz szükséges képek pedig a logo.jpg, portisch.jpg, polgar.jpg, leko.jpg állományok. A szövegek és a képek forrása: http://www.chess.hu/hu/tajekoztato.php3 http://www.sulinet.hu/ikep/2005/05/portisch_lbal.jpg, http://www.sulinet.hu/eletmod/mazsola/vilaghires/polgarl.jpg http://www.canal-h.net/webs/rguerrero001/kramnikleko.jpg 1. Hozzon létre egy weboldalt sakk.html néven! Az oldal címe Magyar sakktörténelem legyen! 2. Hozzon létre egy 600 képpont széles, az oldal közepére igazított, 3 x 3-as táblázatot! A táblázatnak 2 pont vastag szegélye legyen! A cellák mérete 200x200 képpont, hátterük sakktáblaszerűen váltakozva fekete-fehér–fekete színű legyen! Minden cella tartalma vízszintesen legyen középre igazítva! 3. Illessze, illetve írja be a szöveges tartalmú cellák tartalmát! A szöveg nagy részét a sakk. txt állomány tartalmazza! A fekete hátterű cellákban a szöveg fehér színnel jelenjen meg! Az első sor középső cellájában a Magyar sakktörténelem címsor2 stílussal kerüljön be! 4. A második sor első cellájának közepébe a Magyar Sakkszövetség logója kerüljön, (logo.jpg), hozzárendelve a www.chess.hu oldalra történő hivatkozást. 5. Az olimpiai bajnokcsapat tagjai felsorolásban jelenjenek meg! Ennek a cellának a tartalma a többitől eltérően balra legyen igazítva! 6. A Polgár Juditot ábrázoló polgar.jpg képet helyezze el a harmadik sor első cellájába! 7. A harmadik sor középső cellájába illessze be a Portisch Lajosról készült portisch.jpg képet! 8. Az utolsó cellában úgy méretezze a leko.jpg képet, hogy az beleférjen az előre megadott méretű cellába!
Minta:
4. Neptunusz Készítse el a minták és az alábbi leírás alapján a Neptunusz bolygó ismertetésére alkalmas weblapokat! Az első weblap elkészítéséhez szükséges képeket a bolyg1i.jpg; a bolygo2.jpg és az ur.jpg; a második szövegét a neptun. txt állomány tartalmazza. A képek forrása: a www.webshots.com oldala Hozzon létre egy weboldalt 2bolygo.html néven! Állítsa be a háttérszínt feketére és alkalmazzon az oldalon háttérképet! Háttérnek az ur.jpg képet használja! A karakterszínt állítsa be a lap egészére türkizkék színűre (#00FFFF)! 2. Gépelje be a dokumentum első három sorába a weboldal szövegét, helyezze középre és formázza az alábbiak szerint! 1.
Beírandó szöveg 1. sor
CSILLAGÁSZAT
2. sor
A képek Naprendszerünk két bolygóját ábrázolják.
3. sor
Vajon melyeket?
Formátum Félkövér, dőlt betűstílus, minta szerint nagyobb (7-es) betűméret Félkövér betűstílus, minta szerint növelt, de a címnél kisebb (5-ös) betűméret; sárga (#FFFF00) betűszín
3. Az első sor alatt helyezzen el középen egy 7 képpont magas és 595 képpont széles válaszvonalat! 4. A bolygo1.jpg állományból kiindulva készítsen egy új képet, és mentse el a kép eredeti formátumában, bolygo-mod néven! Az új kép az eredeti közepéből kivágott kék bolygót ábrázolja teljes egészében, nagyítás nélkül mérete 265x265 képpont legyen! 5. A szöveg alatt középen helyezze el a két, bolygót tartalmazó képet a minta szerint! (bolygo1-mod.jpg; bolygo2.jpg) 6. Készítsen hivatkozást a kék színű bolygót ábrázoló képre! A képre kattintva a másik, ön által létrehozott, a Neptunusz bolygóról szóló weboldal jelenjen meg! 7. Hozza létre a másik weboldalt neptunusz.html néven! A lap címe az A Neptunusz bolygóról szöveg legyen! A lap háttérszínét a kék egy sötét árnyalatára (#00003A), betűszínét türkizkékre (#00FFFF) állítsa! 8. Helyezze a lapra a neptun.txt fájlban található szöveget! A szöveg első bekezdését formázza címsori stílussal és helyezze középre! A holdak neve előtt szereplő, „A Neptunusz holdjainak elnevezése...” kezdetű bekezdésre alkalmazzon címsor3 bekezdésstílust! A többi bekezdés szövegét (a holdnevek kivételével) tegye sorkizárttá! 9. A második bekezdés végén szerepel Johann Gottfried Galle neve. Készítsen a névből egy, a http://www.gothard.hu/astronomy/ lapra mutató hivatkozást! 10. A holdnevekből alakítson ki a mintának megfelelő számozott listát!
Minta:
5. Gomba Készítsen el a minta és az alábbi leírás alapján egy gombákról szóló weblapot! A weblapon található szöveget a gombak.txt; a feladatban szereplő képet pedig a gomba.jpg állományban találja. Forrás: a kép a Gombák képes enciklopédiája című könyv (Új Ex Libris Könyvkiadó; 1999) 190. oldalán található fotóból készült. 1. Hozzon létre egy weboldalt gomba.html néven! Az oldal címe A gombákról legyen! Az (alapértelmezett) szövegszín sötétkék (#000A0) a lap háttérszíne pedig halovány vörösesbarna színű (#E8AA8E) legyen! 2. Gépelje be a dokumentum első sorába az oldal címét (Néhány szó a gombákról), majd formázza címsori stílussal és igazítsa középre! 3. A begépelt cím alá illessze be a gombak.txt állományban található szöveget! A beillesztett szöveg második („Soha ne fogyasszunk..." kezdetű) bekezdését formázza címsora stílussal, állítsa betűszínét sötétpiros színűre (#D00000) és igazítsa középre! 4. E bekezdés után helyezzen el egy elválasztó vonalat a mintának megfelelően! A vonal 60% szélességű, 7 képpont vastag legyen! 5. A gombák csoportosítását felsorolással adja meg! A felsorolásban üres karika (circle) szimbólumot használjon! 6. Egy grafikai program segítségével nagyméretű piros betűkkel írja a gomba.jpg képre a gomba. és a lap.hu szövegrészeket olyan módon, hogy az előbbi a felső gomba kalapjára, utóbbi az alsó gomba kalapjára kerüljön teljes terjedelmével! Mentse a módosított képet (az eredeti kép képtípusával egyezően) gomba2.jpg néven! Készítsen el ebből a képből (ha nem sikerült előállítania, akkor az eredetiből) egy kicsinyített, 90 képpont széles és 144 képpont magas változatot, és mentse el kisgomba.jpg néven! 7. Helyezze el a dokumentumban a szöveg utolsó sora után középre igazítva a kis méretű képet, majd készítsen hivatkozást hozzá, amelynek segítségével a http://gomba.lap.hu lapra juthat! Minta:
6. Gombakép Készítse el a minta és a leírás alapján az alábbi két, gombákról szóló weblapot! Az első weblap képeit a judas.jpg, a szarvasg.jpg és a varganya.jpg; a második szövegét a judas.txt állomány tartalmazza. Forrás: Gombák Képes Enciklopédiája (Új Ex Libris Könyvkiadó; 1999) 1. Hozzon létre egy weboldalt gombakep.html néven! Az oldal címe Képek gombákról legyen! 2. A lap háttérszínét állítsa be a kékeszöld egyik árnyalatára (#4FBDAF) ! 3. Gépelje be a dokumentum első sorába az oldal tartalmának címét (Néhány érdekes gomba), majd formázza címsori stílussal és igazítsa középre! 4. A begépelt szöveg alá középre illesszen be egy háromsoros, kétoszlopos táblázatot! Az első oszlop szélességét állítsa 350, a másodikét 250 kép pontra! 5. Állítsa be a táblázat háttérét zöld színűre (#00A000)! Használjon az egész táblázatban 2 pont vastag szegélyvonalakat! (A cellák között ne hagyjon ki távolságot!) 6. Helyezze el a táblázat első oszlopának egymás alatti celláiba a judas.jpg, szarvas.jpg, varganya.jpg állományokban tárolt képeket! 7. A második oszlopba, a képek mellé írja a képen látható gomba nevét (Júdásfülegomba; Szarvasgomba; Királyvargánya)! Formázza a neveket címsora stílussal és igazítsa a cella közepére! 8. Érje el, hogy az első képre kattintva megjelenjen a júdásfülegombáról szóló, ön által készített weboldal! 9. Készítsen a judasg.jpg képből egy kicsinyített, 100 képpont széles, 71 képpont magas változatot, és mentse el (az eredeti kép képtípusával egyezően) ki s judas.jpg néven! 10. Hozzon létre egy másik weboldalt judasfu1ei.html néven! Helyezze el a dokumentum első sorában jobb oldalon az előbb elkészített, kisméretű képet! 11. A kép alá illessze be sorkizárással a judas.txt állomány szövegét!
Minta:
7. Oroszlán Készítsen weblapot az állatok királyának bemutatására! A weblapon látható szöveget a lion.txt állományban találja, a megoldáshoz szükséges képek pedig az oroszlant.jpg, oroszlant.jpg, oroszlan3.jpg állományok. A szövegek forrása: http://wwwzoobudapest.com 1. Hozzon létre egy weboldalt oroszlan.html néven! Az oldal háttere kékes árnyalatú (#CDDCED), címe Oroszlán legyen! 2. Hozzon létre 2 pont vastag szegéllyel rendelkező táblázatot a mintának megfelelő cellafelosztással! A táblázat első oszlopa 200 képpont széles legyen! 3. Az oldal első sorában az Oroszlán szó szerepeljen középre igazítva címsori stílussal! 4. A táblázat második oszlopába helyezze el a forrásszöveg első három bekezdését! A szöveg tagolása maradjon meg! Az első bekezdés latin kifejezéseit állítsa dőlt stílusúra! A többi bekezdés címszavai félkövérek legyenek! 5. Az első oszlopba kerülő képek közül az oroszlan2..jpg képnek nem túl esztétikus szegélye van. Képkezelő program segítségével tüntesse el az említett szegélyt! A módosított képet oroszlan2_v.jpg néven mentse el! Illessze be az első oszlop celláiba az oroszlan2,jpg, oroszlan2_v.jpg és az oroszlan3.jpg képeket 180 képpont szélességben! A képeknek 2 pont vastag szegélye legyen! 6. A jobb oldali cella végén középen szerepeljen a Tovább... kifejezés, amihez az oroszlan2.html oldalra történő hivatkozást helyezzen el! A kifejezést formázza címsort stílussal! 7. Készítsen az előzővel egyező hátterű és című weblapot oroszlant.html néven! Helyezze el ide a forrásszöveg további részét! A bekezdések címszavai itt is félkövérek legyenek! 8. Az oldal végén az előző oldal „Tovább" szövegével egyező módon helyezze el a Vissza... szöveget, melyhez az oroszlan.html oldalra mutató hivatkozást kapcsoljon! Az alatta lévő sorban balra igazítva a következő szerepeljen: Forrás: www.zoobudapest.com. A webcímhez rendeljen a tartalmával megegyező hivatkozást! A forrás címsor3 stílussal készüljön!
Minta:
8. Ford T-modell A múlt század elején Henry Ford forradalmasította az autógyártást a T-modellel. Ebben segítette egy zseniális magyar mérnök, Galamb József. Készítse el e témában az alábbiakban meghatározott két weblapot! A weblapon látható szöveget a ford.txt állományban találja, a megoldáshoz szükséges képek pedig a galamb.jpg, model t . jpg.tm5. jpg állományok. Mindkét weboldalon Arial (Helvetica) típusú betűket használjon! A beszúrt táblázatokat szegély nélkül készítse, az egyes cellák távolságát 15 képpontra állítsa! A képek forrása: http://www szentesinfo.hu/mozaik/images20/tm5.jpg http://wwwgalamb.mako.hu/kepek/ford.jpg http://totalcar.index.hu/images/tortenelem/galambjozsef/galamb.jpg 1. Hozzon létre egy weboldalt galamb.html néven! Az oldal címe Galamb és a T-Ford legyen! A lap háttérszínét állítsa feketére (#000000), a szöveg színe világosszürke (#CCCCCC), a linkek színe halványsárga (#FFFF99) legyen! 2. Az oldal közepére szúrjon be egy 600 képpont szélességű, 2 sorból és 2 oszlopból álló táblázatot! A táblázat bal oldali celláit egyesítse! 3. A bal oldali cellába szúrja be Galamb József képét! A jobb felső cellába kerüljön a Tmodell képe! 4. A jobb oldali alsó cellába írja be a Galamb József és a Ford T-modell szöveget, tördelje a mintának megfelelően és igazítsa a cella közepére! 5. Készítsen linket a T-modell szóra, amellyel a laphoz a tford.html oldalt kapcsolja! 6. Hozzon létre egy weboldalt t ford.html néven! Az oldal címe Ford T-modell legyen! Az oldal színjellemzőit a galamb.html dokumentummal egyezően állítsa be! 7. Az oldal szövegét a ford.txt állományból szúrja be! 8. A cím szövegét állítsa középre és címsori stílusúra! A többi szöveget formázza a minta alapján! 9. A ,,Ki hinné..." kezdetű bekezdésbe szúrja be a tm5.jpeg képet, majd helyezze el a mintának megfelelően!
Minta:
9. Nemes A Nemes Tihamér Informatikai Versenynek immár több mint két évtizedes múltja van. Készítsen a versenyt bemutató lapot! A weblapon látható szöveget a vers.txt és az ered.txt állományban találja, a megoldáshoz szükséges képek pedig a clogo95.gif, logo96.jpg, ceoi2001.gif, ceoi2005 gif állományok. A képek forrása: http://ceoi.in£elte.hu/ceoi2005/ 1. Hozzon létre egy weboldalt tanverd.html néven! Az oldal címe Informatikaversenyek legyen! A lap háttérszínét állítsa halványzöldre (#99FF99), a szöveg színe sötétzöld (#005500) legyen! Az oldalakon az első sor címsort, a második címsort stílussal készüljön! A szöveget Arial (Helvetica) betűtípussal készítse el! 2. Szúrjon be egy 6 sorból és 2 oszlopból álló táblázatot az első bekezdés mellé a mintának megfelelő módon, fél képernyőszélességben! A táblázat háttérszíne legyen sötétebb, mint az oldalé (#66FF99)! A cellákba helyezze a megfelelő szöveget! 3. A cím utáni első bekezdés alá szúrja be a négy magyarországi diákolimpia logóját. A képeket a weblapon állítsa egyező magasságúakra és érje el, hogy ne érintkezzenek! 4. Készítse el az info.html nevű oldalt! Az oldalon található szöveget az ered.txt állományból formázott szövegként (az egymást kővétő többszörös szóközök megtartásával) illessze be! Az oldal jellemzői egyezzenek meg a tanvers oldallal! Címe legyen Informatika OKTV! 5. A tartalmat formázza meg a minta alapján! 6. Készítsen linket a tanverd.html oldalon a döntő szóra (a képek feletti sorban), amellyel az info.html oldalt nyitja meg!
Minta:
10. Szalagavató Készítsen a szalagavató bállal kapcsolatos weblapot! A weblapon látható szöveget a szalag.txt állományban találja, a megoldáshoz szükséges képek pedig a 2000a.jpg, 2000b.jpg, 2000c. jpg, 2000d.jpg állományok. (A képek 2004. januárjában az SUE Ságvári Endre Gyakorló Gimnázium szalagavató bálján készültek.) 1. Hozzon létre egy weboldalt szalag.html néven! Az oldal címe Szalagavató 2004 legyen, a lap háttérszínét állítsa világossárgára (#FFFFAA) a szöveg színét pedig világosbarnára (#663300). 2. A dokumentum első sorába a Szalagavató szöveg kerüljön címsori stílussal, középre zártan. A második sorban a 2004 jelenjen meg címsort stílussal szintén középre zártan. 3. Ez alá szúrja be a szalag.txt állományban található szöveget! 4. Készítsen hivatkozást a „ballagás" szóra, amely a ballagas.lap.hu lapot jeleníti meg! 5. Készítsen egy vízszintesen középre helyezett, 3 sorból és 2 oszlopból álló, szegély nélküli, 600 képpont széles táblázatot! A cellák közötti távolság 5 képpont legyen! 6. A táblázat első sorába a Szalagavató képek szöveg kerüljön a mintának megfelelően! 7. A táblázatban szereplő címet címsort segítségével formázza! 8. A források között található JPG formátumú képekből (2000a, 2000b, 2000c, 2000d) készítsen 300x200 méretű változatokat a nevet -k karakterekkel kiegészítve (2000a-k, 2000b-k, 2000c-k, 200d-k) 9. A kisméretű képeket szúrja be a táblázatba! A középső sorba kerüljön az a és a d, alájuk pedig a c és a b jelű! 10. Készítsen hivatkozást a táblázat alsó sorában jobb oldalon látható képhez (2000b-k), amelyre kattintva az eredeti méretű kép (2000b) jelenik meg!
Minta: