Webszerkesztés
Notepad ++

22. feladatsor


Indíts el a Notepad++ webszerkesztő programot.

2. Nyisd meg az index.html nevű fájlt a megadott helyről.

Fájl - Megnyitás

Tedd dőltté a „lemezlovas” szót.

<i>lemezlovas</i>

A „Ne habozz, jelentkezz most!” mondat kerüljön új bekezdésbe.

elhelyezkedhetsz.</p>
<p>Ne habozz, jelentkezz most!</p>

3. Állíts be hiperhivatkozást a „jelentkezni valamelyik tanfolyamunkra” szövegrészre, amely mutasson a tanfolyamok.html oldalra.

<a href="tanfolyamok.html">jelentkezni valamelyik tanfolyamunkra</a>

Állíts be hiperhivatkozást a „Szakképzett DMC bajnok oktatóink” szövegrészre is, ez mutasson az Oktatók című oldalra.

<a href="oktatok.html">Szakképzett, DMC bajnok oktatóink</a>

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

Fájl - Mentés
Fájl - Bezárás

4. Nyisd meg a tanfolyamok.txt fájlt.

Fájl - Megnyitás

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

<html>
<head>
...
</body>
</html>

Adj oldalcímet „DJ Suli” szöveggel.

<title>DJ Suli</title>
</head>

5. A Tanfolyamok címsor alatti sorokat alakítsa definíciós listává.

<p><dl>
	<dt>Kezdő</dt>
		<dd>heti 2 óra. 20 alkalom. Ismerekedés a lemezjátszóval, keverővel, a különböző technikákkal.<br>
		5000 Ft / óra.</dd>
a fenti módosításokat a másik két helyen is végezd el
</p></dl>

Ments el a fájlt weboldalként tanfolyamok.html néven és zárd be.

Fájl - Mentés másként...
Fájltípus: .html
Fájl - Bezárás

6. Nyisd meg az oktatok.html fájlt.

Fájl - Megnyitás

Az oldalon található táblázatnak cseréld meg a két oszlopát.

jelöld ki minden sor első celláját, C + x, kattints a második cella alatt, C + v

7. Adj alternatív szöveget a táblázatban található két képnek, az értéke ugyanaz legyen, mint a hozzájuk tartozó oszlop fejlécének tartalma.

<img src="dj_eye.gif" alt="DJ Eye">
<img src="dj_foot.jpg" alt="DJ Foot">

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

Fájl - Mentés
Fájl - Bezárás

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

Fájl - Megnyitás

Módosítsd az űrlapon a Név felirathoz tartozó mező paramétereit: a mező neve nev, a maximálisan beírható karakterek száma 30 legyen.

<input type="text" name="nev" maxlength="30">

9. A Tanfolyam rádiógombjai közé vegyél fel egy új rádiógombot, amelynek címkéje Profi legyen.

<input type="radio" name="tanfolyam" value="profi" id="tanfolyam-profi">
<label for="tanfolyam-profi"> Profi</label><br>

Alapértelmezetten legyen a Kezdő rádiógomb bejelölt állapotban.

<input type="radio" name="tanfolyam" value="kezdo" id="tanfolyam-kezdo" checked>

10. Módosítsd az Üzenet beviteli mezőjét többsorossá, a sorok száma 6, a soron belüli karakterek száma pedig 50 legyen.

<input type="text" name="uzenet"><textarea rows="6" cols="50">

11. Az űrlap végén lévő nyomógomb mellé vegyél fel egy másik nyomógombot, amelynek típusa reset, felirata pedig „Törlés”.

<input type="reset" name="torles" value="Törlés">

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

Fájl - Mentés
Fájl - Bezárás

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

Fájl - Megnyitás

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú elemen belüli hivatkozás jelölő elemek hover állapota esetén a betűszín legyen vörös (red).

#menu a:hover{
	color: red;
}

13. A dt elemek margója legyen 10 pixel, a betűstílus félkövér.

dt{
    margin: 15px10px;
	font-weight: bold;
}

14. A th és a td elemek 50% szélességűek legyenek és a bennük lévő szöveg balra legyen rendezve.

th,td{
	padding: 10px;
	width: 50%;
	text-align: left;
}

15. A reset típusú input elemek betűszíne legyen vörös (red).

input[type='reset']{
	color: red;
}

16. A fieldset elemek szélessége legyen 680 pixel, a bélésük (padding) pedig 10 pixel.

fieldset{
    margin: 0 auto;
	width: 680px;
	padding: 10px;
}

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

Fájl - Mentés
Fájl - Mind bezárása
Fájl - Kilépés

Az elkészült weboldal: