WebmesterKE2 - ECDL vizsgafeladatok megoldásai ingyen, lépésről-lépésre!

Indíts el a Visual Studio Code webszerkesztő programot.

2. Nyisd meg az inf.html fájlt.

Fájl megnyitása: a Fájlkezelőben dupla klikk a fájl nevén

Alakítsd át mindkét táblázat első sorát fejléc cella típusúvá.

(Az animáció indításához/leállításához kattints a képen!)

3. Szúrj be mindkét táblázat elejére táblázat feliratot (caption), az első táblázaté legyen Induló járatok, a másodiké Érkező járatok.

(Az animáció indításához/leállításához kattints a képen!)

4. Szúrj be egy-egy horgonyt (könyvjelzőt) indulo néven az első táblázat elé, valamint erkezo néven a második táblázat elé.

(Az animáció indításához/leállításához kattints a képen!)

5. Szúrj be egy sort az induló járatok táblázatába a 17.30-kor Helsinkibe induló és a 18.45-kor Budapestre induló járat közé a következő adatokkal: Hová: Oslo, Indulás:18.15, Megjegyzés: Minden nap.

(Az animáció indításához/leállításához kattints a képen!)

Módosítsd a 21.00 órakor Stockholmból érkező járat megjegyzését Hétvégén-re.

(Az animáció indításához/leállításához kattints a képen!)

Mentsd el és zárd be az inf.html fájlt.

Mentés: C+s
Fájl bezárása: C+É

6. Nyisd meg az index.html fájlt.

Fájl megnyitása: a Fájlkezelőben dupla klikk a fájl nevén

A 105 pályát 75 sílift szövegrészt alakítsd félkövérré.

(Az animáció indításához/leállításához kattints a képen!)

Az izgalmas síprogramokkal szövegrészt alakítsd dőltté.

(Az animáció indításához/leállításához kattints a képen!)

7. A Járatinformációk sort alakítsd 2. szintű címsorrá.

(Az animáció indításához/leállításához kattints a képen!)

Az induló járatok, és az érkező járatok sorát alakítsd számozatlan felsorolás stílusúvá.

(Az animáció indításához/leállításához kattints a képen!)

8. Állíts be hiperhivatkozást az induló járatok-ra, amely mutasson az inf.html oldal indulo nevű könyvjelzőjére, valamint az érkező járatok-ra, ez mutasson az inf.html oldal erkezo nevű könyvjelzőjére.

(Az animáció indításához/leállításához kattints a képen!)

9. Adj alternatív szöveget a jet.jpg képhez Járatok értékkel, állítsd a szélességet 200 pixelre.

(Az animáció indításához/leállításához kattints a képen!)

Mentsd el és zárd be az index.html fájlt.

Mentés: C+s
Fájl bezárása: C+É

10. Nyisd meg az ido.txt fájlt.
Mentsd el a fájlt weboldalként ido.html néven és zárd be.

(Az animáció indításához/leállításához kattints a képen!)

Fájl megnyitása: a Fájlkezelőben dupla klikk a fájl nevén

Rendelj a fájlhoz a styles.css stíluslap állományt.

(Az animáció indításához/leállításához kattints a képen!)

Egészítsd ki a fájlt a hiányzó body nyitó és záró jelölőivel.

(Az animáció indításához/leállításához kattints a képen!)

Mentsd el a fájlt és zárd be.

Mentés: C+s
Fájl bezárása: C+É

11. Nyisd meg a kapcsolat.html fájlt.

Fájl megnyitása: a Fájlkezelőben dupla klikk a fájl nevén

A rádiógombok közül alapértelmezés szerint az egyéb érték legyen kiválasztott állapotban.

(Az animáció indításához/leállításához kattints a képen!)

Adj a gombnak feliratot Üzenet küldése értékkel.

(Az animáció indításához/leállításához kattints a képen!)

Mentsd el és zárd be a kapcsolat.html fájlt.

Mentés: C+s
Fájl bezárása: C+É

12. Nyisd meg a styles.css fájlt.

