Rugalmas webtervezés mobil eszközökre
| Kezd - vége | Beosztás | Oktató | Helyszín | Minimum | Beiratkozva | Érdeklõdés |
|---|---|---|---|---|---|---|
| 2013-07-08 2013-07-10 | H, Sze, 9h - 16h | Szántai Károly | Belváros | 4 fõ | 0 fõ |  |
| A létszám feltöltés alatt. Várjuk jelentkezését! | ||||||
Napjainkban egyre nagyobb az igény, hogy egy weboldal ne csak a hagyományos számítógépek kijelzõjén jelenjen meg esztétikusan, hanem a mobileszközök (mobiltelefonok, táblagépek) kijelzõjén is. Az okostelefonok és a táblagépek ugyan elvileg gond nélkül megjelenítik a hagyományos felépítésû oldalakat, de ezeken a készülékeken igazi felhasználói élményt mégiscsak a mobilra optimalizált megjelenítés biztosít.
Amikor a webfejlesztõ azzal szembesül, hogy az általa fejlesztett weboldalból mobil megjelenést is csinálnia kell, több lehetõség közül választhat. Egyik lehetõség, hogy elkészíti ugyanannak a weboldalnak egy teljesen önálló, kifejezetten mobilra optimalizált mutánsát. A másik lehetõség, hogy az eredeti weboldal megjelenését úgy alakítja ki, hogy az rugalmasan alkalmazkodjon a kijelzõk eltérõ méretéhez.
Tanfolyamunk középpontjában ez utóbbi technika, az úgynevezett Responsive Web Design (RWD) áll. Bár viták folynak arról, hogy a fent említett két lehetõség közül melyiknek mi az elõnye és a hátránya, abban egyetértés van, hogy a Responsive Web Design alkalmazása kis és közepes honlapok esetén gyorsabb, egyszerûbb és költséghatékonyabb lehet.
A Responsive Web Design alkalmazásához alapvetõen azt kell jól elsajátítani, hogy a weboldal vázszerkezete, a rajta megjelenõ elemek (betûk, képek, stb.) méretezése hogyan lehet teljesen rugalmas. Ehhez egy szemléletváltásra is szükség van, hiszen a fejlesztõk többsége hagyományosan mindent méretet pixelben definiál.
A tanfolyamon a nélkülözhetetlen elméleti alapok lefektetésével párhuzamosan közösen átalakítunk egy hagyományos, pixel alapú méretezéssel készült weboldalt, rugalmas, mobileszközökön is optimális megjelenéssel rendelkezõ weboldallá.
A tanfolyam elvégzésével a hallgatók képesek lesznek már méglévõ weboldalakat, CMS sablonokat rugalmas megjelenésûvé átalakítani, illetve új weboldalakat már eleve ezen elv mentén elkészíteni.
Tandíj: 48.000 Ft /fõ + ÁFA
Most akciós áron: 24.000 Ft + ÁFA
Részletfizetés: nincs, a tandíjat egy összegben kell befizetni
Célközönség:
Tanfolyamunkat olyan webtervezõknek, webfejlesztõknek ajánljuk, akik a mobileszközök felé is nyitni szeretnének.
Stabil HTML és CSS alapismeretek
- Az aktuális kiírás szerint, lásd a fenti táblázatot
- Vállalunk egyéni tanácsadást is
- Céges csoportoknak egyedi beosztással és tematikával is tartunk képzést
| Bevezetõ | - Fix és rugalmas tényezõk a webtervezésben - Mitõl lesz egy weboldal rugalmas? - Mobileszközök jellegzetességei a webtervezés szempontjából - Létezik-e külön mobilweb, vagy a web eszközfüggetlen? - Responsive Web Design fogalma és összetevõi |
| Pixel fogalma | - Tényleg abszolút mértékegység-e a pixel? - Három típusú pixel a retina kijelzõs mobileszközök világában |
| Viewport fogalma | - Mit nevezünk viewport-nak? - A viewport-ok típusai - Viewport meta elem |
| Rugalmas betûméretezés | - Igazodás a böngészõprogramok alapértelmezett betûméretéhez - Az "em" és "rem" mértékegység - Betûméretek és távolságok beállítása "em" mértékegységben |
| Rugalmas dobozméretezés | - Áttérés fix (pixel alapú) layout-ról rugalmas (százalék alapú) méretezésre - Rugalmas webtervezés képlete - Hasábméretezés "em" mértékegységben |
| Rugalmas képméretezés | - img elemek rugalmas méretezése - Rugalmas háttérképek CSS-ben - Egyéb multimédiás elemek (pl. videók) rugalmas méretezése |
| Eszköz- és médiaspecifikus CSS | - CSS médiatípusok - CSS médiatípus deklarációk - CSS által definiált média karakterisztikák (szín, méret, képarány, orientáció) - CSS3 media queries (média lekérdezések) fogalma és szintaktikája - Ideális töréspontok az eszközök felbontása alapján - CSS feldarabolása eszközspecifikus módon |
| "Elsõ a mobil" (mobil first) és az "Elsõ a tartalom" (content first) elve | - A media queries korlátai - A tartalom, a megjelenés és a viselkedés tudatos szétválasztása - Progressive enhancement elve a kijelzõk mérete és az eszközök képességei alapján - Media queries és az Internet Explorer |
| Tesztelés | Rugalmas tervek tesztelési lehetõségei |
Webmester kategória többi tanfolyamai:
- Webmester-Programozó
- Webszerkesztés-Grafika
- XML alapismeretek
- Keresõbarát és szabványos weboldalak tervezése
- Flash ActionScript programozás
- Web-alkalmazások készítése JAVA nyelven
- Symfony keretrendszer használata
- Ruby on Rails
- HTML5-CSS3 a gyakorlatban
- PHP programozás
- JavaScript programozás alapjai
- jQuery alapismeretek
- Webdesign-Photoshop
- JavaScript és JQuery - a biztos alapok
- Jquery - Ajax, a JavaScript ereje