Webszerkesztés
Visual Studio Code

---

1/1. Az alábbiak közül melyik állítás igaz?

a. – Az URL webcímet jelent, webhelyet azonosít és mindig www-vel kezdődik. b. – Az egyén nem tehető felelőssé az általa elhelyezett tartalomért. c. – A kommunikációs protokollok olyan szabályok, amelyekkel kapcsolatot létesíthet és adatot cserélhet egyik gép a másikkal. d. – A HTML egy kommunikációs protokoll.

1/2. Az alábbiak közül melyik állítás igaz?

a. – A keresőmotor kérést küld a kliensnek, a kliens végrehajtja a kérést. b. – A webszerver kérést küld a böngészőnek, a böngésző végrehajtja a kérést. c. – A kliens kérést küld a szervernek, a szerver végrehajtja a kérést. d. – A szerver kérést küld a kliensnek, a kliens végrehajtja a kérést.

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. Hogyan adható meg a HTML táblázatokban a keret vastagsága?

a. – a <table> jelölő "line" jellemzőjével b. – a <table> jelölő "border" jellemzőjével c. – a <table> jelölő "margin" jellemzőjével d. – a <table> jelölő "width" jellemzőjével

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. A(z) ...... stílusleíró nyelv, amely a weboldalak megjelenését írja le. Válassza ki, melyik a mondat helyes kiegészítése!

a. – HTML b. – RSS c. – XML d. – CSS

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

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

Alakítsa 2. szintű címsorrá az „Ideális pálya minden sízőnek”, valamint a „Járat információk” sorokat.

3. Tedd félkövérré és dőltté a „105 pályát 75 sílift” szövegrészt.
„Az izgalmas síprogramokkal” szövegrészről vedd le a dőlt típussá alakító jelölőket.

4. Cseréld le a jet.jpg képet a timetable.jpg képre. Határozd meg a kép megjelenési szélességét 250 pixel méretűre.

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

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

Egészítsd ki a fájlt a hiányzó body nyitó és záró jelölőivel. Adj oldalcímet „White Valley sípálya” értékkel.

6. Javítsd ki a szövegben a „decembertől egészen márciusig” szövegrészt a következőre: „novembertől egészen februárig”.
Javítsd továbbá a „Márciustól októberig” szöveget erre: „Februártól novemberig”.

7. Állíts be hiperhivatkozást a „Jelentkezzen időben, nehogy lemaradjon!” mondatra, amely mutasson a Kapcsolat című oldalra.
Állíts be hiperhivatkozást a „különjáratokat” szóra is, ez mutasson az inf.html oldalra.

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

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

Az oldalon lévő táblázatokból töröld a Zürichből 12.00 órakor érkező, valamint az Oslóba 12.15-kor induló járatokat.

9. Módosítsd a Zürichbe 16.20-kor induló járat indulási idejét 15.00 órára.
Helyezd át ezt a sort úgy, hogy a járatok időrendi sorrendben legyenek.

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

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

Az űrlapon lévő rádiógombok közé vegyél fel egy újat, amelynek címkéje „Egyéb” legyen. Alapértelmezetten az „Információ kérés” legyen bejelölt állapotban.

11. Az „Üzenet” felirathoz tartozó beviteli mezőt módosítsd többsorossá, a sorainak száma 5, a sorokon belüli karakterszáma 50 legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A nav azonosítójú elemen belüli hivatkozás jelölőelemekre, valamint azok link és visited állapotára állítsd a betűszínt sárgára (yellow), a szöveg pedig ne legyen aláhúzva.

13. A header azonosítójú elemen belüli h1 elemekre határozz meg 25 pixel méretű betűközt, valamint középre történő szövegigazítást.

14. A table elemek szélességére állítsd be 500 pixelt, a háttérszínre pedig #fff0f0 értéket.

15. A th elemekre határozz meg 5 pixel felső és alsó, valamint 10 pixel bal- és jobboldali bélés (padding) értékeket.

16. A text típusú input elemek szélességét állítsd 450 pixel nagyságúra.

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

Az elkészült weboldal: