Webszerkesztés
Visual Studio Code

---

1/1. A következő képformátumok közül melyiket használják a leginkább grafikai elemek, pl. gombok webes megjelenítéséhez?

a. – PNG b. – BMP c. – PHP d. – EPS

1/2. Mire szolgál a HTML állományokban az <a name="..."> jelölő?

a. – fejezetcím létrehozására b. – hiperhivatkozás létrehozására c. – könyvjelző (horgony) létrehozására d. – számozott felsorolás létrehozására

1/3. A(z) ...... egy ugrópont, amely a dokumentumok elemeit, objektumait köti össze. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – hiperhivatkozás b. – szuperhivatkozás c. – URL d. – jump point

1/4. Mire használják a weboldalak táblázataiban a <thead> jelölőt?

a. – táblázat címére b. – táblázat oszlopcímének megadására c. – táblázat egy cellájának megadására d. – táblázat fejlécének megadására

1/5. Az alábbiak közül melyik határoz meg egyszerű (egysoros) szöveges beviteli mezőt?

a. – <text name="város" value=""> b. – <select type="text" name="város" value=""> c. – <option type="text" name="város" value=""> d. – <input type="text" name="város" value="">

1/6. Mi a CSS?

a. – A weboldalak stílusát, kinézetét leíró nyelv. b. – Az interneten fellelhető dokumentumok, különböző erőforrások címe. c. – A webszerverek és a kliens programok (pl. böngészők) közti kommunikáció protokollja. d. – Olyan program, amellyel az interneten keresztül elérhető weblapok megtekintését teszi lehetővé.

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

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

Alakítsd a „Bemutatkozás” sort 1. szintű címsorrá.
Alakítsd egyszerű bekezdés típusúvá „A Kék Cédrus Faiskola igazgatója” sort.

3. Állíts be hiperhivatkozást a „Díszcserjéink most kedvezményesen megvásárolhatók” szövegrészre, amely mutasson az akcionk.html oldalra.
Állíts be hiperhivatkozást a szöveg végén lévő „Kék Cédrus Faiskola” szövegrészre is, ez mutasson az Elérhetőségünk című oldalra.

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

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

Egészítsd ki a fájlt a hiányzó head nyitó és záró jelölőivel.
Adj oldalcímet „Kék Cédrus Faiskola” néven.

5. Az „Amennyiben további...” kezdetű mondat új bekezdés helyett csak új sorba kerüljön.
Szüntesd meg a mondat dőlt stílusát.

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

6. Nyisd meg a szolgaltatasaink.html fájlt.

A Kertépítés és Szaktanácsadás közötti sorokat alakítsd számozatlan felsorolás stílusúvá, amely a Kertépítés alá legyen beágyazva.

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

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

A termek_kep osztályú elemeken belüli képekhez rendelj alternatív szöveget, amelyek tartalmai legyenek ugyanazok, mint az alattuk lévő, félkövérrel szedett megnevezések.

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

8. Nyisd meg az elerhetosegunk.html fájlt.

Szúrd be a kep osztályú elemen belülre a garden.jpg képet. A kép megjelenési szélessége 280 pixel legyen.

9. Módosítsd az Email, valamint a Tárgy feliratokhoz tartozó beviteli mező paramétereit úgy, hogy a beírható maximális karakterszám 50 legyen.

10. Módosítsd az Üzenet melletti beviteli mező paramétereit úgy, hogy a sorok száma 6, a soron belüli karakterek száma 45 legyen.

11. Módosítsd az űrlap végén a nyomógombot submit típusúra, a gomb felirata pedig „üzenet küldése” legyen.

Mentsd el és zárd be az elerhetosegunk.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 hivatkozás jelölő elemek hover állapotában a szöveg legyen aláhúzott.

13. A h2 elemek betűmérete legyen az alap betűméret 1,2-szerese.

14. Módosítsd a termek_kep osztályra vonatkozó szabályt: a szövegigazítás legyen középre rendezett, a bélés (padding) értéke egységesen 5 pixel.

15. A fildset elemek div gyermekelemeinél a felső és alsó margó mérete legyen 20 pixel, a bal- és jobboldali margó pedig 0 pixel.

16. A submit típusú nyomógombok háttérszíne legyen #cfc.

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

Az elkészült weboldal: