Webszerkesztés
Visual Studio Code

---

1/1. Mi az FTP?

a. – Az FTP a multimédiás dokumentumok leíró nyelve. b. – Az FTP a weboldalon lévő kattintható elem, amellyel egy másik weboldal, vagy éppen egy tetszőleges fájl megnyitása végezhető el. c. – Az FTP olyan szabvány, amely az állományok átvitelét teszi lehetővé az interneten. d. – Az FTP egy fájl, amely meggátolja a jogosulatlan hozzáférést az internetes alkalmazásokhoz.

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

a. – hiperhivatkozás létrehozására b. – számozatlan felsorolás létrehozására c. – egyszerű bekezdés létrehozására d. – számozott felsorolás létrehozására

1/3. Mi az oldaltérkép?

a. – Azon oldalak listája, amelyek a böngészőnk könyvjelzőihez/kedvenceihez van hozzáadva. b. – Interneten elérhető térkép helymeghatározó rendszerek számára. c. – Dokumentumok elérési útjainak rendezett listája a helyi számítógép meghajtóin. d. – A honlap minden egyes oldala címeinek listája rendezett formában, keresztlinkekkel, kép- és szövegfájlokkal együtt.

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

a. – a táblázat egy-egy sorát határozza meg b. – a táblázat egy-egy celláját határozza meg c. – a táblázat egy-egy oszlopát határozza meg d. – a táblázat fejlécét határozza meg

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. Hogyan formázza át a weboldal kinézetét a következő CSS szabály? h1{color:green;}

a. – A dokumentum háttérszíne zöld színű. b. – Minden <h1> címsor háttérszíne zöld színű. c. – Az első sor betűszíne zöld színű. d. – Minden <h1> címsor betűszíne zöld színű.

Indíts el a Visual Studio Code webszerkesztő programot. Nyisd meg a munkafájlok-1 mappát.

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

Módosítsd a karakterkódolás típusát, utf-8-ra.

Módosítsd az oldal címét Kovács és Fiai Kft.-re.

3. Állíts be hiperhivatkozást a kedvező ár szövegrészre, amely mutasson az arak.html oldalra.

Töröld a hiperhivatkozást a Minőség, megbízhatóság szövegrészről.

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

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

A Vállalati, intézményi referenciák alatti négy sort formázd számozott felsorolás stílusúvá.

A Magán megrendelői referenciák alatti négy sort formázd számozatlan felsorolás stílusúvá.

5. A Referenciák címsor alatti kép (festes.jpg) tulajdonságait módosítsd úgy, hogy a szélessége 130 pixel legyen, és adj festés értékkel alternatív szöveget a képhez.

6. Rendeld a fájlhoz a styles.css stíluslap állományt.

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

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

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

Egyesítsd a táblázat celláit a szomszédos üres cellákkal minden olyan sorban, ahol a cella osztálya kiemelt értékű.

8. Módosítsd az Impregnálás tartalmú cellák melletti árakat 150-ről 180-ra, az akciós árat pedig 100-ról 120-ra.

9. Szúrj be egy horgonyt (könyvjelzőt) tapeta néven a Tapétázás szövegű cellába.

Állíts be hiperhivatkozást a Figyelmükbe ajánljuk a tapétázással kapcsolatos árainkat mondatra, amely mutasson a tapeta nevű könyvjelzőre.

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

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

A Tapétázás rádiógomb alatti három rádiógombhoz adj címkéket (label) a többi rádiógomb címkéihez hasonló módon.

11. A többsoros beviteli mező értékébe alapértelmezetten legyen ez a szöveg beírva: egyéb megjegyzéseit ide írja.
A mező sorainak száma legyen 5, a soron belüli karakterek száma pedig 40.

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 body elemhez rendelt betű típusa legyen tahoma, sans-serif, a háttérszín pedig #fff2e8.

13. Módosítsd a menu azonosítójú elemen belüli hivatkozás jelölő elemek hover állapotát a következők szerint: a betűszín legyen vörös (red), és aláhúzott.

14. Adj keretet a kep osztályú elemeknek, a keret vastagsága legyen 2 pixel, a mintázata pontozott, a színe pedig vörös (red).

15. Módosítsd a táblázatok celláinak cellabélés értékét: felülre és alulra 4 pixel, balra és jobbra 20 pixel értékeket rendelj.

16. A kiemelt osztályú cellák baloldali bélését állítsd 30 pixelre.

Az ajanlat_form azonosítójú elemeken belül a meret osztályú input elem szélessége legyen 70 pixel.

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

Az elkészült weboldal: