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 index.html fájlt.

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

Tedd félkövérré az „egyszerűen és gyorsan” szövegrészt.
Alakítsd dőltté az „Ismerd meg a vidéket!” sort.

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

3. Állíts be hiperhivatkozást a „FALU-VÉGE kft.” szövegrészre, amely mutasson a kapcsolat.html oldalra.
Állíts be hiperhivatkozást a „szálláshelyeket és programokat” szövegrészre is, ez mutasson a Programok című oldalra.

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

4. Szúrd be a turizmus.jpg képet a kep osztályú elemen belülre. Adj alternatív szöveget a képnek „turizmus” értékkel.

(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+É

5. Nyisd meg a kapcsolat.txt fájlt.
Mentsd el a fájlt weboldalként kapcsolat.html néven.

(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

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

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

6. Módosítsd a „Kapcsolat” címsor alatti szöveget úgy, hogy az egyes sorok legyenek külön bekezdésben.

(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+É

7. Nyisd meg a programok.html fájlt.

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

Az oldalon található táblázathoz adj táblázatcímet (caption) „Tavaszi programok” szöveggel.

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

8. Rendezd a táblázat sorait helyszín szerinti ABC sorrendbe.

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

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

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

9. Nyisd meg az ajanlo.html fájlt.

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

A Név felirathoz tartozó szövegmező név értéke legyen „nev”, a maximálisan beírható karakterek száma pedig 30.

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

10. A „Kategóriák, amelyekre kíváncsi” szöveghez tartozó jelölőnégyzetekhez vegyél fel egy új jelölőnégyzetet, amelynek a címkéje legyen „Gasztronómia”, és legyen alapértelmezés szerint bejelölt állapotban.

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

A jelölőnégyzet value értéke nem lehet(ne) azonos!

11. A Régió mezőjét állítsd be úgy, hogy minden eleme látszódjon, alapértelmezés szerint pedig legyen „Budapest és Pest megye” kiválasztott állapotban.

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

Mentsd el és zárd be az ajanlo.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:
A menu azonosítójú elemen belüli li elemekre adj meg félkövér betűstílust, valamint 1.2em betűméretet.

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

13. Adj meg a thead elemen belüli th elemek háttérszínének #060, a betűszínének pedig fehér (white) értékeket.

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

14. A td elemekre határozz meg minimális szélességet, ami 80 pixel. Ugyanitt a függőleges szövegelrendezés felülre történjen.

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

15. A fieldset elemekhez rendelj 15 pixel méretű bélés (padding) értéket.

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

16.A text típusú input elemek szélessége legyen 300 pixel.

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

Ments é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 programok.html ajanlo.html kapcsolat.html

Webszerkesztés
Visual Studio Code

36. feladatsor

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

Tedd félkövérré az „egyszerűen és gyorsan” szövegrészt.
Alakítsd dőltté az „Ismerd meg a vidéket!” sort.

3. Állíts be hiperhivatkozást a „FALU-VÉGE kft.” szövegrészre, amely mutasson a kapcsolat.html oldalra.
Állíts be hiperhivatkozást a „szálláshelyeket és programokat” szövegrészre is, ez mutasson a Programok című oldalra.

4. Szúrd be a turizmus.jpg képet a kep osztályú elemen belülre. Adj alternatív szöveget a képnek „turizmus” értékkel.

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

5. Nyisd meg a kapcsolat.txt fájlt.
Mentsd el a fájlt weboldalként kapcsolat.html néven.

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

6. Módosítsd a „Kapcsolat” címsor alatti szöveget úgy, hogy az egyes sorok legyenek külön bekezdésben.

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

7. Nyisd meg a programok.html fájlt.

Az oldalon található táblázathoz adj táblázatcímet (caption) „Tavaszi programok” szöveggel.

8. Rendezd a táblázat sorait helyszín szerinti ABC sorrendbe.

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

9. Nyisd meg az ajanlo.html fájlt.

A Név felirathoz tartozó szövegmező név értéke legyen „nev”, a maximálisan beírható karakterek száma pedig 30.

10. A „Kategóriák, amelyekre kíváncsi” szöveghez tartozó jelölőnégyzetekhez vegyél fel egy új jelölőnégyzetet, amelynek a címkéje legyen „Gasztronómia”, és legyen alapértelmezés szerint bejelölt állapotban.

11. A Régió mezőjét állítsd be úgy, hogy minden eleme látszódjon, alapértelmezés szerint pedig legyen „Budapest és Pest megye” kiválasztott állapotban.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú elemen belüli li elemekre adj meg félkövér betűstílust, valamint 1.2em betűméretet.

13. Adj meg a thead elemen belüli th elemek háttérszínének #060, a betűszínének pedig fehér (white) értékeket.

14. A td elemekre határozz meg minimális szélességet, ami 80 pixel. Ugyanitt a függőleges szövegelrendezés felülre történjen.

15. A fieldset elemekhez rendelj 15 pixel méretű bélés (padding) értéket.

16.A text típusú input elemek szélessége legyen 300 pixel.

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

Az elkészült weboldal:

36. feladatsor

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

Tedd félkövérré az „egyszerűen és gyorsan” szövegrészt. Alakítsd dőltté az „Ismerd meg a vidéket!” sort.

3. Állíts be hiperhivatkozást a „FALU-VÉGE kft.” szövegrészre, amely mutasson a kapcsolat.html oldalra.Állíts be hiperhivatkozást a „szálláshelyeket és programokat” szövegrészre is, ez mutasson a Programok című oldalra.

4. Szúrd be a turizmus.jpg képet a kep osztályú elemen belülre. Adj alternatív szöveget a képnek „turizmus” értékkel.

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

5. Nyisd meg a kapcsolat.txt fájlt. Mentsd el a fájlt weboldalként kapcsolat.html néven.

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

6. Módosítsd a „Kapcsolat” címsor alatti szöveget úgy, hogy az egyes sorok legyenek külön bekezdésben.

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

7. Nyisd meg a programok.html fájlt.

Az oldalon található táblázathoz adj táblázatcímet (caption) „Tavaszi programok” szöveggel.

8. Rendezd a táblázat sorait helyszín szerinti ABC sorrendbe.

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

9. Nyisd meg az ajanlo.html fájlt.

A Név felirathoz tartozó szövegmező név értéke legyen „nev”, a maximálisan beírható karakterek száma pedig 30.

10. A „Kategóriák, amelyekre kíváncsi” szöveghez tartozó jelölőnégyzetekhez vegyél fel egy új jelölőnégyzetet, amelynek a címkéje legyen „Gasztronómia”, és legyen alapértelmezés szerint bejelölt állapotban.

11. A Régió mezőjét állítsd be úgy, hogy minden eleme látszódjon, alapértelmezés szerint pedig legyen „Budapest és Pest megye” kiválasztott állapotban.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint: A menu azonosítójú elemen belüli li elemekre adj meg félkövér betűstílust, valamint 1.2em betűméretet.

13. Adj meg a thead elemen belüli th elemek háttérszínének #060, a betűszínének pedig fehér (white) értékeket.

14. A td elemekre határozz meg minimális szélességet, ami 80 pixel. Ugyanitt a függőleges szövegelrendezés felülre történjen.

15. A fieldset elemekhez rendelj 15 pixel méretű bélés (padding) értéket.

16.A text típusú input elemek szélessége legyen 300 pixel.

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

Az elkészült weboldal:

Tedd félkövérré az „egyszerűen és gyorsan” szövegrészt.
Alakítsd dőltté az „Ismerd meg a vidéket!” sort.

3. Állíts be hiperhivatkozást a „FALU-VÉGE kft.” szövegrészre, amely mutasson a kapcsolat.html oldalra.
Állíts be hiperhivatkozást a „szálláshelyeket és programokat” szövegrészre is, ez mutasson a Programok című oldalra.

5. Nyisd meg a kapcsolat.txt fájlt.
Mentsd el a fájlt weboldalként kapcsolat.html néven.

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú elemen belüli li elemekre adj meg félkövér betűstílust, valamint 1.2em betűméretet.