Webszerkesztés
Visual Studio Code

---

1/1. Mi a TCP/IP?

a. – Olyan fájl, amely meggátolja a jogosulatlan hozzáférést az internetes alkalmazásokhoz. 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. – Weboldalak, képek keresésére szolgáló internetes alkalmazás. d. – Olyan program, amely e-mail, naptár, feladat- és névjegykezelést biztosít.

1/2. A böngésző ...... Válaszd ki, melyik a mondat helyes befejezése!

a. – olyan program, amellyel dokumentumokat kereshetünk a saját számítógépünkön. b. – olyan program, amellyel az interneten keresztül elérhető weblapok megtekintését, illetve az interneten elérhető szolgáltatások használatát teszi lehetővé. c. – olyan program, amely bizonyos szavaknak, kifejezéseknek megfelelő információkat keres az interneten. d. – olyan program, amely e-mail, naptár, feladat- és névjegykezelést biztosít.

1/3. Jelöld meg, melyik a hiperhivatkozás (link) helyes meghatározása!

a. – A keresőmotorok egy adott szóra vagy kifejezésre adott találati listájának összessége. b. – E-mailek tárgy mezőjében megadott szöveg. c. – A dokumentum egy adott pontjáról egy másik pontjára vagy egy másik dokumentumra vezető utalás. d. – Interneten közzétett tartalmak szerzőjének, valamint a közzétett fényképek készítőjének megjelölése.

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

a. – <cell> jelölőt b. – <td> jelölőt c. – <tr> jelölőt d. – <table> jelölőt

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. Jelöld meg, az alábbiak közül melyik az inline stíluslap használati mód meghatározása!

a. – A stílus a HTML dokumentumon kívül, külön CSS fájlban van definiálva. b. – A stílus nincs definiálva, a megjelenés a böngészőre van bízva. c. – A stílus a HTML dokumentumon belül <style> jelölőn belül van definiálva és az egész dokumentumra érvényes. d. – A stílus egy adott jelölőn belül van definiálva és csak ott érvényes.

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

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

Tedd a Cégünk filozófiája sort 3. szintű címsorrá.
A „Hogyan értük el és tartjuk fenn...” sort tedd szintén 3. szintű címsorrá.

3. Alakítsd félkövérré a „Több mint 100 ügyfelünk... meggyőződhet.” mondatot.
A „minimálisan szükséges technikával” szövegrészt pedig tedd dőltté.

4. Egészítsd ki a szöveget egy új bekezdéssel, az „Igen gondosan járunk el...” kezdetű bekezdés után, a szöveg pedig ez legyen: „Tekintse meg referenciánkat.” Állíts be hiperhivatkozást erre a mondatra, amely mutasson a referenciak.html oldalra.

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

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

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

6. Tedd számozatlan felsorolás stílusúvá a „Vállalati, intézményi referenciák” címsor alatti listát.

Valamint számozott felsorolás stílusú listává a „Magán megrendelői referenciák” címsor alatti sorokat.

7. Cseréld le a festes.jpg képet a vodor.jpg képre. A kép alternatív szövege vödör legyen.

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

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

Töröld a táblázatból a Színhatárképzés sort.

Cseréld meg a Pácolás és a Lazúrozás sort egymással.

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

A Tapétázás cella osztálya legyen kiemelt.

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

10. Nyisd meg az ajanlat.html fájlt.

Szúrj be az űrlapba egy új sort Email cím felirattal, a hozzá tartozó beviteli mező legyen egysoros szöveges.

11. Az űrlap alján lévő gomb típusa legyen submit, felirata Küldés.

Mentsd el és zárd be az ajanlat.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ára a betű színe legyen vörös (red) és aláhúzott.

13. A table elemek felső és alsó margójának adj 5 pixel értéket, a bal- és jobboldali margót állítsd be úgy, hogy az elem középre rendeződjön.

14. A kiemelt osztályú td elemek baloldali bélése (padding) legyen 30 pixel, a betűstílus pedig félkövér.

15. Az ajanlat_form azonosítójú elemen belüli egysoros szöveges beviteli mező szélessége legyen 300 pixel.

16. Az ajanlat_form azonosítójú elemen belüli meret osztályú elemek szélességét állítsd 70 pixelre.

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

Az elkészült weboldal: