9. modul: Webkezdő
1.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A ............... a weboldalon lévő kattintható elem, amellyel egy másik weboldal, vagy éppen egy tetszőleges fájl megnyitása végezhető el. A következő kifejezések közül melyik teszi teljessé a mondatot?
    1. link
    2. Bluetooth
    3. byte
    4. file
  2. A(z) ............... a hálózatba kötött számítógépeket védi az illetéktelen külső hozzáférés ellen. Melyik kifejezést kell a mondatba illeszteni?
    1. Ethernet kártya
    2. firewall
    3. Fire wire
    4. vízfal
  3. A következő állítások közül melyik igaz a HTML-re?
    1. A HTML szoftverfüggő és XML formátumban készül.
    2. A HTML szoftverfüggő és Linux formátumban készül.
    3. A HTML szoftverfüggetlen és sima szövegformátumú dokumentumleíró nyelv.
    4. A HTML szoftverfüggetlen és internetformátumban készül.
  4. A következő mondatok közül melyik írja le legpontosabban a kommunikációs protokoll fogalmát?
    1. Szabályok, amelyekkel kapcsolatot létesíthet és adatot cserélhet egy gép a másikkal.
    2. Az optimális adatcserét biztosító szabályok összessége.
    3. Szabályok, amelyek meghatározzák egy számítógép konfigurációját.
    4. A világhálón található információk elérését biztosító szabályok.
  5. A következő képformátumok közül melyiket használják leginkább nagy fényképek webes közzétételére?
    1. PD3
    2. JPEG
    3. WMF
    4. PDF
