Webszerkesztés
Visual Studio Code

---

1/1. Jelöld meg, melyik a HTTP protokoll helyes meghatározása!

a. – Az e-mailek interneten történő továbbítására használatos kommunikációs protokoll. b. – A webszerverek és a kliens programok (pl. böngészők) közti kommunikáció protokollja. c. – Ügyfelek egymással való közvetlen kommunikációjának protokollja. d. – Számítógépek közti titkosított kapcsolat protokollja.

1/2. A(z) ...... olyan számítógép vagy program, amelyik hozzáfér egy (távoli) szolgáltatáshoz, amelyet egy számítógép hálózathoz tartozó másik számítógép nyújt. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – kliens b. – szerver c. – böngésző d. – webszerver

1/3. Mire szolgálnak a HTML állományban a <h1>, <h2>, ..., <h6> jelölők?

a. – Tetszőlegesen felhasználható jelölők, amelyekhez nincs alapértelmezett stílus hozzárendelve. b. – Könyvjelzők létrehozására szolgáló jelölők. c. – Számozott felsorolás egyes listaelemeinek tárolására szolgál. d. – Különböző szintű és méretű fejezetcímek és alfejezetcímek adhatók meg használatukkal.

1/4. Mit határoz meg a weboldalak táblázataiban a „colspan” jellemző?

a. – hány egymás alatti cella legyen összevonva egy cellává b. – a cellabélés nagyságát c. – hány egymás melletti cella legyen összevonva egy cellává d. – a cellák közti távolságot

1/5. Mire használjuk az űrlapoknál az <input type="submit"> jelölőt?

a. – szöveges beviteli mező elhelyezésére b. – "űrlap elküldése" gomb elhelyezésére c. – jelölőnégyzet elhelyezésére d. – kiválasztó lista elhelyezésére

1/6. Mit módosíthatunk a hiperhivatkozások „hover” állapotának módosításával?

a. – A még meg nem látogatott hivatkozások tulajdonságait. b. – A hivatkozások keretének tulajdonságait. c. – A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. d. – A hivatkozás azon tulajdonságait, amikor az egérmutatót a link fölé visszük.

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

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

A „További szolgáltatásaink...” mondat elé tegyél sortörést.
Az „Üdvözlettel:” kezdődő két sor kerüljön új bekezdésbe.

3. Állíts be hiperhivatkozást a „faiskolai áruinkkal” szövegrészre, amely mutasson a Termékeink című oldalra.
Állíts be hiperhivatkozást a „További szolgáltatásaink” szövegrészre is, ez mutasson a szolgaltatasaink.html 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ó html és body nyitó és záró jelölőivel.

5. Tedd az „Akciónk” sort 1. szintű címsorrá.
A „Tavaszi akció!” sort pedig alakítsd 2. szintű címsorrá.

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

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

Módosítsd az oldalon található felsorolást számozatlan felsorolás stílusúvá.

A Kertépítés és Szaktanácsadás közti sorokat ágyazd be a Kertépítés sora alá már ott van!!!
A beágyazott felsorolás legyen számozott felsorolás stílusú.

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

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

Adj a termek_kep osztályú elemeken belüli képeknek alternatív szöveget, ezek értéke legyen ugyanaz, mint a képek alatt lévő, zárójelbe tett latin megnevezés.

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

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

Szúrd be a garden.jpg képet a kep osztályú elemen belülre, a kép megjelenési magasságát állítsd 180 pixelre.

9. Az oldalon található űrlap egészét tedd egy mezőcsoportba (fieldset). Adj magyarázó feliratot (legend) a mezőcsoporthoz „Írjon nekünk!” szöveggel.

10. A Tárgy felirathoz tartozó beviteli mező név tulajdonságát módosítsd „targy”-ra, a maximálisan beírható karakterek száma pedig 30 legyen.

11. A submit gomb mellé vegyél fel egy reset típusú nyomógombot. Ennek felirata legyen „üzenet törlése”.

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ő elemekhez tartozó, valamint azok link és visited állapotaira a betű színe legyen fehér (white), a stílusa pedig félkövér.

13. A h1 elemekre a betűméret legyen az alap betűméret 1,65-szöröse, a szöveget pedig igazítsd középre.

14. A termek_kep osztályú elemeken belüli img elemekhez határozz meg keret tulajdonságot, amely 3 pixel vastag, folytonos vonalú és #060 színű.

15. A fieldset elemekre határozz meg 15 pixel méretű bélést (padding), valamint félkövér betűstílust.

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: