Webszerkesztés
Visual Studio Code

---

1/1. Egy weboldalon a gyors letöltés céljából melyik a legalkalmasabb hangformátum típus?

a. – CDA b. – VAW c. – MP3 d. – WAV

1/2. Jelöld meg, melyik az Instant Messaging (IM) helyes meghatározása!

a. – Internetes szabvány, amelyet weboldalak készítéséhez fejlesztettek ki. b. – Különböző típusú és méretű hálózatok, rendszerek egymással való kommunikációjának céljából megalkotott protokollok családja. c. – Olyan kiszolgáló, amely weblapok elérését teszi lehetővé HTTP protokoll segítségével. d. – Olyan számítógépes alkalmazás, amely azonnali szöveges kommunikációt tesz lehetővé a hálózaton keresztül.

1/3. A(z) ...... weboldalak készítéséhez kifejlesztett leíró nyelv. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – HTTP b. – HTML c. – TCP/IP d. – HTTPS

1/4. Milyen jelölőt kell használni a weboldalak táblázataiban a táblázat egy-egy sorának meghatározására?

a. – <th> jelölőt b. – <td> jelölőt c. – <tr> jelölőt d. – <hr> jelölőt

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

a. – <textarea name="msg" rows="4" cols="50">Üzenet szövege:</textarea> b. – <input type="textarea" name="msg" rows="4" cols="50">Üzenet szövege:</input> c. – <area name="msg" rows="4" cols="50">Üzenet szövege:</area> d. – <form type="area" name="msg" rows="4" cols="50" value="Üzenet szövege:">

1/6. Mire illeszkedik az a CSS szabály, amelynek szelektora: „#kiemelt{...}”?

a. – Arra az elemre, amelynek „id” jellemzője „kiemelt”. b. – Minden olyan elemre, amelynek „class” jellemzője „kiemelt”. c. – A<p id="kiemelt"> elemre. d. – Minden <p class="kiemelt"> elemre.

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

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

Alakítsd félkövérré az „5000 irodalmi, 800 tudományos, valamint több mint 2000 mesekönyv” szövegrészt.
Tedd dőltté az „árverést tartunk” szövegrészt.

3. Alakítsd számozatlan felsorolás stílusúvá az „Üzletünkben a következő...” cím alatti felsorolást.

4. Állíts be hiperhivatkozást a „katalógusunkban talál” szövegrészre, amely mutasson a Katalógus című oldalra.
Állíts be hiperhivatkozást a „rendelje meg” szövegrészre is, ez mutasson a megrendeles.html oldalra.

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

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

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

6. Alakítsd definíciós listává a az „Adok-Veszek” cím alatti felsorolást.

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

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

Módosítsd a táblázat első sorának celláit fejléc cella típusúvá.

8. Szúrd be a táblázat alatt található konyv osztályú elemen belülre a konyvek.gif képfájlt.
Adj alternatív szöveget a képnek „könyvek” értékkel.

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

9. Nyisd meg a megrendeles.html fájlt.

Szúrj be az űrlaphoz magyarázó feliratot (legend) a következő szöveggel: „Töltse ki az alábbi űrlapot!”.

10. Vegyél fel egy új rádiógombot a Kategória címszó mellé, a gombhoz tartozó címke „Szépirodalmi mű” legyen.

Vagy:

A rádiógombok közül alapértelmezetten legyen az „Életrajz” bejelölt állapotban.

11. Állítsd be az Üzenet felirat melletti szövegmezőt a következőképpen: sorok száma 8, a soron belüli karakterszám 40 legyen.
Alapértelmezetten a következő szöveg legyen a szövegmezőbe beleírva: „Itt üzenhet nekünk.”

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A tartalom azonosítójú elem h2 gyermekeleménél a betűméret legyen az alap betűméret 1,2-szerese.

13. A table elemek felső és alsó margóinak nagysága legyen 20 pixel, a bal- és jobboldali margót pedig állítsd be úgy, hogy az elem középre rendeződjön.

14. Módosítsd a th elemre vonatkozó megjelenítési szabályt: a háttér színének #800, a betűszínnek pedig #ff0 értéket adjon meg.

15. A fieldset elemekhez adj bélés (padding) értéket, amely egységesen 20 pixel legyen.

Ilyen elem egyik oldalon sincs!

16. Az egysoros szöveges beviteli mező szélességét határozd meg 300 pixel méretűre.

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

Az elkészült weboldal: