WebtanárKöszöntelek, én Kovács Bence vagyok.
Fő profilom a webes oktatás, emellett hobbi szinten bűvész és mentalista is vagyok, verseket írok, illetve mobil alkalmazásokat fejlesztek (iOS és Android)...
Magyarországon ELSŐKÉNT, 2002-ben kezdtem el oktatóvideókat készíteni, főként a webes programozás témakörében. Azóta több, mint 70 oktatóanyagot készítettem el, melyekkel többezer hallgatót tudtam segíteni a tanulásban és a munkaszerzésben. Régebben az oktatovideok.hu és a csak1ezres.hu címeken működött az oktatóvideós portálom, 7 éve használom a webtanar.hu domain nevet.
Az oktatóanyagaim egyik része az abszolút kezdőknek szól, akik még csak most ismerkednek a webes fejlesztéssel. Haladóbb szintű és speciális témaköröket érintő oktatóanyagokat is készítek, ezeket főként a gyakorlattal és tapasztalattal rendelkező webmestereknek ajánlom.
Remélem, hogy neked is segíteni tudok a tanulásban, esetleg a munkaszerzésben is!
Kellemes és hasznos tanulást kívánok! :-)
webmesterek online iskolája
|
|
Köszöntelek a CSS 3 kurzuson, én Kovács Bence vagyok. Magyarországon elsőként, 2002-ben kezdtem el oktatóvideókat készíteni, főként a webes programozás témakörében. Azóta kb. 70 kurzust készítettem el, melyekkel többezer hallgatót tudtam a tanulásban és a munkaszerzésben segíteni.
A CSS3 a modern webfejlesztés egyik leghatékonyab eszköze, így aki manapság weblapkészítéssel foglalkozik, annak számára szinte kötelező az ismerete és használata.
A CSS3-mal való ismerkedést teljesen az alapoktól kezdjük, de azért feltételezem, hogy már rendelkezel alapfokú HTML ismeretekkel - ha netán mégsem, akkor iratkozz fel a HTML alapok című kurzusomra!
A CSS alapjainak átismétlése után áttekintjük a CSS3 népszerű új funkcióit (úgymint lekerekítések, árnyékolás, színátmenetek használata stb.), majd megismerkedünk az animációk és transzformációk használatával. A kurzus végén néhány gyakorló feladattal foglaljuk össze és próbáljuk ki a tanultakat.
A videókon lépésről lépésre láthatod majd a forráskód szerkesztését, az elkészült kódokat a segédfájlok között találod majd meg. Érdemes minden lecke után a gyakorlatban is kipróbálni a látottakat!
Nézd meg az ingyenes leckéket, és ha hasznosnak tartod, vásárold meg az oktatóanyagot!
Remélem, hogy hamarosan találkozunk! :-)
-
1.Bevezető
-
1. lecke
Hova és hogyan írhatjuk be a CSS kódot
-
2.A korábbról már ismert CSS parancsok áttekintése
-
2. lecke
Háttérszín és háttérkép beállítása
-
3. lecke
Szövegformázás
-
4. lecke
Keretek és margók
-
5. lecke
Listák formázása
-
6. lecke
Méretezés, megjelenes, pozícionálás
-
7. lecke
Pszeudo osztályok és elemek használata
-
3.A CSS 3 újdonságai
-
8. lecke
Új lehetőségek a formázandó elemek kiválasztására
-
9. lecke
Doboz elemek sarkának lekerekítése
-
10. lecke
Szövegek és doboz elemek árnyékolása
-
11. lecke
Keretek - színek helyett képeket használunk
-
12. lecke
Saját betűtípusok használata (TTF, OTF, WOFF)
-
13. lecke
Egyenes vonalú színátmenetek
-
14. lecke
Körkörös színátmenetek
-
15. lecke
Színkeverés (RGB és HSL) és áttetszőség
-
4.Animációk
-
16. lecke
Animáció létrehozása - kulcskockák időtartama
-
17. lecke
Több tulajdonság animálása: késleltetés, ismétlés
-
18. lecke
További beállítási lehetőségek
-
19. lecke
Az animáció megállítása és elindítása (JavaScript)
-
20. lecke
Egy kis gyakorlás: 3 gomb rezegtetése kattintásra
-
5.Transzformációk (2D)
-
21. lecke
Mozgatás
-
22. lecke
Elforgatás
-
23. lecke
Átméretezés
-
24. lecke
Megdöntés
-
25. lecke
Egy kis gyakorlás: 2D-a animáció
-
6.3D-s transzformációk
-
26. lecke
Elforgatás a térben
-
27. lecke
A perspektíva beállítása
-
28. lecke
Mozgatás térben
-
29. lecke
Átméretezés, a Z-tengely módosítása
-
30. lecke
Kétoldalú terület megforgatása
-
31. lecke
Minden böngészőben ugyanúgy futnak az animációk