Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egy olyan program vagy alkalmazás, amely bizonyos szavaknak, kifejezéseknek megfelelő információkat keres az interneten. Válaszd ki, melyik a mondat helyes kiegészítése!

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

1/2. A(z) ...... olyan számítógép vagy szoftver, ami más számítógépek számára különböző szolgáltatások elérését teszi lehetővé. Válassza ki, melyik a mondat helyes kiegészítése!

a. – kliens b. – böngésző c. – szerver d. – URL

1/3. Egy weboldalon a gyors letöltés céljából melyik a legalkalmasabb video formátum típus?

a. – AVI b. – FLV c. – DVD d. – VCD

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

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

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

a. – A teljes dokumentum háttérszíne fekete. b. – A teljes dokumentum betűszíne fekete. c. – A címsor háttérszíne fekete. d. – A bekezdés betűszíne fekete.

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

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

Módosítsd a „Figyelem!” címsor szövegét „Rendelési rend változás!”-ra.

Szúrj be egy új 2. szintű címsort „Rendelési idő” szöveggel a táblázat elé.

3. A Július 26-tól augusztus 5-ig szövegrészt tedd dőltté. A 24 órás sürgősségi szövegrészt tedd félkövérré.

4. Egyesítsd a táblázat fejléc celláit a szomszédos üres cellákkal.

5. A táblázat „Felnőtt betegek részére” részét (az alatta lévő 5 sorral együtt) helyezd át a tábla végére.

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

6. Nyisd meg a szabadsagok.txt fájlt.

Mentsd el a fájlt weboldalként szabadsagok.html néven.

Módosítsd a május, június, július, augusztus sorok alatti felsorolások jelölőit úgy, hogy azok számozatlan felsorolás stílusúak legyenek. (május, június nem felsorolás!!!)

mivel a május, június rész jelenleg nincs felsorolásban, ezért ezeket külön hozom létre

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

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

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

Állíts be hiperhivatkozást az „írjon címünkre” szövegrészre, amely mutasson a hirlevel@medim.hu email címre úgy, hogy a levél tárgya „feliratkozás” legyen.

Állíts be hiperhivatkozást az „ugyanígy teheti” szövegrészre is, amely ugyanerre az email címre mutasson, de a levél tárgya „leiratkozás” legyen.

9. Javítsd a címsor melletti kép paramétereit a következőképpen: a kép fájlneve envelope.jpg, a megjelenő kép szélessége 150 pixel legyen. Adj alternatív szöveget a képnek Boríték értékkel.

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

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

Módosítsd a többsoros beviteli mező tulajdonságait úgy, hogy a sorok száma 4, a soron belüli karakterek száma 40 legyen.

11. Szúrj be egy reset típusú gombot a küldés gomb mellé. A gomb felirata „adatok törlése” legyen.

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 menusor azonosítójú elemre vonatkozó háttérszín legyen #ff9c00.
Módosítsd az aktiv azonosítójú elemre vonatkozó háttérszínt fehérre (white).

13. Módosítsd a table, th, td elemekre vonatkozó keret tulajdonságait: a keret legyen folytonos vonalú, 1 pixel vastag és #666 színű.

14. A táblázat alsó és felső margói legyenek 20 pixel szélesek, a bal- és jobboldali margót pedig állítsd be úgy, hogy a táblázat középre rendeződjön.

15. A submit és a reset típusú gombok szélessége legyen 120 pixel, magassága pedig 30 pixel.

16. Azon elemek háttérszíne, amelyek osztálya mezosor és z1, legyen #fef6e7. Azon elemek háttérszíne pedig, amelyek osztálya mezosor és z2, legyen #fffbf4.

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

Az elkészült weboldal: