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 „Nyitvatartási idő” alatti 7 sor jelölőjét úgy, hogy számozatlan felsorolás stílusú legyen, minden egyes sor egy felsorolás.

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

Az utolsó, „Szintén új hír...” kezdetű szöveg jelölőjét módosítsd egyszerű bekezdés típusúra.

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

3. Nyisd meg az elojegyzes.html fájlt.

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

Tedd félkövérré a „10 multimédiás PC-vel” szövegrészt.

Ugyanebben a bekezdésben tedd dőltté az „internet” szót.

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

4. Szúrj be egy képet a „Könyvtárunk...” kezdetű bekezdés elejére a következő paraméterekkel: A kép fájlneve pc.jpg, az alternatív szöveg ehhez legyen „PC”.

Adj továbbá osztály jellemzőt a képhez belso é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 elojegyzes.html fájlt.

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

5. Nyisd meg az olvaso.txt fájlt.

Mentsd el a fájlt weboldalként olvaso.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

Szúrj be a karakterkódolásról szóló meta elemet, értéke legyen utf-8.

Egészítsd ki a fájlt a weboldal címét beállító jelölővel, a weboldal címe „Könyvtár” legyen.

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

6. A „Hamarosan...” helyébe ezt a mondatot írja: „Örömmel értesítjük Olvasóinkat, hogy a megváltozott igényekhez alkalmazkodva új nyitva tartási idő lépett érvénybe idén március 1‑jétől.”

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

7. Állíts be hiperhivatkozást az „itt” szóra, amely mutasson a kezdőoldalra, valamint az „innen” szóra is, ez pedig a katalogus.html oldalra mutasson.

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

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

Egyesítsd a táblázat középső oszlopában egymás alatt álló „kémia” szövegű cellákat.

A kémia cella mellett álló üres cellában legyen a következő szöveg: „szervetlen kémia”.

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

9. A „jog” szöveget tartalmazó cella tartalmát módosítsd „jogtudományok”-ra.

A társadalom tudományok és a művészetek között van egy üres sor. E sor celláit töröld ki.

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

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

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

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

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

Adj az űrlaphoz egy új szöveges beviteli mezőt tartalmazó űrlapelemet a Név és A dokumentum katalógusszáma közé a következő paraméterekkel: A felirat: Olvasójegy azonosító, az űrlapelem neve: ojaz.

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

11. Módosítsd a „Hosszabbítás kérés ideje” feliratú űrlapelemet a következők szerint: látszódjon a lista mind az öt sora, alapértelmezetten legyen a 3 nap 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 a hosszabbitas.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 a keret vastagsága legyen 1 pixel, mintázata pontozott, a színe pedig #c57658.

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

13. A cím azonosítójú elemen belüli h1 elemeknél a betűméretet állítsd 36 pixelre, a betűközt pedig 0.3em értékre.

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

14. A táblázat th elemeire a háttérszín legyen #006, a betűszín pedig #ff9.

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

15. A táblázat th és td elemeinek bélés (padding) méretét határozd meg a következők szerint: felső és alsó legyen 5 pixel, a bal- és jobboldali pedig 20 pixel.

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

16. Az egysoros szöveges beviteli mezők szélessége legyen 200 pixel, a háttérszíne pedig: #faa.

