A \u201eMennyit sz\u00e1nunk r\u00e1?” k\u00e9rd\u00e9s nem v\u00e9letlen\u00fcl ker\u00fclt az utols\u00f3 helyre. Ha az els\u0151 k\u00e9t k\u00e9rd\u00e9sre j\u00f3 v\u00e1laszt tudunk adni, ezzel pontos c\u00e9lcsoportot meghat\u00e1rozni, akkor jelent\u0151sen cs\u00f6kkenthet\u0151ek az el\u0151\u00e1ll\u00edt\u00e1s k\u00f6lts\u00e9gei.<\/p>\n
Az internethaszn\u00e1lati szok\u00e1sok az elm\u00falt n\u00e9h\u00e1ny \u00e9vben a mobil eszk\u00f6z\u00f6k haszn\u00e1lata fel\u00e9 mozdultak el, illetve a megjelen\u00edt\u0151k (monitorok, kijelz\u0151k) k\u00e9par\u00e1nya \u00e9s felbont\u00e1sa is egyre v\u00e1ltozatosabb, ez\u00e9rt az \u00faj oldalak tervez\u00e9sekor ezek lehet\u0151s\u00e9geit \u00e9s korl\u00e1tait is figyelembe kel venni.<\/p>\n
A mobil eszk\u00f6z\u00f6k el\u0151nyei<\/p>\n
- \n
- SOS keres\u00e9sek<\/li>\n
- Hely adatok<\/li>\n
- Azonnali kapcsolati lehet\u0151s\u00e9g (telefonh\u00edv\u00e1s, Skype) egy mozdulattal<\/li>\n
- Sokkal c\u00e9lzottabban tudjuk az \u00fcgyfelet el\u00e9rni<\/li>\n
- A helyadatai seg\u00edts\u00e9g\u00e9vel az aj\u00e1nlatokat testre szabhatjuk<\/li>\n<\/ul>\n
A mobil eszk\u00f6z\u00f6k h\u00e1tr\u00e1nyai:<\/p>\n
- \n
- kis m\u00e9ret (3″-10″ az asztali g\u00e9pek 17″-22″ m\u00e9ret\u00e9hez k\u00e9pest)<\/li>\n
- Nehezebb sz\u00f6vegbevitel<\/li>\n<\/ul>\n
A kijelz\u0151k \u00e9s monitorok felbont\u00e1sa \u00e9s k\u00e9par\u00e1nya nagyon t\u00e1g hat\u00e1rok k\u00f6z\u00f6tt v\u00e1ltozik, ez\u00e9rt neh\u00e9z olyan oldalt k\u00e9sz\u00edteni, amely mindegyiken megfelel\u0151en jelenik meg.<\/p>\n
Erre a szakemberek h\u00e1rom alapvet\u0151 technik\u00e1t dolgoztak ki (a megnevez\u00e9s\u00fckre nem tal\u00e1ltam frapp\u00e1ns magyar\u00edt\u00e1st):<\/p>\n
Fluid design<\/h3>\n
Tal\u00e1n a legegyszer\u0171bb megold\u00e1s. Az oldal \u00f6sszes elem\u00e9nek sz\u00e9less\u00e9ge %-ban van megadva, \u00edgy b\u00e1rmely sz\u00e9less\u00e9g\u0171 kijelz\u0151n azonos ar\u00e1nyokkal jelenik meg az oldal.<\/p>\n
H\u00e1tr\u00e1nya, hogy keskeny kijelz\u0151n a sz\u00f6veg elapr\u00f3z\u00f3dhat, egy sorba 1-2 sz\u00f3 ker\u00fcl, ami az olvas\u00e1st megnehez\u00edti, illetve a sz\u00e9les kijelz\u0151n nem felt\u00e9tlen\u00fcl telik meg adattartalommal.<\/p>\n
Haszn\u00e1lata els\u0151sorban akkor praktikus, ha a megc\u00e9lzott k\u00e9perny\u0151felbont\u00e1sok csak kisebb sz\u00f3r\u00e1st mutatnak , p\u00e9ld\u00e1ul az adott oldalt csak asztali g\u00e9pen val\u00f3 megtekint\u00e9sre tervezz\u00fck.<\/p>\n
Flexible design<\/h3>\n
A weboldalt minden fontosabb eszk\u00f6znek megfelel\u0151en ell\u00e1tjuk sablonnal, \u00e9s a megfelel\u0151t haszn\u00e1ljuk az adott eszk\u00f6z\u00f6n.<\/p>\n
Ez adja minden c\u00e9lzott eszk\u00f6z\u00f6n a legjobb eredm\u00e9nyt, azonban a befektetett munka is ezzel ar\u00e1nyos.<\/p>\n
Responsive design<\/h3>\n
![\"responsive](\"http:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/02\/Complete.png\/149px-Complete.png\")
<\/a>A responsive design egy lehets\u00e9ges megval\u00f3s\u00edt\u00e1sa<\/figcaption><\/figure>\n A weboldalt mez\u0151kre osztjuk, \u00e9s a k\u00e9perny\u0151 (b\u00f6ng\u00e9sz\u0151ablak) sz\u00e9less\u00e9g\u00e9nek megfelel\u0151en rakjuk egym\u00e1s mell\u00e9, vagy al\u00e1.<\/p>\n
L\u00e1that\u00f3an mindh\u00e1rom alaptechnik\u00e1nak megvannak a maga el\u0151nyei \u00e9s h\u00e1tr\u00e1nyai, azonban a gyakorlat ezt m\u00e9g tov\u00e1bb bonyol\u00edthatja, amikor az alaptechnik\u00e1kat \u00f6tv\u00f6zz\u00fck.<\/p>\n
A megfelel\u0151 kialak\u00edt\u00e1s a tervez\u00e9s folyamat\u00e1nak r\u00e9sze, egyik m\u00f3dszer sem ad \u00e1ltal\u00e1nos megold\u00e1st, de megfelel\u0151en haszn\u00e1lva, \u00e1ltal\u00e1nosan haszn\u00e1lhat\u00f3 weblapot lehet l\u00e9trehozni.<\/p>\n
Kapcsol\u00f3d\u00f3 oldalak<\/h3>\n
- \n