Fájl megnyitása: a Fájlkezelőben dupla klikk a fájl nevén

Módosítsd a CSS szabályokat az alábbiak szerint:
Add meg az oldal hátterének a ho_hatter.jpg képet, a kép legyen vízszintes és függőleges irányban is ismétlődő.

(Az animáció indításához/leállításához kattints a képen!)

alapértelmezetten a kép vízszintes és függőleges irányban is ismétlődő,
ezért nem szükséges a repeat kiírása a kódsor végére

13. A nav azonosítójú elemen belüli ul elemek listajelölőjéhez rendeld a hopehely.png képet.

(Az animáció indításához/leállításához kattints a képen!)

14. Adj keretet a table elemeknek:
a keret legyen 1 pixel vastag, folytonos vonalú, a színe pedig #fcc.

(Az animáció indításához/leállításához kattints a képen!)

15. Állítsd a táblázatok th elemeinek a háttérszínét #f99-re, betűszínét pedig #066-ra.

(Az animáció indításához/leállításához kattints a képen!)

16. Állítsd a fieldset elemek margóját és a bélését (padding) 10 pixelre.

(Az animáció indításához/leállításához kattints a képen!)

Mentsd el és zárj be minden fájlt és zárj be minden alkalmazást.

Mentés: C+s
Fájl bezárása: C+É
Webszerkesztő bezárása: A+É

Az elkészült weboldal:

index.html referenciak.html arak.html ajanlat.html

Webszerkesztés
Visual Studio Code

2. feladatsor

2. Nyisd meg az inf.html fájlt.

Alakítsd át mindkét táblázat első sorát fejléc cella típusúvá.

3. Szúrj be mindkét táblázat elejére táblázat feliratot (caption), az első táblázaté legyen Induló járatok, a másodiké Érkező járatok.

4. Szúrj be egy-egy horgonyt (könyvjelzőt) indulo néven az első táblázat elé, valamint erkezo néven a második táblázat elé.

5. Szúrj be egy sort az induló járatok táblázatába a 17.30-kor Helsinkibe induló és a 18.45-kor Budapestre induló járat közé a következő adatokkal: Hová: Oslo, Indulás:18.15, Megjegyzés: Minden nap.

Módosítsd a 21.00 órakor Stockholmból érkező járat megjegyzését Hétvégén-re.

Mentsd el és zárd be az inf.html fájlt.

6. Nyisd meg az index.html fájlt.

A 105 pályát 75 sílift szövegrészt alakítsd félkövérré.

Az izgalmas síprogramokkal szövegrészt alakítsd dőltté.

7. A Járatinformációk sort alakítsd 2. szintű címsorrá.

Az induló járatok, és az érkező járatok sorát alakítsd számozatlan felsorolás stílusúvá.

8. Állíts be hiperhivatkozást az induló járatok-ra, amely mutasson az inf.html oldal indulo nevű könyvjelzőjére, valamint az érkező járatok-ra, ez mutasson az inf.html oldal erkezo nevű könyvjelzőjére.

9. Adj alternatív szöveget a jet.jpg képhez Járatok értékkel, állítsd a szélességet 200 pixelre.

Mentsd el és zárd be az index.html fájlt.

10. Nyisd meg az ido.txt fájlt.
Mentsd el a fájlt weboldalként ido.html néven és zárd be.

Rendelj a fájlhoz a styles.css stíluslap állományt.

Egészítsd ki a fájlt a hiányzó body nyitó és záró jelölőivel.

11. Nyisd meg a kapcsolat.html fájlt.

A rádiógombok közül alapértelmezés szerint az egyéb érték legyen kiválasztott állapotban.

Adj a gombnak feliratot Üzenet küldése értékkel.

Mentsd el és zárd be a kapcsolat.html fájlt.

12. Nyisd meg a styles.css fájlt.

Módosítsd a CSS szabályokat az alábbiak szerint:
Add meg az oldal hátterének a ho_hatter.jpg képet, a kép legyen vízszintes és függőleges irányban is ismétlődő.

13. A nav azonosítójú elemen belüli ul elemek listajelölőjéhez rendeld a hopehely.png képet.