(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 olvaso.html katalogus.html hosszabbitas.html elojegyzes.html

Webszerkesztés
Visual Studio Code

7. feladatsor

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

Módosítsd a „Nyitvatartási idő” alatti 7 sor jelölőjét úgy, hogy számozatlan felsorolás stílusú legyen, minden egyes sor egy felsorolás.

Az utolsó, „Szintén új hír...” kezdetű szöveg jelölőjét módosítsd egyszerű bekezdés típusúra.

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

3. Nyisd meg az elojegyzes.html fájlt.

Tedd félkövérré a „10 multimédiás PC-vel” szövegrészt.

Ugyanebben a bekezdésben tedd dőltté az „internet” szót.

4. Szúrj be egy képet a „Könyvtárunk...” kezdetű bekezdés elejére a következő paraméterekkel: A kép fájlneve pc.jpg, az alternatív szöveg ehhez legyen „PC”.

Adj továbbá osztály jellemzőt a képhez belso értékkel.

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

5. Nyisd meg az olvaso.txt fájlt.

Mentsd el a fájlt weboldalként olvaso.html néven.

Szúrj be a karakterkódolásról szóló meta elemet, értéke legyen utf-8.

Egészítsd ki a fájlt a weboldal címét beállító jelölővel, a weboldal címe „Könyvtár” legyen.

6. A „Hamarosan...” helyébe ezt a mondatot írja: „Örömmel értesítjük Olvasóinkat, hogy a megváltozott igényekhez alkalmazkodva új nyitva tartási idő lépett érvénybe idén március 1‑jétől.”

7. Állíts be hiperhivatkozást az „itt” szóra, amely mutasson a kezdőoldalra, valamint az „innen” szóra is, ez pedig a katalogus.html oldalra mutasson.

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

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

Egyesítsd a táblázat középső oszlopában egymás alatt álló „kémia” szövegű cellákat.

A kémia cella mellett álló üres cellában legyen a következő szöveg: „szervetlen kémia”.

9. A „jog” szöveget tartalmazó cella tartalmát módosítsd „jogtudományok”-ra.

A társadalom tudományok és a művészetek között van egy üres sor. E sor celláit töröld ki.

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

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

Adj az űrlaphoz egy új szöveges beviteli mezőt tartalmazó űrlapelemet a Név és A dokumentum katalógusszáma közé a következő paraméterekkel: A felirat: Olvasójegy azonosító, az űrlapelem neve: ojaz.

11. Módosítsd a „Hosszabbítás kérés ideje” feliratú űrlapelemet a következők szerint: látszódjon a lista mind az öt sora, alapértelmezetten legyen a 3 nap kiválasztott állapotban.

Mentsd el és zárd be a hosszabbitas.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 a keret vastagsága legyen 1 pixel, mintázata pontozott, a színe pedig #c57658.

13. A cím azonosítójú elemen belüli h1 elemeknél a betűméretet állítsd 36 pixelre, a betűközt pedig 0.3em értékre.

14. A táblázat th elemeire a háttérszín legyen #006, a betűszín pedig #ff9.

15. A táblázat th és td elemeinek bélés (padding) méretét határozd meg a következők szerint: felső és alsó legyen 5 pixel, a bal- és jobboldali pedig 20 pixel.

16. Az egysoros szöveges beviteli mezők szélessége legyen 200 pixel, a háttérszíne pedig: #faa.

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

Az elkészült weboldal:

7. feladatsor

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

Módosítsd a „Nyitvatartási idő” alatti 7 sor jelölőjét úgy, hogy számozatlan felsorolás stílusú legyen, minden egyes sor egy felsorolás.

Az utolsó, „Szintén új hír...” kezdetű szöveg jelölőjét módosítsd egyszerű bekezdés típusúra.

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

3. Nyisd meg az elojegyzes.html fájlt.

Tedd félkövérré a „10 multimédiás PC-vel” szövegrészt.

Ugyanebben a bekezdésben tedd dőltté az „internet” szót.

4. Szúrj be egy képet a „Könyvtárunk...” kezdetű bekezdés elejére a következő paraméterekkel: A kép fájlneve pc.jpg, az alternatív szöveg ehhez legyen „PC”.

Adj továbbá osztály jellemzőt a képhez belso értékkel.

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

5. Nyisd meg az olvaso.txt fájlt.

Mentsd el a fájlt weboldalként olvaso.html néven.

Szúrj be a karakterkódolásról szóló meta elemet, értéke legyen utf-8.

Egészítsd ki a fájlt a weboldal címét beállító jelölővel, a weboldal címe „Könyvtár” legyen.

6. A „Hamarosan...” helyébe ezt a mondatot írja: „Örömmel értesítjük Olvasóinkat, hogy a megváltozott igényekhez alkalmazkodva új nyitva tartási idő lépett érvénybe idén március 1‑jétől.”

7. Állíts be hiperhivatkozást az „itt” szóra, amely mutasson a kezdőoldalra, valamint az „innen” szóra is, ez pedig a katalogus.html oldalra mutasson.

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

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

Egyesítsd a táblázat középső oszlopában egymás alatt álló „kémia” szövegű cellákat.

A kémia cella mellett álló üres cellában legyen a következő szöveg: „szervetlen kémia”.

9. A „jog” szöveget tartalmazó cella tartalmát módosítsd „jogtudományok”-ra.

A társadalom tudományok és a művészetek között van egy üres sor. E sor celláit töröld ki.

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

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

Adj az űrlaphoz egy új szöveges beviteli mezőt tartalmazó űrlapelemet a Név és A dokumentum katalógusszáma közé a következő paraméterekkel: A felirat: Olvasójegy azonosító, az űrlapelem neve: ojaz.

11. Módosítsd a „Hosszabbítás kérés ideje” feliratú űrlapelemet a következők szerint: látszódjon a lista mind az öt sora, alapértelmezetten legyen a 3 nap kiválasztott állapotban.

Mentsd el és zárd be a hosszabbitas.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 a keret vastagsága legyen 1 pixel, mintázata pontozott, a színe pedig #c57658.

13. A cím azonosítójú elemen belüli h1 elemeknél a betűméretet állítsd 36 pixelre, a betűközt pedig 0.3em értékre.

14. A táblázat th elemeire a háttérszín legyen #006, a betűszín pedig #ff9.

15. A táblázat th és td elemeinek bélés (padding) méretét határozd meg a következők szerint: felső és alsó legyen 5 pixel, a bal- és jobboldali pedig 20 pixel.

16. Az egysoros szöveges beviteli mezők szélessége legyen 200 pixel, a háttérszíne pedig: #faa.

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

Az elkészült weboldal:

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú elemen belüli li elemekre a keret vastagsága legyen 1 pixel, mintázata pontozott, a színe pedig #c57658.