Bevezetés a HTML és CSS technológiákba
Képzés kód:
Bevezetés a HTML és CSS technológiákba - Időpontok és jelentkezés
Első oktatási nap: 2025. október 1., további oktatási napok: 2., 3.
A jelentkezési határidő már lejárt. Ha szeretnél jönni, még leadhatod a jelentkezésedet és igyekszünk helyet biztosítani.
Zártcsoportos képzésre jelentkezem
Jelentkezés időpont nélkül
Ezeket a kedvezményeket veheted igénybe jelentkezéskor:
MasterMoms program
Lépj be a webfejlesztés világába és ismerd meg az informatikában széles körben használt HTML és CSS technológiákat. Megtanulod, hogyan épül fel egy weboldal, hogyan lehet szerkezetet adni a tartalomnak HTML segítségével, és hogyan lehet vizuálisan formázni azt CSS használatával. A képzés során a legfontosabb webes szabványokkal, fejlesztői eszközökkel és modern webfejlesztési technikákkal is megismerkedsz, mint például a CSS3 és HTML5 szabványok által meghatározott modern funkciók. A tanultakat azonnal alkalmazhatod saját weboldalak készítésére, így stabil alapot kapsz a front-end fejlesztéshez.
A képzést bárkinek ajánljuk, aki érdeklődik a weboldalak, webalkalmazások felépítése és működése iránt. Kifejezetten ajánlott olyan szakembereknek, akiknek a munkájához elengedhetetlen a HTML és CSS ismeret: frontend fejlesztőknek, site buildereknek, saját honlap készítőknek, tesztelőknek, SEO szakértőknek, online marketing szakembereknek.
- Erős felhasználói ismeretek ajánlottak
A webfejlesztés az online világ alapja, ahol a HTML határozza meg a weboldalak szerkezetét, a CSS pedig a megjelenésüket és dizájnjukat. A HyperText Markup Language (HTML) egy jelölőnyelv, melynek segítségével egyértelműen definiálhatjuk egy weboldal felépítését, míg a CSS-sel - mely egy stílusleíró nyelv - meghatározhatjuk a weboldal megjelenését. Ezek a technológiák minden modern weboldal és alkalmazás alapját képezik, legyen szó egyszerű blogokról vagy összetett webes platformokról. Ha ismered őket, képes leszel saját reszponzív és vizuálisan vonzó weboldalakat létrehozni.
Képzésünkön betekintést nyersz a weboldalak készítéséhez elengedhetetlen HTML, illetve CSS technológiákkal kapcsolatos főbb ismeretekbe. A történeti alapok, illetve szabványok áttekintésén túl gyakorlati feladatokon keresztül ismerhetik meg a HTML és a CSS felépítését, nyelvi szabályait és eszközeit.
Fő témakörök:
- Bevezetés – Megismered a web alapjait, a legfontosabb szabványokat és a fejlesztői eszközöket, amelyekkel hatékonyan dolgozhatsz.
- A HTML nyelv alapjai és a HTTP – Áttekintést kapsz a HTML történetéről, szerkezetéről és a web működésének alapját képező HTTP protokollról.
- HTML nyelv alapelemek – Megtanulod a HTML alapvető elemeit, címeket, bekezdéseket és szerkezeti tageket használni.
- Adatok strukturált megjelenítése – Táblázatok és listák segítségével hatékonyan rendszerezheted és jelenítheted meg az információkat.
- Űrlapok – Megismered az űrlapelemeket és inputtípusokat, amelyekkel felhasználói adatokat gyűjthetsz.
- Képek kezelése a HTML-ben – Különböző képformátumokat és azok megfelelő használatát sajátíthatod el weboldalaidon.
- Linkek és horgonyok – Megtanulod, hogyan hozhatsz létre belső és külső hivatkozásokat a navigációhoz.
- Konténerek – A
<div>elem segítségével strukturáltabb és könnyebben kezelhető oldalakat építhetsz. - Oldalszekciók – Megismered a HTML5 szekcióelemeit, amelyekkel átláthatóbb és szabványosabb weboldalakat készíthetsz.
- Multimédia elemek – Beépíthetsz hang- és videófájlokat a weboldalakba, így interaktívabb tartalmat hozhatsz létre.
- HTML oldalak formázása CSS segítségével – Megtanulod, hogyan adhatsz stílust és egyedi megjelenést a HTML elemeknek a CSS segítségével.
- CSS szelektorok – Megismered a különböző szelektorokat, amelyekkel hatékonyan szabályozhatod az elemek megjelenését.
- CSS tulajdonságok és értékek – Elmélyedsz a CSS formázási lehetőségeiben, beleértve a színeket, háttereket, betűtípusokat és pozicionálási technikákat.
Tematika:
1. Bevezetés
1.1. A world Wide Web alapelemei
1.2. WWW története
1.3. Legfontosabb szabványok
1.4. Fejlesztő eszközök megismerése
1.5. Visual Studio Code telepítése, alapvető funkciói
1.6. HTML, CSS fejlesztéshez szükséges plugin-ek telepítése
1.7. Szerverek szerepe a weben
2. A HTML nyelv alapjai és a HTTP
2.1. Története, verziói
2.2. HTML szerkezeti felépítése
2.3. Kapcsolódó szabványok
2.4. A http protocol
2.5. Request – response
2.6. Http metódusok
2.7. Http státuszok
3. HTML nyelv alapelemek
3.1. Elemek (tag), elem tulajdonságok (attributum)
3.2. Oldalfelépítés, alapelemek (<html>, <head>, <body>)
3.3. HTML head elemek meta tag-ek (<meta…>)
3.4. Címsorok (<h1> - <h6>)
3.5. Bekezdések (<p>)
3.6. Predefined (<pre>)
4. Adatok strukturált megjelenítése
4.1. Táblázatok (<table>, <thead>, <tbody>, <tfoot>, <td>, <tr>, <th>)
4.2. Felsorolások (<ul>, <ol>, <li>)
5. Űrlapok (<form>)
5.1. Inputok
5.1.1. Leggyakoribb input típusok: text, password, checkbox, radio, file, submit típusok
5.1.2. További típusok: reset, button, image, hidden, color,
5.1.3. HTML5 típusok: date, datetimelocal, email, month, number, range, search, tel, time, url, week
5.2. Textarea, select
6. Képek kezelése a HTML-ben (<img>)
6.1. Források típusok
6.2. Ábrák használata (<figure>)
7. Linkek és horgonyok (<a>)
8. Konténerek (<div>)
9. Oldalszekciók (<header>, <nav>, <article>, <section>, <aside>, <footer>)
10. Multimédia elemek
10.1. Object elem és helyettesítői (<object>)
10.2. Audio elem (<audio>)
10.3. Video elem (<video>)
11. HTML oldalak formázása CSS segítségével
11.1. A CSS célja
11.2. Nyelvi szabályok, felépítés
11.3. Lehetséges összekapcsolások a HTML struktúrával
12. CSS szelektorok
12.1. egyszerű szelektor típusok
12.2. összetett szabályok
12.3. rész kiválasztók, n-dik kiválasztók
12.4. pszeudó elemek
12.5. szelektorok prioritása
13. CSS tulajdonságok és értékek
13.1. Mértékegységek
13.2. Szinek
13.3. Hátterek
13.4. Betűtípus és variáns tulajdonságok
13.5. Szöveg tulajdonságok
13.6. Doboz modell
13.6.1. Méretezés
13.6.2. Keretek
13.6.3. Margók
13.6.4. Paddingok
13.7. Táblázatok
13.8. Listák
13.9. Túlcsordulás kezelése
13.10. Pozicionálás
13.11. Transzformációk
Bevezetés a HTML és CSS technológiákba - Mentoraid lesznek
Nagyon jó hangulatú volt a training, sok gyakorlati példát hallottam.
S. Albert