Szantai Eva - HTML5 - IAB Maksz
-
Upload
eva-szantai -
Category
Mobile
-
view
126 -
download
2
Transcript of Szantai Eva - HTML5 - IAB Maksz
![Page 1: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/1.jpg)
<HTML5> SRC= “MADHOUSE”
</HTML5>Szántai Éva
![Page 2: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/2.jpg)
MADHOUSE HTML5
• Soha nem volt kérdés a HTML5
• 2010-ben letettük a voksunkat a HTML mellett
100% mobil
![Page 3: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/3.jpg)
MIÉRT HASZNÁLJUK?
![Page 4: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/4.jpg)
Megmozdul.
• Mi 2010-ben letettük mellette a
voksunkat.
• Felkelti a figyelmet
• Bannervakság kiküszöbölése
FIGYELEMFELKELTŐ
![Page 5: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/5.jpg)
ÚJ SZTENDERDEgységesen használható
• Weboldal, játék, banner
• Egységes minden platformon, eszközön,
browserben
• Egyetlen fejlesztéssel megoldható mindenhol egy
méretben.
![Page 6: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/6.jpg)
Különböző elemek használatóak benne.
• Video-, audio elemek
• Túlmutatnak a statikus képeken
• Egy brand/termék részletes bemutatására
alkalmas
• Zsúfolt bannerek helyett animáció
• Dinamikus elemek
SZINTE MINDENT LEHET
![Page 7: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/7.jpg)
TANÁCSOK
![Page 8: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/8.jpg)
Ne felejtsük el a célt készítés közben sem.
• A logo legyen folyamatosan látható
• Olyan animáció, aminek “értelme van”
• Ne bonyolítsuk túl
• Használjunk kevesebb képet
NE VESSZÜNK EL A RÉSZLETEKBEN…
![Page 9: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/9.jpg)
CSODÁT NE VÁRJUNKKorlátozott animáció
• 3D mozgások nem elérhetőek
• Flash elemek már nincsenek
• Számoljunk a limitációjával
![Page 10: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/10.jpg)
EGYEDÜL NEM MEGY
![Page 11: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/11.jpg)
MASTERBŐL MUTÁCIÓRendszerek kompatibilitása
• Számos rendszer
• Módosítható file csatolásának kihagyása
• A folyamat itt is megkérdőjelezhető
![Page 12: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/12.jpg)
CSAK ÉLESEN!Retina bannerek
• HD, fullHD, QHD felbontások nem csak mobilon
• Tűéles bannereket mobilra!
• Továbbra is IAB sztenderdek használata
• Szoftverek retina támogatottsága?
![Page 13: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/13.jpg)
KÖTELEZŐ OLVASMÁNYA specifikáció
• Többféle HTML5 szerkesztő rendszer
• Többféle adszerver
• Specifikációk szerinti elkészítés még mindig
nehéz
• A specifikáció elékszítése is probléma
![Page 14: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/14.jpg)
A méret
• A programok által készített bannerek méretei
• Kézzel készített banner mérete
• Flash konvertálás kérdése
• Betöltődés egyre fontosabb: AMP, Instant Article
• Kiszolgálás: csak wifin keresztül
• Ellentmondás: retina, nagy képek és alacsony kB
…ÉS A LEGFONTOSABB
![Page 15: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/15.jpg)
• javítani kell a meglévő folyamatokon
• edukálni kell a szereplőket
• a világ e felé megy, gyorsan vegyük fel a
fontalat
DE (!) EZ A JÖVŐ
![Page 16: Szantai Eva - HTML5 - IAB Maksz](https://reader034.fdocuments.net/reader034/viewer/2022042906/58a849ae1a28ab210b8b4ad9/html5/thumbnails/16.jpg)
email: [email protected] I web: madhouse.hu twitter: @madhousehu I facebook: www.facebook.com/madhousehu
THANK YOU FOR YOUR ATTENTION