14. Adj keretet a table elemeknek:
a keret legyen 1 pixel vastag, folytonos vonalú, a színe pedig #fcc.

15. Állítsd a táblázatok th elemeinek a háttérszínét #f99-re, betűszínét pedig #066-ra.

16. Állítsd a fieldset elemek margóját és a bélését (padding) 10 pixelre.

Mentsd el és zárj be minden fájlt és zárj be minden alkalmazást.

Az elkészült weboldal:

2. feladatsor

2. Nyisd meg az inf.html fájlt.

Alakítsd át mindkét táblázat első sorát fejléc cella típusúvá.

3. Szúrj be mindkét táblázat elejére táblázat feliratot (caption), az első táblázaté legyen Induló járatok, a másodiké Érkező járatok.

4. Szúrj be egy-egy horgonyt (könyvjelzőt) indulo néven az első táblázat elé, valamint erkezo néven a második táblázat elé.

5. Szúrj be egy sort az induló járatok táblázatába a 17.30-kor Helsinkibe induló és a 18.45-kor Budapestre induló járat közé a következő adatokkal: Hová: Oslo, Indulás:18.15, Megjegyzés: Minden nap.

Módosítsd a 21.00 órakor Stockholmból érkező járat megjegyzését Hétvégén-re.

Mentsd el és zárd be az inf.html fájlt.

6. Nyisd meg az index.html fájlt.

A 105 pályát 75 sílift szövegrészt alakítsd félkövérré.

Az izgalmas síprogramokkal szövegrészt alakítsd dőltté.

7. A Járatinformációk sort alakítsd 2. szintű címsorrá.

Az induló járatok, és az érkező járatok sorát alakítsd számozatlan felsorolás stílusúvá.

8. Állíts be hiperhivatkozást az induló járatok-ra, amely mutasson az inf.html oldal indulo nevű könyvjelzőjére, valamint az érkező járatok-ra, ez mutasson az inf.html oldal erkezo nevű könyvjelzőjére.

9. Adj alternatív szöveget a jet.jpg képhez Járatok értékkel, állítsd a szélességet 200 pixelre.

Mentsd el és zárd be az index.html fájlt.

10. Nyisd meg az ido.txt fájlt. Mentsd el a fájlt weboldalként ido.html néven és zárd be.

Rendelj a fájlhoz a styles.css stíluslap állományt.

Egészítsd ki a fájlt a hiányzó body nyitó és záró jelölőivel.

11. Nyisd meg a kapcsolat.html fájlt.

A rádiógombok közül alapértelmezés szerint az egyéb érték legyen kiválasztott állapotban.

Adj a gombnak feliratot Üzenet küldése értékkel.

Mentsd el és zárd be a kapcsolat.html fájlt.

12. Nyisd meg a styles.css fájlt.

Módosítsd a CSS szabályokat az alábbiak szerint: Add meg az oldal hátterének a ho_hatter.jpg képet, a kép legyen vízszintes és függőleges irányban is ismétlődő.

13. A nav azonosítójú elemen belüli ul elemek listajelölőjéhez rendeld a hopehely.png képet.

14. Adj keretet a table elemeknek: a keret legyen 1 pixel vastag, folytonos vonalú, a színe pedig #fcc.

15. Állítsd a táblázatok th elemeinek a háttérszínét #f99-re, betűszínét pedig #066-ra.

16. Állítsd a fieldset elemek margóját és a bélését (padding) 10 pixelre.

Mentsd el és zárj be minden fájlt és zárj be minden alkalmazást.

Az elkészült weboldal:

10. Nyisd meg az ido.txt fájlt.
Mentsd el a fájlt weboldalként ido.html néven és zárd be.

Módosítsd a CSS szabályokat az alábbiak szerint:
Add meg az oldal hátterének a ho_hatter.jpg képet, a kép legyen vízszintes és függőleges irányban is ismétlődő.

14. Adj keretet a table elemeknek:
a keret legyen 1 pixel vastag, folytonos vonalú, a színe pedig #fcc.