Webszerkesztés
Visual Studio Code

---

1/1. Jelöld meg, melyik a World Wide Web (WWW) helyes meghatározása!

a. – A WWW olyan protokoll, amely a webszerver és a kliens programok közti kommunikációt biztosítja. b. – A WWW olyan kiszolgáló, amely weblapok elérését teszi lehetővé HTTP protokoll segítségével. c. – A WWW 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é. d. – A WWW multimédiás dokumentumok összessége, amelyek egymással kereszthivatkozással vannak összekötve.

1/2. A(z) ...... hálózatokon történő állományátvitelre szolgáló szabvány. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – FTP b. – HTML c. – URL d. – WWW

1/3. A következő képformátumok közül melyiket használják a leginkább nagy fényképek webes közzétételére?

a. – BMP b. – JPG c. – MP4 d. – AI

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

a. – táblázat egy cellájának megadására b. – táblázat törzsének megadására c. – táblázat egy sorának megadására d. – táblázat háttérszínének megadására

1/5. Mire használjuk az űrlapoknál az <input type="reset"> jelölőt?

a. – szöveges beviteli mező elhelyezésére b. – „űrlap elküldése” gomb elhelyezésére c. – „űrlap adatainak visszaállítása” gomb elhelyezésére d. – kiválasztó lista elhelyezésére

1/6. Mit módosíthatunk a hiperhivatkozások „link” állapotának módosításával?

a. – A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. b. – A még meg nem látogatott hivatkozások tulajdonságait. c. – A már korábban meglátogatott hivatkozások tulajdonságait. d. – A hivatkozások keretének tulajdonságait.

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

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

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

3. Szúrj be egy sortörést a „Két szinten...” mondat elé.
Szúrj be szintén egy sortörést a „Nyitva 0-tól 24...” mondat elé is.

4. Tedd félkövérré a „45 db csúcsminőségű” szövegrészt.
A szövegben előforduló „Expresso” szót alakítsd félkövérré és dőltté.

5. Állíts be hiperhivatkozást a „számos kiegészítő szolgáltatást” szövegrészre, amely mutasson a Szolgáltatásaink című oldalra.
Alakíts hiperhivatkozássá a szövegben előforduló „expresso@...” email címet is.

6. Szúrd be az expresso_1.jpg képet a kep osztályú elemen belülre. A képhez rendeljen alternatív szöveget „nyíl” értékkel.

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

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

Vond össze a táblázat fejléc celláit a velük szomszédos üres cellákkal.

8. Módosítsd a „Caffee latte” árát „380 Ft”-ra, a „Capuccino” árát „430 Ft”-ra.

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

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

Az „Email címe” felirathoz tartozó beviteli mező neve „email”, maximálisan beírható karaktereinek a száma 40 legyen.

10. A többsoros beviteli mező sorainak számát módosítsd 4-re, a soron belüli karakterek számát 40-re. A mezőbe alapértelmezetten a következő szöveg szerepeljen: „Itt tegye fel a kérdését!”.

11. Az űrlapon található nyomógomb legyen submit típusú, a gombon a „Küldés” felirat látszódjon.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A content azonosítójú elemen belüli h1 elemekre határozz meg az alap betűmérethez képest 1,5-szörös méretű betűnagyságot, valamint középre történő szövegigazítást.

13. A dt elemekre állíts be 12 pixel méretű margót, és félkövér betűstílust.

14. A table elemek felső és alsó margója 0 méretű legyen, a bal- és jobboldali margóját állítsd be úgy, hogy az elem középre rendeződjön.

15. A th és td elemekhez adj keretet, amely 1 pixel vastag, pontozott mintázatú és #ccc színű.

16. A text típusú input elemek szélességét állítsd 250 pixelre.

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

Az elkészült weboldal: