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.Ráadásul ezt úgy teheted meg, hogy
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?
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.
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.
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
nem több tízezer forint
hanem
9.779Ft
helyett
most CSAK DVD esetén: 8.890Ft, online videó esetén: 8.890Ft!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!
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.
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.