Nézd meg egy részletes videóban!
Ezért szükségessé vált egy olyan megoldás, amely lehetővé teszi, hogy egy weboldal a legkisebbtől a legnagyobb kijelzőn is jól jelenjen meg és tökéletesen használható legyen.
Ezekkel a megoldássokkal elkészített weboldalakat reszponzív weboldalnak nevezzük. A reszponzív weboldalak minden kijelző méretre felkészíthetőek.
Mára már nagyon fontossá vált, hogy egy weboldal minden kijelző méreten jól megjelenjen.Hogyan tanulhatod meg a reszponzív weboldalak készítését lehető legkönnyebben és leggyorsabban?
Ráadásul ezt úgy teheted meg, hogy
Mi az, ami megfelel ezeknek a feltételeknek?
Ha nem tudod mik azok az oktató videók, miért olyan jók, akkor kattints ide és elmondunk róluk mindent.
Miért jók az oktató videók?
- akkor és ott tanulsz, ahol kedved tartja, nem kell iskolába bejárnod és padban ülnöd, hanem a kényelmes székedben ülve nézheted végig a videókat
- mivel videók, ezért megállíthatod, visszatekerheted, akárhányszor megnézheted, ha elsőre nem értenél valamit
- az oktató videók ára töredéke a tanfolyamok és magántanárok árának (ráadásul a tanfolyamokon többnyire valamilyen könyvet is meg kell venni)
- nem kell jegyzetelned, segédanyagokat beszerezni, mindent megkapsz, ami a tanuláshoz szükséges
- az emberek többsége vizuális típus, sokkal könnyebben megérti azt, amit lát is és nem csak olvas róla
Ez egy nagyon hatékony tanulási forma, ezért elkészítettük neked a reszponzív weboldalak készítését bemutató oktató videót (becsületes nevén: "Tanulj hatékonyan oktató videóval: reszponzív weboldalak"), amiről lentebb olvashatsz.
Mit tanulhatsz meg ebből az oktató videóból?
A reszponzív weboldalak készítésének alapvetően két módja van: az egyik, ha teljesen önállóan, mindenféle eszközt, mint például reszponzív keretrendszereket mellőzve készítesz el egy reszponzív weboldalt, illetve ha valamilyen keretrendszert (pl. Bootstrap, Foundation) használva készíted el.
Ezzel a videóval azt tanulhatod meg, hogyan készíts önállóan, keretrendszerek használata nélkül reszponzív weboldalakat. Nagyon fontos, hogy először megtanuld ezeket az alapvető ismereteket, hiszen ha azonnal egy keretrendszert használnál, akkor nem értenéd meg hogyan működnek a reszponzív weboldalak, tehát csak használnál egy keretrendszert, anélkül, hogy valóban értenéd amit csinálsz.
Ebben a videóban a dolgok mélyére ásunk le, megtanulhatod azokat, amelyek általában szükségesek egy reszponzív weboldal készítéséhez, illetve a reszponzív weboldalak készítése során fellépő tipikus problémák megoldásait is megnézzük.
Vagyis a videó végére képes leszel teljesen önállóan elkészíteni egy reszponzív weboldalt, annak jellemző elemeivel (mint például képek, grafika, táblázatok, űrlapok, menük, stb), vagy egy meglévőt is át tudsz alakítani.
A videók maradéktalan megértéséhez a HTML (bármelyik verziója) és a CSS ismerete szükséges.
A részletes tartalomjegyzék
1. Az első lépések 1.1. Bevezető gondolatok 1.2. A probléma 1.3. Adaptív vagy reszponzív? 1.4. Felbontáshoz alkalmazkodó weboldalak 2. Reszponzív weboldalak felépítése, media query-k 2.1. Media query-k 2.2. Media query-k a gyakorlatban 2.3. Összetettebb media query-k 2.4. Menük reszponzív weboldalakon 2.5. Viewport 2.6. Nagy felbontású kijelzők, pixelsűrűség 2.7. Miket tudnak még a media query-k? 2.8. CSS fájlok media query-kel 2.9. Reszponzív HTML5 weboldalak 3. Reszponzív képek 3.1. Képek reszponzív oldalakon 3.2. Felbontástól függő méretű képek 3.3. Pixelsűrűséget figyelembe vevő képek, retina kijelzők 3.4. Pixelsűrűség és az srcset 3.5. A picture elem 3.6. Böngészőfüggetlen reszponzív képek 4. Mértékegységek, szövegek méretezése 4.1. Az em és a rem mértékegységek 4.2. A szövegek méretezése 5. Reszponzív grafika 5.1. Reszponzív háttérképek 5.2. Szabadon méretezhető grafika 6. Egyéb reszponzív weboldal elemek 6.1. Reszponzív videó 6.2. Reszponzív űrlapok 6.3. Reszponzív táblázatok 7. Grid system 7.1. Egy grid system használata 7.2. Sorok használata, oszlop sorrend 7.3. Saját grid system készítése 7.4. Töréspontok választása 8. Hiányzó funkciók elérhetővé tétele a böngészőkben 8.1. Media query-k 8.2. Reszponzív képek 8.3. Pseudo-class és attribute selector 8.4. Csak akkor, ha a böngésző Internet Explorer 9. Tesztelés, záró gondolatok 9.1. Mire lesz szükség a teszteléshez? 9.2. Böngészők 9.3. Teszt eszközök, mobil böngészők 9.4. Záró gondolatok
Mennyibe kerül?
- ha nincs egy jó oktató anyagod, akkor hosszú hónapokat, éveket kell eltöltened azzal, hogy az interneten, vagy egyéb forrásból összeszedd a szükséges ismereteket (kinek van erre ideje?)
- Te is tudod, hogy a tanfolyamok nagyon drágák, sokaknak egyszerűen megfizethetetlenek az átlagfizetések mellett (jellemzően egy tanfolyam legalább 50.000-100.000Ft-ba kerül)
- ha tanfolyamra jársz, akkor az utazás is pénzbe kerülhet, így még többet kell kifizetned
- esetleg magántanárral tanulsz, ami óránként biztos lesz vagy 3000Ft! Plusz, ha nem jön házhoz, akkor megint csak neked kell utazni, ami újabb kiadás. Ráadásul, ha valamit nem értesz, azt újra el kell magyarázza, amit ugye csak egy "köszönöm"-ért nem fog megtenni, fizethetsz újra. Viszont a videókat akárhányszor megnézheted újra, de csak egyszer kell megvenned. Bár nem hisszük, hogy túl sokszor meg kellene nézned, mert ez egy nagyon könnyen megérthető oktató videó.
nem több tízezer forint
hanem
9.779Ft
helyett
most CSAK DVD esetén: 8.890Ft, online videó esetén: 8.890Ft!Ez az ár tartalmazza:
- a DVD-t vagy az online hozzáférést
- a 8 óra videót
- a csomagolási költséget
- a cseregaranciát
- a fórum hozzáférést
- az ingyenes technikai segítségnyújtást
- és az áfát
Cseregarancia
Megrendelés
Szállítási időért, árakért és fizetési módokért kattints ide!
Utánvéttel a szállítás ideje 2-3 munkanap, díja 2480Ft-tól, a rendelés értékétől függően.
Külföldi vásárlás, fizetés külföldről
Minden videó esetében lehetséges a külföldi megrendelés és DVD esetén a szállítás, azonban DVD esetén kérjük, hogy a rendelés leadása előtt vedd fel velünk a kapcsolatot az uh.maylofnatoediv@ofni e-mail címen, a szállítási díj és szállítási mód pontosítása miatt. Erre azért van szükség, mert nem minden országba megoldható az utánvétes szállítás, illetve sajnos a szállítási díj sem egyforma.Abban az esetben ha csak online megnézhető videókat rendelsz, akkor természetesen nincs szállítási költség külföldi megrendelés esetén sem.
Fizetés külföldről
A hagyományos nemzetközi átutalások jellemzően jelentős költséggel járnak a fogadó félnél (ez esetben nálunk). Ezért ha külföldről szeretnél fizetni, akkor két lehetőséged van alapvetően: PayPal és TransferWise.PayPal esetén ez jellemzően pár száz forint plusz költséget jelent. Fizetni értelemszerűen PayPal regisztráció után lehet bankkártyával, vagy a PayPal számla átutalással történő feltöltése után.
TransferWise (transferwise.com) esetén nem számítunk fel extra költséget. Az átutalás díját a TransferWise számítja fel, ami tipikusan 3-400Ft szokott lenni. A TransferWise hagyományos átutalással használható, viszont a nemzetközi átutalások költségének töredéke kerül felszámításra a TransferWise által.
Természetesen ha meg tudod oldani, hogy magyarországi számláról utalj, akkor annak sincs akadálya.
Minimális rendszerigényért kattints ide!
Online videó esetén a lejátszáshoz állandó internetkapcsolat szükséges és bármely operációs rendszer megfelel, amelyre a Flash lejátszó elérhető, pl. Windows, Linux.
Ezt az oktató videót bármely számítógép, amely képes folyamatosan, akadás mentesen lejátszani egy legalább HD felbontású (1280x720) videót, annak ezzel a videóval sem lesz problémája.
Vásárlási információkért kattints ide.
Ne habozz egy pillanatig sem, kattints a "megrendelem" gombra és rendeld meg a "Tanulj hatékonyan oktató videóval: reszponzív weboldalak" oktató videót, így megteheted, ami Tőled csak telik, hogy megtanuld a reszponzív weboldalak készítését.
Mit vesztesz, ha nem veszed meg ezt az oktató videót?
Ugyanakkor pénzt is, mert egy ha egy hasonló színvonalú tanfolyamot választasz mint ez a videó, akkor az nagyságrendekkel drágább lesz, sok tízezer forint (a könyvek meg közel sem ilyen hatékonyak)!
Ráadásul rengeteg időt vesztesz azzal, ha csak próbálkozol, ahelyett hogy egy jól felépített oktató videó segítségével tanulnál. Az elvesztegetett időt tölthetnéd valami hasznosabbal is, például pihenéssel.