Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... az interneten fellelhető dokumentumok, különböző erőforrások címe. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – WWW b. – URL c. – HTTP d. – HTTPS

1/2. A(z) ...... weboldalak megtekintésére szolgáló alkalmazás. Válaszd ki, melyik a mondat helyes kiegészítése!

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

1/3. Miért fontos a weboldalon beillesztett képekhez helyettesítő szöveg megadása?

a. – Tájékoztatja a felhasználót a kép készítőjéről, amely a kép alatt jelenik meg. b. – Informálja a felhasználót a kép tartalmáról, ha valamilyen ok miatt a kép nem jeleníthető meg, de fontos szerepe van a keresésnél is. c. – A böngésző programot informálja a kép méreteiről, hogy megfelelően tudja elhelyezni a képernyőn. d. – Fontos adattal szolgál a webszerver számára a kép méreteiről, hogy optimálisan tudja eltárolni a webtárhelyen.

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. Az alábbiak közül milyen jelölőket használunk kiválasztó lista típusú űrlapelem létrehozására?

a. – <input> jelölőt, azon belül az egyes elemekhez <option> jelölőt b. – <option> jelölőt, azon belül az egyes elemekhez <select> jelölőt c. – <select> jelölőt, azon belül az egyes elemekhez <input> jelölőt d. – <select> jelölőt, azon belül az egyes elemekhez <option> jelölőt

1/6. Jelölje 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.

Alakítsd félkövérré a szövegben a „Hot Salsa Tánciskola” szövegrészt.
Alakítsd dőltté a szöveg végén lévő „A tánc az életstílusunk!” mondatot.

3. A „Célunk, hogy a minket felkeresők számára...” kezdetű mondattól kezdődő szövegrész kerüljön új bekezdésbe.
Az „Oktatóink a Budapesten elérhető...” kezdetű mondat elé szúrj be egy sortörést.

4. Állíts be hiperhivatkozást a „legjobb tanárok” szövegrészre, amely mutasson a tanaraink.html oldalra.
Állíts be hiperhivatkozást a „profi képzést” szövegrészre is, ez mutasson a táncórákat tartalmazó oldalra.

5. Határozd meg az oldalon található dancing.gif kép paramétereit a következőképpen: a kép szélessége 150 pixel, magassága 160 pixel legyen. Adj „tánc” néven alternatív szöveget a képhez.

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

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

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

7. A cím alatti szövegrészt formázd át úgy, hogy az definíciós lista típusú legyen.

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

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

Alakítsd a táblázat első oszlopának celláit fejléc cella típusúvá.

9. Módosítsd a táblázatban a „Haladó 10-13 éveseknek” első óráját feb. 20-ra, a „Haladó latin felnőtteknek” utolsó óráját jún. 2-re.

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

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

Szúrj be egy új mezőt a Név alá: A címke legyen Email, az ehhez tartozó mező pedig legyen egysoros szöveges beviteli mező.

11. Módosítsd a button nyomógombot submit típusúra, a gombra a mehet felirat kerüljön.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A dt elemekre határozz meg félkövér betűstílust, valamint kiskapitális betűképet.

13. A tartalom nevű azonosítón belüli h1 elemek betűmérete legyen az alap betűméret 1,5-szerese, valamint középre rendezett.

14. A caption elemek háttérszíne legyen #bb955b, a betűszín pedig fehér (white).

15. A th és a td elemekhez rendelj keret tulajdonságot, amelynek vastagsága 1 pixel, mintázata pontozott, valamint a színe szürke (gray).

16. Az egysoros szöveges beviteli mező szélessége legyen 300 pixel.

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

Az elkészült weboldal: