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

Módosítsd a „Köszöntjük Önt!” szöveget a következőre: „Köszönti kedves látogatóit az Ukulele Zeneiskola!” Tedd ezt a sort 1. szintű címsorrá.

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

3. Az „Elérhetőségeinket a”... mondat elé szúrj be egy sortörést.
A „Kellemes böngészést...” mondat kerüljön új bekezdésbe.

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

A snippets.json fájl!

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

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

4. 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

Adj oldalcímet „Ukulele zeneiskola” szöveggel. 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!)

A snippets.json fájl!

5. A cím alatti sorokat szerkeszd definíciós lista típusúvá.

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

6. Alakítsd hiperhivatkozássá az oldalon szereplő két email címet.

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

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

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

8. Nyisd meg a kepzeseink.html fájlt.

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

Az oldalon található táblázatból töröld a Megjegyzés oszlopot, valamint a fuvola sort.

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

9. Javítsd a táblázatban a hegedű kezdési idejét május 4-re, a klarinét képzési díját pedig 95 000 Ft-ra.

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

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

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

10. Nyisd meg a vendegkonyv.html fájlt.

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

Az oldalon lévő űrlapba szúrj be egy űrlapelemet, amelynek „Email” a felirata, a hozzá tartozó űrlapelem pedig egysoros szöveges beviteli mező legyen.

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

11. Adj magyarázó feliratot (legend) az oldalon lévő mezőcsoportnak a következő szöveggel: „Kérjük, írjon a vendégkönyvbe!”

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

Mentsd el és zárd be az vendegkonyv.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 h1 elemek betűméretét állítsd az alap betűméret 1,8-szorosára, a szövegigazítást pedig középre.

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

13. A dt elemekben a szöveg betűképe legyen kiskapitális, betűstílus félkövér.

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

14. A megjegyzes osztályú elemekre a betűméretet állítsd az alap betűméret 0,9-szeresére és dőltté.

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

15. A table elemek margóját állítsd be a következőképpen: a felső és alsó értéke legyen 5 pixel, a bal- és jobboldali margók értékét állítsa be úgy, hogy az elem középre rendeződjön.

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

16. A textarea elemek háttérszínét állítsd #ccf értékre.

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

A kapcsolat.html oldalra beszúrt kép túl nagy, de mivel a css-ben sincs rá beállítás, így a szöveg „kilóg”!

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 kepzeseink.html kapcsolat.html vendegkonyv.html

Webszerkesztés
Visual Studio Code

46. feladatsor

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

Módosítsd a „Köszöntjük Önt!” szöveget a következőre: „Köszönti kedves látogatóit az Ukulele Zeneiskola!” Tedd ezt a sort 1. szintű címsorrá.

3. Az „Elérhetőségeinket a”... mondat elé szúrj be egy sortörést.
A „Kellemes böngészést...” mondat kerüljön új bekezdésbe.

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

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

Adj oldalcímet „Ukulele zeneiskola” szöveggel. Rendelj a fájlhoz a styles.css stíluslap állományt.

5. A cím alatti sorokat szerkeszd definíciós lista típusúvá.

6. Alakítsd hiperhivatkozássá az oldalon szereplő két email címet.

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

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

8. Nyisd meg a kepzeseink.html fájlt.

Az oldalon található táblázatból töröld a Megjegyzés oszlopot, valamint a fuvola sort.

9. Javítsd a táblázatban a hegedű kezdési idejét május 4-re, a klarinét képzési díját pedig 95 000 Ft-ra.

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

10. Nyisd meg a vendegkonyv.html fájlt.

Az oldalon lévő űrlapba szúrj be egy űrlapelemet, amelynek „Email” a felirata, a hozzá tartozó űrlapelem pedig egysoros szöveges beviteli mező legyen.

11. Adj magyarázó feliratot (legend) az oldalon lévő mezőcsoportnak a következő szöveggel: „Kérjük, írjon a vendégkönyvbe!”

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A h1 elemek betűméretét állítsd az alap betűméret 1,8-szorosára, a szövegigazítást pedig középre.

13. A dt elemekben a szöveg betűképe legyen kiskapitális, betűstílus félkövér.

14. A megjegyzes osztályú elemekre a betűméretet állítsd az alap betűméret 0,9-szeresére és dőltté.

15. A table elemek margóját állítsd be a következőképpen: a felső és alsó értéke legyen 5 pixel, a bal- és jobboldali margók értékét állítsa be úgy, hogy az elem középre rendeződjön.

16. A textarea elemek háttérszínét állítsd #ccf értékre.

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

Az elkészült weboldal:

46. feladatsor

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

Módosítsd a „Köszöntjük Önt!” szöveget a következőre: „Köszönti kedves látogatóit az Ukulele Zeneiskola!” Tedd ezt a sort 1. szintű címsorrá.

3. Az „Elérhetőségeinket a”... mondat elé szúrj be egy sortörést. A „Kellemes böngészést...” mondat kerüljön új bekezdésbe.

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

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

Adj oldalcímet „Ukulele zeneiskola” szöveggel. Rendelj a fájlhoz a styles.css stíluslap állományt.

5. A cím alatti sorokat szerkeszd definíciós lista típusúvá.

6. Alakítsd hiperhivatkozássá az oldalon szereplő két email címet.

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

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

8. Nyisd meg a kepzeseink.html fájlt.

Az oldalon található táblázatból töröld a Megjegyzés oszlopot, valamint a fuvola sort.

9. Javítsd a táblázatban a hegedű kezdési idejét május 4-re, a klarinét képzési díját pedig 95 000 Ft-ra.

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

10. Nyisd meg a vendegkonyv.html fájlt.

Az oldalon lévő űrlapba szúrj be egy űrlapelemet, amelynek „Email” a felirata, a hozzá tartozó űrlapelem pedig egysoros szöveges beviteli mező legyen.

11. Adj magyarázó feliratot (legend) az oldalon lévő mezőcsoportnak a következő szöveggel: „Kérjük, írjon a vendégkönyvbe!”

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

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

Módosítsd a CSS szabályokat az alábbiak szerint: A h1 elemek betűméretét állítsd az alap betűméret 1,8-szorosára, a szövegigazítást pedig középre.

13. A dt elemekben a szöveg betűképe legyen kiskapitális, betűstílus félkövér.

14. A megjegyzes osztályú elemekre a betűméretet állítsd az alap betűméret 0,9-szeresére és dőltté.

15. A table elemek margóját állítsd be a következőképpen: a felső és alsó értéke legyen 5 pixel, a bal- és jobboldali margók értékét állítsa be úgy, hogy az elem középre rendeződjön.

16. A textarea elemek háttérszínét állítsd #ccf értékre.

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

Az elkészült weboldal:

3. Az „Elérhetőségeinket a”... mondat elé szúrj be egy sortörést.
A „Kellemes böngészést...” mondat kerüljön új bekezdésbe.

4. 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 h1 elemek betűméretét állítsd az alap betűméret 1,8-szorosára, a szövegigazítást pedig középre.