A feladatok megoldása során:
  • Beszúrandó kép: hatter.gif, olaszorszag.jpg, foldkozi.jpg, ciprus.jpg, egyiptom.jpg
  • Módosítandó állomány: elet.txt, tenger.htm, jelentkezésilap1.htm
  • Feladatok forrása: \forrasok\feladat01 mappa
  • A következő feladatokat (6-10. feladat) HTML kódok beírásával oldja meg! Nyissa meg az elet.txt állományt egy editor segítségével!
  1. HTML kódok beírásával érje el, hogy az Élet a tengerben szöveg az oldal megjelenítésekor a böngésző címsorában jelenjen meg! Az oldal háttérszínét kékre és az oldalon az összes szöveg betűszínét fehérre állítsa!
  2. A fájlban szereplő szöveget sorkizártan jelenítse meg a weblapon! A 25 000 halfajból több mint 20000 az óceánok és tengerek lakója szöveg legyen dőlt és aláhúzott stílusú!
  3. A szöveg után szúrjon be egy vízszintes vonalat jobbra igazítottan, amely az oldal szélességének 50%-át foglalja el!
  4. A beszúrt vonal alá, az utolsó bekezdésbe írja a ECDL WEBKEZDŐ szöveget középre igazítottan és 1-gyel kisebb betűmérettel, mint a normál szöveg!
  5. A beírt szöveget alakítsa hivatkozássá, amely a http://www.ecdl.hu címre mutat! Mentse el a megváltozott szövegállományt, majd zárja be az editort!
  6. Nyissa meg a tenger.htm fájlt egy grafikus webszerkesztővel! Az utolsó bekezdés után egy üres bekezdésbe írja be a következő szöveget: Forrás! A beírt szöveg legyen jobbra zárt és 10 pontos betűméretű! Állítson be Courier New betűtípust dőlt stílussal és piros színnel!
  7. Az előzőleg beírt szöveg legyen egy link, amely a következő e-mail címre mutat: info@probaecdl.hu.
  8. A Páratlan mélytengeri koralltelepek a Földközi-tengeren szöveg íródjon 1-es szintű címsorral! A többi szöveg 2 soros sorközzel legyen látható a weblapon!
  9. Az oldal megjelenítésekor a böngésző címsorában megjelenő szöveg a következő legyen: A Földközi-tenger szépségei! Az oldalon háttérképként a hatter.gif képet helyezze el!
  10. Az Olaszország szöveget alakítsa linkké, amelyre ha rákattintunk, az olaszorszag.jpg képet nyitja meg új ablakban. A foldkozi1.jpg kép vízszintes és függőleges térközét 10 pontosra állítsa!
  11. A Forrás bekezdése elé szúrjon be egy 600 képpont széles táblázatot középre igazítva, amely 1 soros és 2 oszlopos!
  12. A beszúrt táblázat 0 pontos szegélymérettel, 8 pontos cellamargóval és 0 pontos cellaközzel rendelkezzék. A táblázat celláinak hátterét világoskékre (#3399FF kódúra) állítsa!
  13. Az előző pontban létrehozott táblázat celláiba szúrja be a ciprus.jpg és egyiptom.jpg állományokat 300x192 képpontos méretben! Mentse az átalakított weblapot!
  14. Nyissa meg a jelentkezesilap1.htm hiányos űrlapot egy webszerkesztővel! Végezze el a jelentkezési lap kiegészítését a következő feladatpontok szerint! A Név mellé helyezzen el egy beviteli mezőt! A beviteli mező hossza 35 karakter legyen! A beviteli mező alapértéke a következő szöveg legyen: Ide írja a nevét!
  15. Az ECDL modul felírat mellett vegyen fel egy legördülő listát, a következő modulokkal: IKT alapismeretek, Operációs rendszerek, Szövegszerkesztés, Táblázatkezelés, Adatbázis-kezelés, Prezentáció, Internet és kommunikáció és WEBKEZDŐ. A WEBKEZDŐ modul legyen alapértelmezésben kijelölve!
2.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A ............... lehetőséget adnak arra, hogy weboldalunkat több részre oszthassuk. Az egyes részek külön fájlban tárolódnak. Melyik a mondat helyes kiegészítése?
    1. frame-ek
    2. képek
    3. táblázatok
    4. űrlapok
  2. A következő meghatározások közül melyik érvényes a digitális tanúsítványra?
    1. Akkreditált minősítő szervezet által kiadott tanúsítvány beszkennelt változata, amit a kérelmező weboldalán elhelyez.
    2. Az IKT szektorban alkalmazott minősítés, amelyet független auditor cégek végeznek évenként.
    3. Egy minősítő szerv által kibocsátott elektronikus azonosság a weben lévő szervezet azonosságának ellenőrzésére.
    4. Aláírásom digitalizált változata.
  3. Jelölje meg, melyik a HTML meghatározása?
    1. A HTML egyszerű szövegformátumú dokumentumleíró nyelv.
    2. A HTML a HTTPS nem titkosított változata.
    3. A HTML szoftverfüggő, egyszerű szövegformátumú jelölő nyelv.
    4. A HTML egy webszerkesztő.
  4. Az URL ............... (Válassza ki, melyik a mondat helyes befejezése?)
    1. nyelv a dokumentumok megjelölésére a www számára.
    2. az interneten fellelhető dokumentumok, különböző erőforrások címe.
    3. megállapodásos szabvány a www-n történő adatátvitelre.
    4. alkalmazás a www forrásának fejlesztéséhez.
  5. Melyik a cookie meghatározása?
    1. A felhasználóról szóló információ, amit egy webszerver helyez el a felhasználó számítógépén.
    2. Karakter-átváltási táblázat.
    3. A felhasználóról szóló információ, amit a felhasználó egy űrlapon ad meg, és amely a kiszolgáló számítógép háttértárolójára kerül.
    4. Fájl, amely meggátolja a jogosulatlan hozzáférést az internetes alkalmazásokhoz.
A feladatok megoldása során:
  • Létrehozandó állomány: megye.htm
  • Beszúrandó kép: zalacimer.jpg, vascimer.jpg
  • Feladatok forrása: \forrasok\feladat02 mappa
  1. Nyissa meg a feladat02.htm állományt egy weblapszerkesztő programmal a megadott helyről! Alakítsa át úgy a megnyitott weboldalt, hogy az alapértelmezett betűszín kék (#000033 kódú) legyen!
  2. Állítsa be, hogy a már meglátogatott hivatkozások alapértelmezett színe szürke (#CCCCCC kódú)) legyen!
  3. A böngésző címsorában megjelenő szöveg Nyugat-Dunántúl legyen!
  4. Készítsen egy táblázatot, mely 1 sorból és 1 oszlopból áll, 100% szélességű és keret nélküli!
  5. Állítsa a táblázat háttérszínét kékre (#000033 kódúra)!
  6. Helyezze át a megfelelő szöveget a táblázatba!
  7. Az első sorban található szöveg középre igazított, 28 pontos betűméretű, Arial betűtípusú, félkövér stílusú és fehér színű legyen!
  8. Készítsen el egy táblázatot, mely 3 sorból és 2 oszlopból áll, 80% szélességű, keret nélküli! A táblázat vízszintesen az oldal közepén legyen!
  9. A táblázat első oszlopába szúrja be képként a megyék címerét a mintának megfelelően!
  10. A második címert méretezze arányosan az első kép szélességére!
  11. Keretezze be a képet 2 pixel vastag vonallal, és az oszlop szélességét állítsa be a képek méretére!
  12. Helyezze át az egyes megyékhez tartozó szövegeket a második oszlop megfelelő celláiba!
  13. A bekezdések első sorát tegye félkövér stílusúvá és a további sorokra állítson sorkizárt igazítást!
  14. Helyezzen el egy hivatkozást az űrlap alatt, amelynek szövege További információ, és a www.zala.hu oldalt hívja be egy külön oldalra!
  15. Mentse el az oldalt megye.htm néven!
3.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A(z) ............... nem más, mint egy weboldal kezdő pontja, amelyről elérhetők az oldal főbb részei. Melyik a mondat kiegészítése?
    1. .com
    2. start page
    3. back page
    4. home page
  2. A weboldalon megjelenő szöveg adott pontjára kattintva egy zenei fájl letöltése indul meg, ha az adott ponthoz megfelelő ............... tartozik. Melyik a mondat helyes kiegészítése?
    1. protokoll
    2. link
    3. fájlbecsatolás
    4. tag
  3. A következő kifejezések közül melyiknek a rövidítése az URL?
    1. Ultimate Rocket Launch
    2. Unicode Reapplied Language
    3. Unified Response Lodge
    4. Uniform Resource Locator
  4. A ............... szabályok összessége, amely a számítógépek közti adatcserét szabályozza. Melyik a mondat helyes kiegészítése?
    1. network firewall
    2. Digital Certificate
    3. HTML nyelv
    4. kommunikációs protokoll
  5. A ............... biztonsági rendszer, amelyet a számítógépek vagy belső hálózatok illetéktelen hozzáférésének megelőzésére terveztek. Melyik a mondat helyes kiegészítése?
    1. tűzfal
    2. böngésző
    3. protokoll
    4. cookie
A feladatok megoldása során:
  • Beszúrandó kép: foldkozi1.jpg, hatter.gif, olaszorszag.jpg
  • Módosítandó állomány: elet3.txt, tenger3.htm, jelentkezesilap3.htm
  • Feladatok forrása: \forrasok\feladat03 mappa
  • A következő feladatokat (6-10. feladat) HTML kódok beírásával oldja meg! Nyissa meg az elet3.txt állományt egy editor segítségével!
  1. A HTML színek szöveg a weboldal megjelenítésekor a böngésző címsorában jelenjen meg!
  2. Állítsa az oldal háttérszínét világoskék (#CCFFFF kód) színűre és a szöveg színét kékre!
  3. Hozzon létre 1-es szintű címsort A Földünk 71%-át víz borítja... kezdetű szöveg előtt, majd írja be a következő szöveget: A színes tengeri világ. A beírt szöveget igazítsa középre, és a betűk színe zöld legyen!
  4. Az előző pontban formázott szöveg után szúrjon be egy vízszintes vonalat az oldal közepére igazítva, amely az oldal szélességének 80%-át foglalja el, és a vonal legyen sárga színű!
  5. A szöveg után jobbra igazítottan szúrja be a foldkozi1.jpg képet 150x150 képpontra kicsinyítve és 1 pontos szegéllyel! Mentse az átalakított szöveges dokumentumot, majd zárja be az editort!
  6. Nyissa meg a tenger3.htm fájlt! A táblázat alá jobbra igazítottan írja a következő szöveget: Levél nekem! A beírt szöveget alakítsa linkké, amellyel levelet tud küldeni a következő címre: inform@ecdl.hu
  7. Az oldal hátterének állítsa be a hatter.gif képet! A böngésző címsorában megjelenő szöveg a következő legyen: Csodálatos tenger!
  8. Az 1. bekezdés - Páratlan mélytengeri koralltelepek a Földközi-tengeren - 2-es szintű címsor legyen középre igazítva! Változtassa meg a bekezdés betűszínét pirosra!
  9. Bővítse a táblázatot 1 oszloppal (cellával), és az új cellába illessze be az olaszorszag.jpg képet! A beszúrt képet arányosan kicsinyítse olyan magasra, mint a weblapon megtalálható egyiptim.jpg kép. Mentse az így átalakított weblapot!
  10. Nyissa meg a jelentkezesilap3.htm hiányos űrlapot! Végezze el a jelentkezési lap kiegészítését a következő feladatpontok szerint! A Diák szöveg eléhelyezzen el egy jelölt jelölőnégyzetet!
  11. Az állandó vizsgaidőpontok alatt egy új bekezdésben hozzon létre egy 3 soros, 3 oszlopos, középre igazított és 2 pontos szegéllyel rendelkező táblázatot!
  12. A táblázat 1. oszlopa a táblázat szélességének 20%-a, a 2. oszlopa 35%-a legyen!
  13. Helyezze el a táblázat 2. oszlopában a vizsganapokat középre igazítottan, félkövér és dölt stílussal! A 3. oszlopban a vizsgaidőpontokat félkövér stílussal és kék színnel írja be!
  14. Az 1. oszlopban a vizsgaidőpontoknál minden naphoz helyezzen el egy rádiogombot. A szerdai vizsgaidőpont legyen jelölt! Mentse az átalakított weblapot a megadott helyre!
    Hétfő 11 és 14 óra
    Szerda 10 és 13 óra
    Péntek 9 és 10 óra
  15. Mit jelent a következő HTML kód? A PONTOS válaszát írja ide a lapra, a pontozott vonalra! <img border="0" src="sirok5.jpg" width="405" height="302" alt="Sirok romjai">
4.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A következő World Wide Web-re és az internetre vonatkozó állítások közül melyik helyes?
    1. Az internet ugyanaz mint a www, nincs sok értelme különbséget tenni.
    2. Kezdetben az internet és a www ugyanaz volt; ez később is így marad amellett, hogy ma már egyre inkább széles sávon érik el a felhasználók az internetet.
    3. Az internet információmegosztó szolgáltatás a World Wide Web-en keresztül.
    4. A www az internet egyik szolgáltatása.
  2. A következő meghatározások közül melyik érvényes a digitális tanúsítványra?
    1. Akkreditált minősítő szervezet által kiadott tanúsítvány beszkennelt változata, amit a kérelmező weboldalán elhelyez.
    2. Az IKT szektorban alkalmazott minősítés, amelyet független auditor cégek végeznek évenként.
    3. Egy minősítő szerv által kibocsátott elektronikus azonosság a weben lévő szervezet azonosságának ellenőrzésére.
    4. Aláírásom digitalizált változata.
  3. A(z) ............... lehetővé teszi a kapcsolatot és az adatcserét a számítógépek között. Akövetkező kifejezések közül melyik teszi helyessé a mondatot?
    1. ad-ware
    2. HTTP
    3. HTML/XML
    4. spy-ware
  4. Mi a World Wide Web Consortium (W3C) céljának egyike a HTML-lel kapcsolatban?
    1. Pályázatok kiírása és versenyek szervezése.
    2. Szabványok kidolgozásának felügyelete az új technológiák bevezetésének elősegítése érdekében, a kormányzati szervek bevonása mellett.
    3. A HTML mint de facto szabvány háttérbe szorítása az új, hatékonyabb leíró nyelvek elterjesztése érdekében.
    4. Egyformán eredményes olvashatóság a különféle böngészőkkel és a webes tartalom elérhetőségének segítése.
  5. A ............... a weboldal elrendezését meghatározó felosztás, szerkezet. Az egyes részek külön fájlokban tárolódnak. Melyik a mondat helyes kiegészítése?
    1. frame-ek
    2. képek
    3. táblázatok
    4. űrlapok
A feladatok megoldása során:
  • Beszúrandó kép: diosgyor7.jpg, diosgyor3.jpg, flamingo.jpg
  • Módosítandó állomány: reneszansz2.htm, diosgyorfel.htm, varak.htm, flamingok2.txt
  • Beszúrandó szöveg: diosgyor.txt
  • Feladatok forrása: \forrasok\feladat04 mappa
  1. Nyissa meg a reneszansz2.htm hiányos űrlapot, s a 3. kérdés elé írja be a következő 2. kérdést! Ez a király híres volt arról, hogy ő rendelkezett a pápa után a legnagyobb könyvtárral. Könyvei a Corvinák. Hány kötetesre becsülik a történészek könyvtárát? A kérdés szövegformátuma egyezzen meg a 3. kérdés formátumával!
  2. A választ egy 1 soros legördülő lista segítségével lehessen megadni. A legördülő listában ne lehessen több elemet egyszerre kijelölni, s a lista lehetséges elemei és értékei a következők lehetnek!
    A lehetséges válaszok: 500
    501-1000
    1001-1500
    1501-2000
    2001-2500
    Mentse el az így módosított űrlapot a megadott helyre, a megadott néven!
  3. Nyissa meg a diosgyorfel.htm weblapot, majd alakítsa át a leírásnak megfelelően! A szöveg 1. bekezdése után szúrjon be egy 500 képpont széles és szegély nélküli, 1 soros és 2 oszlopos táblázatot, középre igazítva! A beszúrt táblázat 10 pontos cellamargóval és 0 pontos cellaközzel rendelkezzen!
  4. A beszúrt táblázat háttérszíne halvány narancssárga (#FFCC66 kódú) legyen!
  5. A táblázat 1. cellájába szúrja be a diosgyor7.jpg képet 250x173 képpont méretben! A kép helyén olvasható szöveg diósgyőri torony legyen!
  6. A beszúrt táblázat 2. cellájába szúrja be a diosgyor3.jpg képet 250x173 képpont méretben! A kép helyén olvasható szöveg diósgyőri látkép legyen!
  7. A beszúrt táblázat alá szúrja be a diosgyor.txt fájlból a még hiányzó szövegrészt! A szöveg formátuma egyezzen meg a weblapon található eredeti szöveggel!
  8. A királyok nevei legyenek 15 pontos betűméretűek és Arial betűtípusúak! A királyok neveit piros betűszínnel emelje ki!
  9. A táblázat 1. sorát alakítsa 2 cellássá, ahol a második jobboldali cella 230 képpont széles legyen! Ebben a cellában a Magyar várak szöveg legyen olvasható! A beírt szöveg betűmérete 24 pont legyen, és a beírt szöveg betűtípusát Comic Sans-ra állítsa! (Ha nincs ilyen betűtípus, akkor változtassa meg az alapértelmezett betűtípust másmilyenre!)
  10. Alakítsa hivatkozássá az előző pontban beírt szöveget, amely a varak.htm oldalra mutasson. Mentse az így elkészített weblapot diosgyor.htm néven!
  11. Nyissa meg a varak.htm oldalt, és a Diósgyőr szöveget alakítsa linkké, amely az előző pontban elmentett diosgyor.htm oldalra mutat! Mentse a megnyitott weblapot!
A következő feladatokat (17-20. feladat) HTML kódok beírásával oldja meg! Nyissa meg a flamingok2.txt állományt egy editor segítségével!
  1. HTML kódok beírásával az Elhelyezés, környezet és a Betegségei, kártevői szövegek legyenek zöld színűek és 2-es szintű címsorral kiemelve!
  2. Az Egyedi növényként az ablak előtt vagy verandán neveljük, de óvjuk a huzattól és a hidegtől! szöveg betűtípusát állítsuk Arial típusúra és a betűszínét pedig sötét rózsaszínűre (#CC6699 kódú)!
  3. Az A levéltetvekre igen érzékeny, s túl melegben a takácsatkák is megtámadhatják. szöveg legyen dőlt stílusú és kék betűszínű!
  4. Az Elhelyezés, környezet szöveg mellé jobbra igazítottan szúrja be a flamingo.jpg képet, 2 pontos szegéllyel, 200 képpont szélességgel és 150 képpont magassággal! Mentse az így átalakított szöveges állományt!
5.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. AA következő World Wide Web-re és internetre vonatkozó állítások közül melyik a helyes?
    1. Az internet gyakorlatilag a World Wide Web szinonímája.
    2. A World Wide Web ütemezett információmegosztó rendszer az interneten keresztül.
    3. Az internet információmegosztó szolgáltatás a World Wide Web-en keresztül.
    4. Egyik sem helyes.
  2. A következő meghatározások közül melyik érvényes a digitális tanúsítványra?
    1. Fizikai dokumentum digitális megjelenése.
    2. Az információtechnológia adott területén működő minősítő testület által adományozott díj.
    3. Egy minősítő szerv által kibocsátott elektronikus azonosító a weben lévő szervezet azonosságának ellenőrzésére.
    4. Aláírásom digitalizált változata.
  3. A(z) ............... lehetővé teszi a kapcsolatot és az adatcserét a számítógépek között. Melyik a mondat helyes kiegészítése?
    1. IPv6
    2. HTTP
    3. HTML
    4. anti-spam
  4. Mi a World Wide Web Consortium (W3C) céljainak egyike a HTML-el kapcsolatban?
    1. Korlátozza a HTML új verzióinak használatát a tagszervezetek számára.
    2. Optimális adatátvitel elérése a weben.
    3. Grafikus formátumok összehangolása.
    4. Egyformán eredményes olvashatóság a különféle böngészőkkel és a webes tartalom elérhetőségének segítése.
  5. A ............... ahhoz szükségesek, hogy egy weboldalt több részre oszthassunk a segítségével, ahol egyes részek külön fájlban tárolódnak. Melyik a mondat helyes kiegészítése?
    1. frame-ek
    2. képek
    3. táblázatok
    4. űrlapok
A feladatok megoldása során:
  • Beszúrandó kép: foldkozi2.jpg
  • Módosítandó állomány: elet2.txt, tenger2.htm, jelentkezesilap2.htm
  • Feladatok forrása: \forrasok\feladat05 mappa
  • A következő feladatokat (6-11. feladat) HTML kódok beírásával oldja meg! Nyissa meg az elet2.txt állományt egy editor segítségével!
  1. Az oldal háttérszínét világoskékre (#66FFCC kód) állítsa, és a weboldalon megjelenő szöveg színe bordó (#800000 kód) legyen!
  2. A Tagolások színe szöveg a weboldal megjelenítésekor a böngésző címsorában jelenjen meg!
  3. Írja egy új bekezdésbe A Földünk 71%-át víz borítja... kezdetű szöveg elé a következőket: A tengeri élet. A beírt szöveget igazítsa középre, és a betűstílusa legyen félkövér, valamint a betűméretét növelje meg 3-mal!
  4. Az előző pontban formázott szöveg mögé HTML kódok segítségével szúrjon be egy vízszintes vonalat az oldal közepére igazítva, amely az oldal szélességének 90%-át foglalja el, és a vonal legyen kék színű!
  5. Szúrja be a foldkozi2.jpg képet a vízszintes vonal alá, a szöveg mellé jobbra igazítottan! A beszúrt kép 90 pont széles és 100 pont magas legyen!
  6. A beszúrt képet alakítsa linkké, amelyre ha rákattint, a tenger@ecdl.hu e-mail címre tud levelet írni! Mentse az átalakított szöveges dokumentumot, majd zárja be az editort!
  7. Nyissa meg a tenger2.htm fájlt! Az Egyiprom szöveghez helyezzen el hivatkozást, amely az egyiptom.jpg képre mutat!
  8. Az oldal háttérszíne legyen sárga, s a böngésző címsorában megjelenő szöveg a következő legyen: A tenger szépségei!
  9. A szöveg után nyisson egy üres bekezdést, és gépelje be a következő szöveget: Melyik földközi-tengeri út érdekli leginkább? A begépelt szöveg formátuma egyezzen meg a kiemelt ország nevek (Olaszország, Ciprus és Egyiptom) minden tulajdonságával!
  10. A választ egy legördülő lista segítségével lehessen megadni a következő értékekkel: Olaszország, Egyiprom, Ciprus és Görögország. Görögország legyen az alapértelmezett úti cél!
  11. Az e-mail címét egy 60 karakter széles szövegdoboz segítségével lehessen megadni, ahol az alapértelmezett szöveg Ide írja az email címét! pl. info@jozsika.hu legyen! Mentse az átalakított weblapot!
  12. Nyissa meg a jelentkezesilap2.htm űrlapot! Ezt a hiányos jelentkezési lapot egészítse ki a következő feladatpontok szerint! A Diák szöveg mögé helyezzen el egy jelöletlen jelölőnégyzetet!
  13. Az állandó vizsgaidőpontok alatt egy új bekezdésben hozzon létre egy 3 soros, 3 oszlopos, balra igazított, szegélynélküli táblázatot, amely az oldal szélességének 60%-át foglalja el! Az 1. oszlop a táblázat szélességének 15%-a, a 2. oszlop a 30%-a legyen!
  14. Helyezze el a táblázat 2. oszlopában a vizsganapokat balra igazítottan, félkövér stílussal, a 3. oszlopban a vizsgaidőpontokat dőlt stílussal!
  15. Az 1. oszlopban a vizsgaidőpontoknál minden naphoz helyezzen el egy rádiogombot. A szerdai vizsgaidőpont legyen jelölt! Mentse az átalakított űrlapot!
    Hétfő 11 és 14 óra
    Szerda 10 és 13 óra
    Péntek 9 és 10 óra
6.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A(z) ............... nem más, mint egy weboldal kezdő pontja, amelyről elérhetők az oldal főbb részei. Melyik a mondat kiegészítése?
    1. .com
    2. start page
    3. back page
    4. home page
  2. A weboldalon megjelenő szöveg adott pontjára kattintva egy zenei fájl letöltése indul meg, ha az adott ponthoz megfelelő ............... tartozik. Melyik a mondat helyes kiegészítése?
    1. protokoll
    2. link
    3. fájlbecsatolás
    4. tag
  3. A következő kifejezések közül melyiknek a rövidítése az URL?
    1. Ultimate Rocket Launch
    2. Unicode Reapplied Language
    3. Unified Response Lodge
    4. Uniform Resource Locator
  4. A ............... szabályok összessége, amely a számítógépek közti adatcserét szabályozza. Melyik a mondat helyes kiegészítése?
    1. network firewall
    2. Digital Certificate
    3. HTML nyelv
    4. kommunikációs protokoll
  5. A ............... biztonsági rendszer, amelyet a számítógépek vagy belső hálózatok illetéktelen hozzáférésének megelőzésére terveztek. Melyik a mondat helyes kiegészítése?
    1. tűzfal
    2. böngésző
    3. protokoll
    4. cookie
A feladatok megoldása során:
  • Beszúrandó kép: sarospatak4.jpg, sarospatak5.jpg, bgvarak.jpg, sirok8.jpg
  • Módosítandó állomány: sarospatakfel.htm, reneszansz4.htm, sirok1.txt
  • Beszúrandó szöveg: sarospatak.txt
  • Feladatok forrása: \forrasok\feladat06 mappa
  1. Nyissa meg a sarospatakfel.htm weblapot egy grafikus weblapszerkesztő segítségével, majd alakítsa át a leírásnak megfelelően! A weblapon található szöveg alá, a 2. bekezdésbe írja be pótlólag a hiányzó szöveget a sarospatak.txt állományból! A beillesztett szöveg formátuma egyezzen meg a már a weblapon található szöveg formátumával!
  2. Az 1. képre kattintva a kinagyított kép jelenjen meg új ablakban! Az 1. kép helyén a Pataki vár szöveg legyen olvasható, ha a képek megjelenítése le van tíltva a böngészőben!
  3. Bővítse a táblázatot egy új sorral és 2 cellával, amelyek tulajdonságai egyezzenek meg a weblapon lévő táblázatok tulajdonságaival!
  4. A beszúrt cellák szélessége 425 képpont és a háttérszínük halványzöld (#CCFFCC kód) legyen!
  5. A beszúrt sor celláiba középre igazítottan illessze be a sarospatak4.jpg és sarospatak5.jpg képeket, amelyek arányosan 400 képpont szélesre legyenek kicsinyítve!
  6. Oldja meg, hogy az előző két képre kattintva a képek kinagyított változatai jelenjenek meg új ablakban!
  7. Az utolsó üres bekezdésbe 10 pontos betűmérettel, dőlt stílussal írja a következő szöveget: Feladat: ECDL webkezdő
  8. Az ECDL webkezdő szöveg link legyen, amely a http://www.ecdl.hu oldalra mutat. Mentse az így átalakított weblapot sarospatak.htm néven a megadott helyre!
  9. Nyissa meg a reneszansz.htm hiányos űrlapot és az 5. kérdés elé írja be a következő 4. kérdést! Uralkodása alatt többen szegény sorból (köznemes, polgár, jobbágy) emelkedtek fel. Válaszd ki a felsorolásból, kik! A kérdés szövegformátuma egyezzen meg az 5. kérdésformátumával!
  10. A választ jelölőnégyzetek segítségével lehessen megadni úgy, hogy egyszerre több válasz is bejelölhető legyen, és az alapértelmezésben egyik se legyen kijelölve! A lehetséges válaszok: Bakócz Tamás, Szilágyi Mihály, Ernuszt János, Újlaki Miklós, Kinizsi Pál. Mentse el az így módosított űrlapot a megadott helyre, a megadott néven!
A következő feladatokat (16-20. feladat) HTML kódok beírásával oldja meg! Nyissa meg a sirok1.txt állományt egy editor segítségével!
  1. HTML kódok beírásával, az oldal háttere a gbvarak.jpg fájlban lévő kép legyen! A lap megnyitásakor a böngésző címsorában a Sirok vára szöveg jelenjen meg!
  2. Az utolsó bekezdés után, egy jobbra igazított bekezdésbe írja a Magyar várak szöveget! A beírt szöveg legyen egy link, amely a varak.html állományra mutat!
  3. Az 1. bekezdés elé szúrjon be egy 1-es szintű címsort Sirok vára szöveggel! A beírt szöveg középre igazított és zöld színű legyen!
  4. Az 1-es szintű címsor mellé jobbra igazítottan szúrja be a sirok8.jpg képet! A kép mérete az eredeti méret 25%-a legyen és a kép 2 pontos szegéllyel rendelkezzen!
  5. Az évszámok legyenek dőlt és aláhúzott stílusúak, valamint zöld betűszínűek! Mentse el az így átalakított szövegfájlt!
7.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. Melyik hamis a következő állítások közül?
    1. Egy weboldal tartalmazhat videót, képet, letölthető programot.
    2. Az interneten keresztül több millió számítógép érhető el.
    3. A www az internet egyik szolgáltatása.
    4. Az internet a www egyik szolgáltatása.
  2. Milyen dokumentumok halmaza a World Wide Web?
    1. Olyanoké, amelyek flash animációt tartalmaznak.
    2. Olyanoké, amelyek kereszthivatkozásban állnak egymással.
    3. Olyanoké, amelyek kizárólag webböngésző alkalmazásokban tekinthetők meg (webbrowser).
    4. Olyanoké, amelyek szövegszerkesztővel tetszőlegesen szerkeszthetők.
  3. A következő állítások közül melyik igaz a Uniform Resource Locator-ra?
    1. Lehetővé teszi a kapcsolatot és az adatcserét a számítógépek között.
    2. Gyakran rövidítjük URS-nek.
    3. Webcímet jelent, webhelyet azonosít és mindig www-vel kezdődik.
    4. Webcímet jelent, webhelyet azonosít, nem mindig www-vel kezdődik.
  4. A következő állítások közül melyik érvényes a HTTP címre?
    1. A weben keresztüli adatátvitelre szolgáló protokoll, amely kizárólag széles sávon érhető el.
    2. A HTTP-cím, az URL-cím egy fajtája.
    3. A HTTP-cím, az URS-cím egy fajtája.
    4. A világhálón található információk elérését biztosító szabályok.
  5. A ............... korlátozza a más számítógépekről érkező adatokat, így véd a jogosulatlan hozzáféréstől. Mi a mondat hiányzó része?
    1. vírusirtó alkalmazás
    2. tűzfal
    3. aktív anti-spyware program
    4. cookie
A feladatok megoldása során:
  • Beszúrandó kép: ecdllogo.jpg
  • Módosítandó állomány: feladat7.txt, bank7.htm, tartalek.htm, feladat7.htm
  • Feladatok forrása: \forrasok\feladat07 mappa
  • A következő feladatokat (6-10. feladat) HTML kódok beírásával oldja meg! Nyissa meg a feladat7.txt állományt egy editor segítségével!
  1. HTML kódok beírásával az oldal háttérszínét sárgára, az oldalon a betűk színét pirosra állítsa!
  2. A weboldal böngészőben megjelenő címe Ne bízza a szerencsére! legyen!
  3. A Webkezdő az új ECDL modul 1-es szintű címsorként legyen formázva középre igazítottan, aláhúzott stílussal!
  4. Az A modul célja szöveg 2-es szintű címsor legyen! A többi sor 3-as szintű címsorral íródjon!
  5. A modul célja szöveg mellé az oldal jobb oldalára illessze be az ecdllogo.jpg képet! Mentse el az így átalakított szöveges állományt, majd zárja be az editort!
  6. Indítson el egy HTML szerkesztő alkalmazást, és nyissa meg a bank7.htm fájlt! Az oldal háttérszíne sárga (#FFFF00 kód) legyen! A bank7.htm weblap böngészőben megjelenő címe Bankok versenye napjainkban legyen!
  7. A szegmenseket bemutató sorokat alakítsa felsorolássá! Az ügyfélkör bővítésének lehetséges módjait leíró sorokat (4 lehetséges mód van leírva!) alakítsa számozott felsorolássá!
  8. Az utolsó bekezdést, a Figyelő szöveget igazítsa jobbra, a betűméretét csökkentse 2 ponttal, majd alakítsa linkké, amely a következő címre mutat: http://www.figyelnet.hu!
  9. A Fiatalítás és a Tartalék bővítési lehetőségeket alakítsa linkké, amely a fiatalitas.htm és a tartalek.htm fájlra mutasson! Mentse az így alakított weblapot a megadott helyre!
  10. Nyissa meg a tartalek.htm állományt, és a vissza a kezdőlapra szöveget alakítsa linkké, amely a bank7.htm oldalra mutat. Mentse az így átalakított weblapot!
  11. Nyissa meg a feladat7.htm űrlapot egy weblapszerkesztővel! Helyezzen el az űrlapon egy gombot az elküldött fájl szöveg mellé, amellyel a fájlletöltés lehetséges!
  12. Vegyen fel egy űrlapra egy jelszó mezőt is a jelszó szöveg mellé! A jelszó legalább 8 karakter, legfeljebb 25 karakter legyen!
  13. A jelszó után szúrjon be egy egysoros egyoszlopos táblázatot, amely balra igazított, s a szélessége az oldal szélességének 50%-a! A táblázat 2 pontos szegéllyel rendelkezzék!
  14. A táblázat háttérszínét sárgára állítsa! Írja bele a létrehozott táblázatba a következő segítő szöveget jobbra zártan: A jelszó legalább 8 és legfeljebb 20 karakter lehet! Mentse el az így átalakított űrlapot!
  15. Mit jelentenek a következő kódok? Milyen fájl tartalma nézhet így ki? Válaszát írja ide, a pontozott vonalra! body {background-color: #6699FF} p {text-align: justify; font-size: 14pt}
8.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A ................ nem weboldalak megtekintésére szolgáló alkalmazás. Melyik a mondat kiegészítése?
    1. webscript
    2. böngésző
    3. webbrowser
    4. browser
  2. A következő állítások közül melyik igaz a cookie-ra?
    1. Biztonsági alkalmazás (security application), amely megakadályozza a jogosulatlan hozzáférést az internethez.
    2. Biztonsági alkalmazás (security application), amely megakadályozza a jogosulatlan hozzáférést a számítógéphez, illetve a rajta tárolt információkhoz. Célszerű rendszeresen frissíteni.
    3. A felhasználóról szóló információ, amit egy webszerver helyez el a felhasználó számítógépén.
    4. A felhasználó számítógépéről szóló információ, amely nem kerül tárolásra háttértárolón.
  3. Jelölje meg, melyik a HTML meghatározása?
    1. A HTML szoftverfüggetlen, egyszerű szövegformátumú programnyelv.
    2. A HTML objektumorientált programozási nyelv.
    3. A HTML a Windows alatti alkalmazások jelölő nyelve (markup language).
    4. A HTML nem programnyelv, hanem egy dokumentumleíró nyelv, amellyel weboldalak hozhatók létre.
  4. Az URL ................ Válassza ki, melyik a mondat helyes befejezése?
    1. nyelv a dokumentumok megjelölésére a www számára.
    2. cím, amellyel az internet egy erőforrása érhető el.
    3. megállapodásos szabvány a www-n történő adatátvitel szabályaira.
    4. a .com, a .net és az .org top level domain nevek eléréséhez szükséges adatbázis.
  5. A felsoroltak közül melyik az a fájlformátum, amelyet általánosan használnak képek webes megjelenítéséhez?
    1. PDF
    2. JPEG
    3. BMP
    4. XML
A feladatok megoldása során:
  • Beszúrandó kép: vetesilud.jpg, eger5.jpg
  • Módosítandó állomány: allatok-katasztrofak2.txt, reneszansz6.htm, egerfel.htm
  • Beszúrandó szöveg: eger.txt
  • Feladatok forrása: \forrasok\feladat08 mappa
  • A következő feladatokat (6-10. feladat) HTML kódok beírásával oldja meg! Nyissa meg a allatok-katasztrofak2.txt állományt egy editor segítségével!
  1. HTML kódok alkalmazásával Az öt érzék a következő: szöveg legyen 3-as szintű címsor, és piros színű!
  2. Az öt érzéket (látás, szaglás, tapintás, ízlelés és érintés) alakítsa tetszőleges felsorolássá!
  3. A De mi lehet a hatodik, hetedik érzék? szöveg 2-es szintű címsor legyen, jobbra igazítva és piros betűszínnel!
  4. Az előző pontban említett szöveget követő 3 kérdő mondatot lássa el sorszámozással és a mondatok színe legyen kék!
  5. Az 1. bekezdés elé szúrja be a vetesilud.jpg képet arányosan 25%-osra kicsinyítve és jobbra igazítva! Mentse az így átalakított szöveges állományt, majd zárja be az editort!
  6. Nyissa meg a reneszansz6.htm hiányos űrlapot, és az 5. kérdés után vegye fel a következő 6. kérdést: Melyek azok a várak, városok, amelyeket sikeresen foglalt el? A kérdés formátuma egyezzen meg az előző 5. kérdés formátumával!
  7. A lehetséges válaszokat egy 3 sor magas legördülő listával lehessen megadni! A válaszok közülegyszerre többet is be lehessen jelölni! A lehetséges válaszok: Bécs, Jajca, Nándorfehérvár, Olmütz, Nis, Szabács és Szófia. Alapértelmezésben egyik lehetséges válasz se legyen kijelölve!
  8. A 6. utolsó kérdés alá illesszen be egy Elküldés típusú nyomógombot Küldés felirattal, és egy Alaphelyzet típusú gombot Törlés felirattal! Mentse el az így módosított űrlapot a megadott helyre a megadott néven!
  9. Nyissa meg az egerfel.htm weblapot, és alakítsa át a leírásnak megfelelően! A szöveg alá a 2. bekezdésbe szúrja be a hiányzó szöveget az eger.txt állományból! A teljes szöveg sorkizárt igazítású, 14 pont méretű, 1,5 sor sorközzel rendelkezzen!
  10. Az 1. és 2. bekezdés közé szúrja be az eger5.jpg képet 200 képpont szélességűre arányosan kicsinyítve! A beszúrt kép 2 képpont szegéllyel rendelkezzék, és a szöveg a képet a mintának megfelelően fussa körbe!
  11. Törölje a táblázat utolsó sorát, és az így megmaradt utolsó üres sor celláit egyessítse!
  12. Az egyesített cellába jobbra igazítottan, az alapértelmezettnél 2 ponttal kisebb és dölt stílusú betűkkel írja a következő szöveget: Készítette: Saját név!
  13. A saját nevére kattintva a következő e-mail címre tudjunk levelet írni: varak@ecdl.hu!
  14. A Magyar várak szöveget alakítsa linkké, amely a varak.htm oldalra mutat! Mentse el az így átalakított weblapot eger.htm néven!
  15. Mit jelent a következő HTML kódrészlet? A pontos leírást írja a pontozott vonalra! <table border"0" cellpadding="5" cellspacing="10" width="90%"> <tr> <td width="30%">&nbsp;</td> <td width="70%">&nbsp;</td> </tr> <tr> <td width="30%">&nbsp;</td> <td width="70%">&nbsp;</td> </tr> </table>
9.feladat: Válaszoljon a következő elméleti kérdésekre, majd végezze el a gyakorlatban a 6-20. feladatokat a megadott leírás szerint.
  1. A ................ nem weboldalak megtekintésére szolgáló alkalmazás. Melyik a mondat kiegészítése?
    1. webscript
    2. böngésző
    3. webbrowser
    4. browser
  2. A következő állítások közül melyik igaz a cookie-ra?
    1. Biztonsági alkalmazás (security application), amely megakadályozza a jogosulatlan hozzáférést az internethez.
    2. Biztonsági alkalmazás (security application), amely megakadályozza a jogosulatlan hozzáférést a számítógéphez, illetve a rajta tárolt információkhoz. Célszerű rendszeresen frissíteni.
    3. A felhasználóról szóló információ, amit egy webszerver helyez el a felhasználó számítógépén.
    4. A felhasználó számítógépéről szóló információ, amely nem kerül tárolásra háttértárolón.
  3. Jelölje meg, melyik a HTML meghatározása?
    1. A HTML szoftverfüggetlen, egyszerű szövegformátumú programnyelv.
    2. A HTML objektumorientált programozási nyelv.
    3. A HTML a Windows alatti alkalmazások jelölő nyelve (markup language).
    4. A HTML nem programnyelv, hanem egy dokumentumleíró nyelv, amellyel weboldalak hozhatók létre.
  4. Az URL ................ Válassza ki, melyik a mondat helyes befejezése?
    1. nyelv a dokumentumok megjelölésére a www számára.
    2. cím, amellyel az internet egy erőforrása érhető el.
    3. megállapodásos szabvány a www-n történő adatátvitel szabályaira.
    4. a .com, a .net és az .org top level domain nevek eléréséhez szükséges adatbázis.
  5. A felsoroltak közül melyik az a fájlformátum, amelyet általánosan használnak képek webes megjelenítéséhez?
    1. PDF
    2. JPEG
    3. BMP
    4. XML
A feladatok megoldása során:
  • Beszúrandó kép: hatter.gif, foldkozi1.jpg, foldkozi2.jpg, foldkozi4.jpg
  • Módosítandó állomány: hangyak9.txt, urlap9.htm, foldkozi.htm
  • Feladatok forrása: \forrasok\feladat09 mappa
  • A következő feladatokat (6-9. feladat) HTML kódok beírásával oldja meg! Nyissa meg a hangyak9.txt állományt egy editor segítségével!
  1. HTML kódok alkalmazásával oldja meg, hogy a (sok királynős, polygyn típus) szöveg legyen aláhúzott, dőlt stílusú és kék betűszínű!
  2. A forrás megjelölése elé HTML kódok beírásával szúrjon be egy vízszintes vonalat, amely az oldalon jobbra igazított zöld színű, és az oldal szélességének 30%-át foglalja el!
  3. HTML kódok beírásával a forrásmegjelölésnél a Magyar természet szöveget alakítsa linkké, amely a http://www.mtermeszet.hu oldalra mutat!
  4. HTML kódok beírásával a Gyakoriság és a Szaporodás közötti szövegrész betűtípusát változtassa meg Arial típusúra. Mentse az így átalakított szöveges állományt a megadott helyre, majd zárja be az editort!
  5. Nyissa meg az urlap9.htm hiányos űrlapot! A Hogyan érhetjük el Önt szöveg alá vegyen fel 35 karakter széles szövegdobozokat a minta szerint: (Név, E-mail, Tel., Fax)
  6. Vegyen fel egy jelölőnégyzetet a Kérem, az üggyel kapcsolatban mielőbb keressenek meg szöveggel! Mentse az átalakított űrlapot a megadott helyre!
  7. Nyissa meg a foldkozi.htm weblapot! Az oldal háttérképe a hatter.gif kép legyen, és az oldal megjelenítésekor a böngésző címsorában megjelenő szöveg: Földközi-tenger szépségei legyen olvasható!
  8. A táblázat baloldali oszlopa a táblázat szélességének 15%-a legyen ezüst (silver) háttérszínnel. A jobboldali sáv a táblázat szélességének 25%-a, ami szintén ezüst (silver) háttérszínű legyen!
  9. A táblázat középső oszlopának háttere egyezzen meg a weblap hátterével.
  10. A táblázat 1. egyesített cellájában található szöveg Páratlan mélytengeri koralltelepek a Földközi-tengeren 1-es címsorral és sötétkék betűszínnel legyen megformázva!
  11. Az 1. kép és a 2. kép szöveg fölé szúrja be a foldkozi1.jpg és a foldkozi2.jpg képet 120 képpont szélességűre arányosan kicsinyítve! A 4. kép szöveg fölé a foldkozi4.jpg képet szúrja be arárnyosan olyan szélesre állítva a kép méretét, mint a 3. kép szélessége!
  12. Az utolsó sor egyesített cellájában található szöveg 2-es címsorral és bordó (#850000 kód) betűszínnel íródjon! A cellában a betűk stílusa legyen dőlt!
  13. Az Olaszország és az Egyiptom névre kattintva az olaszorszag.gif, és az egyiptom.gif kép jelenjen meg új ablakban. A képek az adott ország térképét mutatják. Mentse az így átalakított weblapot!
  14. Mit jelent a következő HTML kódrészlet? A pontos leírást írja a pontozott vonalra! <img src="voroshangya1.jpg" align="right">
  15. Hogyan tud egy külső stíluslapot weblapjához, weboldalához hozzácsatolni? Válaszát írja a pontozott vonalra!